@font-face {
	font-family: 'myriadSemi';
    src: url('https://ptfi.co.id/assets/themes/webarq/fonts/myriad/proConden/myriadpro-boldcond-webfont.eot');
    src: url('https://ptfi.co.id/assets/themes/webarq/fonts/myriad/proConden/myriadpro-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
		 url('https://ptfi.co.id/assets/themes/webarq/fonts/myriad/proConden/myriadpro-boldcond-webfont.woff') format('woff'),
		 url('https://ptfi.co.id/assets/themes/webarq/fonts/myriad/proConden/myriadpro-boldcond-webfont.ttf') format('truetype'),
		 url('https://ptfi.co.id/assets/themes/webarq/fonts/myriad/proConden/myriadpro-boldcond-webfont.svg#MyriadWebProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'myriadReg';
    src: url('https://ptfi.co.id/assets/themes/webarq/fonts/myriad/reg/regular-webfont.eot');
    src: url('https://ptfi.co.id/assets/themes/webarq/fonts/myriad/reg/regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('https://ptfi.co.id/assets/themes/webarq/fonts/myriad/reg/regular-webfont.woff') format('woff'),
		 url('https://ptfi.co.id/assets/themes/webarq/fonts/myriad/reg/regular-webfont.ttf') format('truetype'),
		 url('https://ptfi.co.id/assets/themes/webarq/fonts/myriad/reg/regular-webfont.svg#MyriadWebProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'myriadBold';
    src: url('https://ptfi.co.id/assets/themes/webarq/fonts/myriad/bold/myriadwebpro-bold-webfont.eot');
    src: url('https://ptfi.co.id/assets/themes/webarq/fonts/myriad/bold/myriadwebpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('https://ptfi.co.id/assets/themes/webarq/fonts/myriad/bold/myriadwebpro-bold-webfont.woff') format('woff'),
		 url('https://ptfi.co.id/assets/themes/webarq/fonts/myriad/bold/myriadwebpro-bold-webfont.ttf') format('truetype'),
		 url('https://ptfi.co.id/assets/themes/webarq/fonts/myriad/bold/myriadwebpro-bold-webfont.svg#MyriadWebProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'myriadPro';
    src: url('https://ptfi.co.id/assets/themes/webarq/fonts/myriad/proLight/myriadprocond.eot');
    src: url('https://ptfi.co.id/assets/themes/webarq/fonts/myriad/proLight/myriadprocond.eot?#iefix') format('embedded-opentype'),
		 url('https://ptfi.co.id/assets/themes/webarq/fonts/myriad/proLight/myriadprocond.woff') format('woff'),
		 url('https://ptfi.co.id/assets/themes/webarq/fonts/myriad/proLight/myriadprocond.ttf') format('truetype'),
		 url('https://ptfi.co.id/assets/themes/webarq/fonts/myriad/proLight/myriadprocond.svg#MyriadWebProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*h2{
	color:#00b9f2;
	font-size:18px;
	font-family: myriadReg;
}*/
.font36{
	font-size:36px;
	line-height:40px;
	font-family: myriadReg;
}
.font30{
	font-size:30px;
	line-height:40px;
	font-family: myriadReg;
}

.font15{
	font-size:15px;
	font-family: myriadReg;
}

.font16{
	font-size:16px;
	font-family: myriadReg;
}
.font18{
	font-size:18px;
	font-family: myriadReg;
}
.font24{
	font-size:24px;
	font-family: arial;
	line-height:26px;
}
.font24_my{
	font-size:24px;
	font-family: myriadSemi;
	line-height:26px;
}
.font11{
	font-size:11px;
	font-family: arial;
	color:#999;
}
.orange{
	color:#f59951;
}
.blue{
	color:#00b9f2;
}

a.detail{
	color:#00b9f2;
	text-decoration:none;
	font-family: myriadReg;
	font-size:14px;
}
a.detail02{
	color:#ff0000;
	font-size:12px;
	text-decoration:none;
}
a.share_to_friend{
	color:#888 !important;
	text-decoration:none;
	font-family: myriadReg;
	font-size:14px;
	font-style:normal !important;
}
.date{
	color:#999;
	font-size:12px;
}
a.detail02 img{
	vertical-align:top;
}
a.subscribe{
	color:#f59951;
	text-decoration:none;
}
.line_H{
	float:left;
	width:100%;
	margin:10px 0;
	border-top:1px solid #ccc;
}
.line_h_dotted{
	float:left;
	width:100%;
	margin:10px 0;
	border-top:1px dotted #ccc;
}
.sign_kur_l{
	background:url(./assets/images/material/sign_kur.png) no-repeat center left;
	width:33px;
	height:103px;
	float:left;
}
.sign_kur_r{
	background:url(./assets/images/material/sign_kur.png) no-repeat center right;
	width:33px;
	height:103px;
	float:left;
}
.img_title{
	color:#999;
	font-size:11px;
}

/*html{
	margin:0;
	padding:0;
}
body {
	margin:0 !important;
	padding:0 !important;
	font-family:arial;
	font-size:12px;
	color:#333;
	line-height:18px;
	soverflow-x:hidden;
	background:#eee;
}*/
#global_wrap{
	/*max-width:1360px;*/
	/*min-width:960px;*/
	width: 100%;
	height: 100%;
	margin:0 auto;
	background:#fff;
	padding-bottom:30px;
	position:relative;
	overflow:hidden;
}

#container, #container_footer{
	width:100%;
	margin:0 auto;
	/*position:relative;*/
	float: left;
}
#container  ::-moz-selection {
	background: #a9ebff;
}
#container  ::selection {
	background: #a9ebff;
}

#header, #footer{
	display:block;
	position:relative;
	width:100%;
	fborder:1px solid #000;
}


#container_header{
	width:1025px;
	padding-top:20px;
	margin:0 auto;
	position:relative;
	z-index:50;
}
#container_header .language{
	float:left;
	margin:0;
}
#container_header .language ul{
	float:left;
}
#container_header .language ul li{
	float:left;
	font-size:10px;
	margin-right:20px;
}
#container_header .language ul li a{
	color:#999;
	text-decoration:none;
}
#container_header .language ul li a:hover{
	color:#00b9f1;
}
#container_header .language ul li img, #container_header .top_right ul li img{
	vertical-align:middle;
}
#container_header .top_right{
	float:right;
	margin:0;
	width: 835px;
	/**width:257px*/
}
#container_header .top_right ul{
	float:left;
	margin:0;
}
#container_header .top_right ul li{
	float:left;
	font-size:11px;
	text-transform:uppercase;
	padding:0 13px;
	background:url(./assets/images/material/ico_list_top.jpg) no-repeat center left;
}
#container_header .top_right ul li:first-child{
	background-image:none;
}
#container_header .top_right ul li a{
	color:#999;
	text-decoration:none;
}
#container_header .top_right ul li a:hover{
	color:#00b9f1;
}
#container_header .search_wrap{
	float:right;
	margin:0;
}
#container_header .search_wrap .ipt_search{
	float:left;
	width:150px;
	height:12px;
	border:0;
	font-size:10px;
	color:#ccc;
	padding:5px;
	background:url(./assets/images/material/bg_search.png) no-repeat center left;
}
#container_header .search_wrap .sbt_search{
	float:left;
	width:21px;
	height:22px;
	border:0;
	cursor:pointer;
	background:url(./assets/images/material/bg_search.png) no-repeat center right;
}
#container_header .mainmenu{
	float:left;
	width:100%;
	height:71px;
	margin-top:10px;
	border:1px solid #d9d7cf;
	background:url(./assets/images/material/bg_menu.jpg) repeat-x;
}
#container_header .mainmenu .logo{
	float:left;
	margin:18px 0 0 20px;
}
#container_header .mainmenu .logo a{
	display:block;
}
#container_header .mainmenu .nav{
	float:right;
	margin:18px 0 0 0;
}
#container_header .mainmenu .nav ul{
	float:left;
	margin-right:25px;
}
#container_header .mainmenu .nav ul li{
	float:left;
	font-family:myriadBold;
	font-size:14px;
	margin:0 7px;
}
#container_header .mainmenu .nav ul li .separator{
	background:url(./assets/images/material/separator_menu.jpg) no-repeat;
	width:3px;
	height:35px;
}
#container_header .mainmenu .nav ul li a{
	text-decoration:none;
	color:#006e9c;
	display:block;
	padding:8px 0 0 0;
}
#container_header .mainmenu .nav ul li a.active,
#container_header .mainmenu .nav ul li a:hover{
	color:#000;
}

#banner_wrap{
	float:left;
	width:100%;
	height:620px;
	position:relative;
	margin-top:-125px;
	z-index:10;
	text-align:center;
	background:#eee;
}



@media screen and (min-width: 480px) {
	.ikon-footer{
		margin-top: 20px;
	}
}

@media screen and (max-width: 480px) {
	.ikon-footer{
		margin-top: 0px;
	}
}

@media screen and (min-width: 480px) {
	.download-brochure{
		font-size: 20px;
	}
}

@media screen and (max-width: 480px) {
	.download-brochure{
		font-size: 16px;
	}
}

@media screen and (min-width: 480px) {
	.home-caption{
		color: #000; 
		font-size: 22px; 
		font-family: Souvenir;
	}
}

@media screen and (max-width: 480px) {
	.home-caption{
		color: #000; 
		font-size: 18px; 
		font-family: Souvenir;
	}
}

@media screen and (min-width: 480px) {
	#banner_wrap.banner_content{
		height:500px;
	}
}

@media screen and (max-width: 480px) {
	#banner_wrap.banner_content{
		height:300px;
	}	
}

#banner_wrap .shadow_top{
	/*width:1366px;*/
	width: 100%;
	height:228px;
	position:absolute;
	top:0;
	z-index:20;
	/*background:url(../../assets/images/material/shadow_top.png) repeat-x top center;*/
}
@media screen and (min-width: 480px) {
	#banner_wrap .shadow_bottom{
		width:100%;
		height:228px;
		position:absolute;
		bottom:0;
		z-index:20;
		/*background:url(../../assets/images/material/shadow_bottom.png) repeat-x top center;*/
	}
}
@media screen and (max-width: 480px) {
	#banner_wrap .shadow_bottom{
		width:100%;
		height:180px;
		position:absolute;
		bottom:0;
		z-index:20;
		/*background:url(../../assets/images/material/shadow_bottom.png) repeat-x top center;*/
	}
}

#banner_wrap .img_banner{
	/*width:1366px;*/
	/*height:500px;*/
	width: 100%;
	height: 100%;
	margin:0 auto;
	position:relative;
	z-index:10;
	/*background:#000;*/
	max-width: 1366px;

}

.content_wrap{
	width:960px;
	margin:0 auto;
	font-family: myriadReg;
	font-size:14px;
	position:relative;
	sborder:1px solid #000;
}

.wrap01{
	width:100%;
	min-height:410px;
	position:relative;
	bottom:0;
	margin-bottom:30px;
	background:url(./assets/images/material/shadow_tentang.jpg) no-repeat top center;
}
.wrap01 .arr_wrap01{
	width:62px;
	height:30px;
	position:absolute;
	bottom:-60px;
	left:60px;
	z-index:40;
	background:url(./assets/images/material/arr_wrap01.png) no-repeat bottom left;
}

.wrap01 .tentang_left{
	float:left;
	width:720px;
	margin-top:110px;
	position:relative;
}
.wrap01 .tentang_left .tentang_text{
	float:left;
	width:420px;
	height: 295px;
    overflow: hidden;
}
.wrap01 .tentang_left p{
	margin-top:12px;
	margin-bottom:12px;
	margin-left:-50px;
	visibility:hidden;
}
.wrap01 .tentang_left .detail{
	opacity:0;
}
.wrap01 .tentang_left h2{
	margin-left:-50px;
	visibility:hidden;
}
.wrap01 .tentang_left .tentang_img{
	position:absolute;
	bottom:-38px;

}
.wrap01 .tentang_left .tentang_img{
	visibility:hidden;
}

.wrap01 .tentang_right{
	float:right;
	width:235px;
	margin-top:110px;
}
.wrap01 .tentang_right h2{
	visibility:hidden;
}
.wrap01 .tentang_right .fact_top{
	float:left;
	width:230px;
	height:23px;
	margin-top:10px;
	visibility:hidden;
	background:url(./assets/images/material/fact_top.png) no-repeat;
}
.wrap01 .tentang_right .fact_middle{
	float:left;
	width:188px;
	background:#fff;
	padding:0 20px;
	opacity:0;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
}
.wrap01 .tentang_right .fact_bottom{
	float:left;
	width:230px;
	height:9px;
	opacity:0;
	background:url(./assets/images/material/fact_bottom.jpg) no-repeat;
}
.wrap01 .tentang_right .fact_middle i{
	color:#777;
	font-size:12px;
}

.wrap02{
	float:left;
	width:100%;
	min-height:545px;
	position:relative;
	z-index:20;
	background:url(./assets/images/content/wrap02.png) no-repeat top center;
}
.wrap02 .area_operasi{
	float:left;
	width:460px;
	min-height:390px;
	position:relative;
	margin-left:-200px;
	margin-top:70px;
	visibility:hidden;
	background:url(./assets/images/material/transparant.png) repeat top center;
}
.wrap02 .area_operasi .bg_black{
	float:left;
	width:440px;
	min-height:370px;
	position:relative;
	background:#000;
	margin:10px;
	visibility:hidden;
}
.wrap02 .area_operasi .bg_black h2{
	margin:-80px 0 0 25px;

}
.wrap02 .area_operasi .bg_black .img_map{
	background:url(./assets/images/content/map_indo.jpg) no-repeat;
	width:388px;
	min-height:138px;
	position:relative;
	margin:15px 0 0 -290px;
	opacity:0;
	filter: alpha(opacity=0);
}
.wrap02 .area_operasi .bg_black .img_map .red_border{
	background:url(./assets/images/material/red_box.png) no-repeat;
	width:15px;
	height:23px;
	position:absolute;
	right:60px;
	top:0px;
	visibility:hidden;
}
.wrap02 .area_operasi .bg_black .img_map .arrow{
	background:url(./assets/images/material/arr_area.png) no-repeat;
	width:147px;
	height:40px;
	position:absolute;
	left:0px;
	bottom:25px;
	visibility:hidden;
}
.wrap02 .area_operasi .text_area{
	float:left;
	color:#fff;
	width:405px;
	position:relative;
	right:-500px;
	opacity:0;
	margin:20px 0 0 25px;
	filter: alpha(opacity=0);
}
.wrap02 .area_tooltip{
	float:right;
	width:450px;
	height:370px;
	position:relative;
	margin:30px 0 0 0;
}
.wrap02 .area_tooltip .tooltip{
	background:url(./assets/images/material/sign_map.png) no-repeat;
	width:23px;
	height:30px;
	position:absolute;

}
.wrap02 .area_tooltip .t-01{
	bottom:15px;
	left:90px;
	visibility:hidden;
}
.wrap02 .area_tooltip .t-02{
	bottom:105px;
	left:110px;
	visibility:hidden;
}
.wrap02 .area_tooltip .t-03{
	bottom:165px;
	left:100px;
	visibility:hidden;
}
.wrap02 .area_tooltip .t-04{
	top:110px;
	left:150px;
	visibility:hidden;
}
.wrap02 .area_tooltip .t-05{
	top:65px;
	left:186px;
	visibility:hidden;
}
.wrap02 .area_tooltip .t-06{
	top:25px;
	left:200px;
	visibility:hidden;
}
.wrap02 .area_tooltip .t-07{
	top:10px;
	left:210px;
	visibility:hidden;
}
.wrap02 .area_tooltip .t-08{
	top:75px;
	right:150px;
	visibility:hidden;
}
.wrap02 .area_tooltip .t-09{
	top:100px;
	right:95px;
	visibility:hidden;
}
.wrap02 .area_tooltip .t-10{
	top:135px;
	right:140px;
	visibility:hidden;
}
.wrap02 .area_tooltip .t-11{
	top:160px;
	right:75px;
	visibility:hidden;
}
.wrap02 .area_tooltip .t-12{
	top:175px;
	right:130px;
	visibility:hidden;
}

.wrap02 .arr_wrap02{
	width:62px;
	height:30px;
	position:absolute;
	bottom:-85px;
	left:60px;
	z-index:40;
	background:url(./assets/images/material/arr_wrap02.png) no-repeat bottom left;
}


.wrap03{
	float:left;
	width:100%;
	min-height:513px;
	position:relative;
	z-index:10;
	margin-top:-65px;
	background:url(./assets/images/content/wrap03.jpg) no-repeat top center;
}
.img_lingkungan{
	float:left;
	width:630px;
	height:454px;
	position:relative;
	z-index:20;
	visibility:hidden;
	margin:58px 0 0 0;
	background:url(./assets/images/content/img-wrap03.png) no-repeat;
}
.text_lingkungan{
	position:absolute;
	right:0;
	width:380px;
	margin-top:70px;
}
.text_lingkungan .line_h_dotted{
	margin-left:-470px;
	opacity:0;
}
.text_lingkungan p,
.karir_text p{
	margin:10px 0;
}

.text_lingkungan .sign_kur_l{
	margin-top:50px;
	margin-left:-150px;
	position:absolute;
}
.text_lingkungan .text_kur_l{
	float:right;
	width:270px;
	margin:25px -480px 0 0;
}


.wrap04{
	float:left;
	width:100%;
	min-height:541px;
	position:relative;
	z-index:10;
	background:url(./assets/images/content/wrap04.png) no-repeat top center;
}

.text_masyarakat{
	float:left;
	width:460px;
	margin-top:45px;
}
.text_masyarakat h2{
	margin-left:-220px;
}
.text_masyarakat .text{
	left:-240px;
	position:relative;
}
.text_masyarakat .font36{
	right:-220px;
	position:relative;
}
.text_masyarakat p{
	margin-top:10px;
	margin-bottom:10px;
}
.text_masyarakat .text_lingkungan_l{
	float:left;
	position:relative;
	width:310px;
	margin-top:20px;
	left:-510px;
}
.text_masyarakat .text_lingkungan_l i{
	color:#777;
}
.text_masyarakat .sign_kur_r{
	float:right !important;
	position:relative;
	margin-top:20px;
	right:-200px;
}
.img_masyarakat{
	float:right;
	position:absolute;
	top:61px;
	right:-204px;
	width:685px;
	height:435px;
	background:url(./assets/images/content/masyarakat_img.png) no-repeat;
}

.wrap05{
	float:left;
	width:100%;
	min-height:512px;
	position:relative;
	z-index:0;
	margin-top:-65px;
	background:url(./assets/images/content/wrap05.jpg) no-repeat top center;
}

.img_berita{
	float:left;
	position:relative;
	width:295px;
	height:495px;
	left:-55px;
	top:18px;
	background:url(./assets/images/content/berita_img.png) no-repeat;
}

.text_berita{
	position:absolute;
	right:-20px;
	top:60px;
	width:700px;

}
.text_berita .font18{
	position:relative;
	right:-880px;
	opacity:0;
	filter: alpha(opacity=0);
}
.text_berita ul.list_kabar{
	float:left;
	width:100%;
	margin:15px 0 10px 0;
	padding-bottom:15px;
	border-bottom:1px dotted #999;
}
.text_berita ul.list_kabar li{
	float:left;
	width:220px;
	margin:0;
	font-size:12px;
	font-family:arial;
	margin:0 20px;
	position:relative;
	top:-270px;
}
.text_berita ul.list_kabar li a{
	color:#000;
	text-decoration:none;
}
.text_berita ul.list_kabar li a:hover{
	color:#00b9f2;
	text-decoration:none;
}
.text_berita ul.list_kabar li a img{
	display:block;
	margin-bottom:8px;
}
.text_berita ul.list_kabar li a img:hover{
	opacity:0.7;
}
.text_berita ul.list_kabar li:first-child{
	margin:0;
}
.text_berita ul.list_kabar li:last-child{
	margin:0;
}
.text_berita .detail{
	position:relative;
	left:-300px;
}
.text_berita .subscribe{
	position:relative;
	right:-600px;
	visibility:hidden;
}
.text_berita .widget_berita{
	position:relative;
	float:left;
	width:338px;
	height:110px;
	margin-top:10px;
}
.text_berita .widget_berita.right{
	margin-left:20px;
}
.text_berita .widget_berita .blue_box{
	position:relative;
	float:left;
	width:172px;
	height:110px;
	background:#00b9f2;
	bottom:-140px;
	z-index:10;
}
.text_berita .widget_berita .img_pub_01{
	position:absolute;
	right:173px;
	z-index:0;

}
.text_berita .widget_berita .blue_box a{
	color:#000;
	float:left;
	margin:45px 0 0 20px;
	text-decoration:none;
}

.wrap06{
	float:left;
	width:100%;
	min-height:530px;
	position:relative;
	z-index:0;
	background:url(./assets/images/content/wrap06.jpg) no-repeat top center;
}


.karir_text{
	float:left;
	width:500px;
	margin-top:45px;
}
.karir_text h2,
.karir_text .font36,
.karir_text span,
.karir_text .detail,
.karir_text .font18{
	position:relative;
	left:-700px;
}

.karir_text ul.list_link{
	float:left;
	width:100%;
	position:relative;
	left:-700px;
	margin:5px 0 0 15px;
}
.karir_text ul.list_link li{
	font-size:12px;
	list-style-image:url(./assets/images/material/list_link_bullet.jpg);
}
.karir_text ul.list_link li a{
	color:#f59951;
	text-decoration:none;
}
.karir_text ul.list_link li a:hover{
	color:#00b9f1;
}

.karir_img{
	right:-95px;
	top:29px;
	position:absolute;
	width:530px;
	height:465px;
	background:url(./assets/images/content/karir_img.png) no-repeat;
}


.text_lingkungan h2 ,
.text_lingkungan .font36,
.text_lingkungan p,
.text_lingkungan .detail,
.text_lingkungan .sign_kur_l,
.text_lingkungan .text_kur_l,
.text_masyarakat h2,
.text_masyarakat .font36,
.text_masyarakat .text,
.text_masyarakat .detail,
.text_masyarakat .text_lingkungan_l,
.text_masyarakat .sign_kur_r,
.img_berita,
.karir_text h2,
.img_masyarakat/*,


.karir_text .font36,
.karir_text span,
.karir_text .detail,
.karir_text .line_h_dotted,
.karir_text .font18,
.list_link li,
.karir_img*/{
	visibility:hidden;
}
.list_kabar,
.text_berita .font18,
.text_berita .detail,
.text_berita .widget_berita .blue_box,
.text_berita .widget_berita .img_pub_01{
	opacity:0;
	filter: alpha(opacity=0);
}

.karir_text span.ssh{
	filter: alpha(opacity=0) ;
}
.karir_text .detail{
	filter: alpha(opacity=0);
}
.client_logo{
	width:295px;
	display:block;
	margin:0 auto 10px auto;
}
.client_logo a{
	margin:0 7px;
}
.text_footer{
	width:640px;
	margin:0 auto;
	display:block;
	text-align:center;
	color:#888;
}
#container_footer{
	margin-top:20px;
	margin-bottom:20px;
}
#container_footer ul{
        text-align: center;
	margin:10px auto 0 auto;
}
#container_footer ul#id{
	width:490px;
}
#container_footer ul#en{
	width:450px;
}

#container_footer ul li{
	float:left;
	padding:0 9px;
	border-right:1px solid #888;
	font-size:11px;
	line-height:12px;
}
#container_footer ul li:last-child{
	border-right:none;
}
#container_footer ul li a{
	color:#888;
	text-decoration:none;
}


.left_wrap{
	float:left;
	width:100%;
	background:#f1f1f1;
	position:relative;
	z-index:50;
}
.left_wrap .ribbon_arrow{
	float:left;
	width:48px;
	height:25px;
	/*background:url(../../assets/images/material/ribbon_arrow.png) no-repeat center top;*/
	position:relative;
	left:180px;
	z-index:80;
}
.left_wrap h1{
	float:left;
	width:90%;
	left: 2px;
	font-size:24px;
	/*font-family:myriadReg;*/
	color:#008265;
	position:relative;
	padding-bottom:20px;
	margin-top:25px;
	line-height:25px;
	border-bottom:2px solid #ddd;
	/*border-bottom-width: 90%;*/
	/*border-width: 50%;*/
	padding-left: 80px;
}
.left_wrap ul.sidemenu{
	float:left;
	width:100%;
	margin-top:15px;
	padding-bottom:70px;
	padding-left: 80px;
	padding-right: 20px;
}
.left_wrap ul.sidemenu li{
	float:left;
	width:100%;
	font-size:12px;
	padding:10px 0;
    /*font-family:myriadReg;*/
}
.left_wrap ul.sidemenu li img{
	float:left;
	display:block;
	/*margin-top: 4px;*/
    /*margin:0 auto;*/
    filter: grayscale(2);
}
.left_wrap ul.sidemenu li a:hover img,
.left_wrap ul.sidemenu li a.active img{
	float:left;
	display:block;
	/*margin-top: 4px;*/
    /*margin:0 auto;*/
    filter: none;
}
.left_wrap ul.sidemenu li.active a img{
	float:left;
	display:block;
	/*margin-top: 4px;*/
    /*margin:0 auto;*/
    filter: none;
}
.left_wrap ul.sidemenu li a{
	color:#000;
	text-decoration:none;
}
.left_wrap ul.sidemenu li a:hover,
.left_wrap ul.sidemenu li a.active{
	color:#008265;
	/*filter: grayscale(0);*/
	/*filter: none;*/
}
.left_wrap ul.sidemenu li.active a{
	color: #008265;
	/*filter: grayscale(0);*/
	/*filter: none;*/
}
.left_wrap ul.first li a{
	/*padding-left:8px;*/
	line-height:13px;
	/*background:url(../assets/images/material/arrow_sidemenu.png) no-repeat 0px 2px;*/
}
.left_wrap ul.second{
	margin:10px 0 10px 30px;
}
.left_wrap ul.second li a{
	background-image:none;
	padding-left:0;
	padding-right:10px;
	color:#00b9f1;
	display:block;
}
.left_wrap ul.second li a:hover,
.left_wrap ul.second li a.active{
	color:#f59951;
}
.left_wrap ul.second li{
	font-size:12px;
	padding: 3px 0;
}
.left_wrap ul.third{
	margin:5px 0 10px 12px;
}
.left_wrap ul.third li a{
	background-image:none;
	padding-left:7px;
	padding-right:10px;
	color:#999999;
	display:block;
	background:url('./assets/images/material/bullet_third.png') no-repeat 0 4px;
}
.left_wrap ul.third li a:hover,
.left_wrap ul.third li a.active{
	color:#555;
}
.left_wrap ul.third li{
	font-size:12px;
	padding: 3px 0;
}

.left_wrap .ribbon_bot{
	width: 100%;
	position:absolute;
	bottom: 0px;
	left: 0px;
}

@media screen and (min-width: 768px) {
    .bc{
		float:left;
		width:100%;
		left: -19px;
		font-size:11px;
		color:#999;
		font-family:arial;
		background:#f1f1f1;
		padding:13px 0 13px 0px;
		position:relative;
	}
	.bc a{
		color:#008265;
		text-decoration:none;
		margin-left: 20px;
	}
	.bc .ribbon_breadcrumb{
		position:absolute;
		right:-19px;
		top:0;
		width:19px;
		height:45px;
		background:url(../../assets/images/material/ribbon_breadcrumb.jpg) no-repeat;
	}
}

@media screen and (max-width: 768px) {
	.bc {
		display: none;
	}
}

.bg_grey{
	/*position:absolute;*/
	background:#f1f1f1;
	width:40%;
}

.right_wrap{
	float:left;
	width:100%;
	background:#fff;
	min-height:400px;
}
@media screen and (min-width: 780px) {
	.right_wrap .mainContent{
		float:right;
		width:100%;
		min-height:610px;
		margin-top:27px;
		padding-left: 25px;
		padding-right: 25px;
		color:#555;
	}
}

@media screen and (max-width: 780px) {
	.right_wrap .mainContent{
		float:right;
		width:100%;
		min-height:610px;
		margin-top:27px;
		padding-left: 25px;
		padding-right: 10px;
		color:#555;
	}
}

.right_wrap .mainContent p{
	/*margin:20px 0;*/
	margin:5px 0;
}
/*.right_wrap .mainContent a{
	color:#00b9f1;
	font-style:italic;
}*/
/*.right_wrap .mainContent ol li{
	list-style:decimal;
}
.right_wrap .mainContent ul li{
	list-style:disc;
}
.right_wrap .mainContent ol,
.right_wrap .mainContent ul{
	margin-left:30px;
}*/

.right_wrap .mainContent .overview{
	background:url(./assets/images/material/shadow_overview.jpg) no-repeat bottom center;
	min-height:310px;
	color:#555;
	font-size:14px;
	font-family:myriadReg;
}
.right_wrap .mainContent .overview .text_overview{
	width:485px;
	position:relative;
	z-index:10;
}

.right_wrap .mainContent .berita_highligh{
	background:url(./assets/images/material/shadow_overview.jpg) no-repeat bottom center;
	min-height:290px;
	color:#555;
	margin-top:20px;
}
.right_wrap .mainContent .berita_highligh .img_wrap{
	float:left;
	margin:0;
}
.right_wrap .mainContent .berita_highligh .text_highligh{
	float:right;
	margin:0;
	width:425px;
}
.right_wrap .mainContent .berita_highligh .date_news{
	float:left;
	width:100%;
	color:#999;
	font-size:11px;
	margin-bottom:5px;
}
.right_wrap .mainContent .berita_highligh .date_news span{
	color:#f59951;
}
.right_wrap .mainContent .berita_highligh .text_highligh a.title_news{
	color:#333;
	font-family:myriadReg;
	font-size:24px;
	text-decoration:none;
	line-height:30px;
	font-style:normal;
}
.right_wrap .mainContent .berita_highligh p{
	margin:10px 0;
}


.mask_content{
	float:left;
	width:100%;
	position:relative;
}
.mask_content .left, .left{
	float:left;
}
.mask_content .right, .right{
	float:right;
}

.mask_content.gradasi{
	background:url(./assets/images/material/gradien.jpg) repeat-y top left;
}

.mask_content .text.right{
	width:345px;
	background:#ededed;
	height:183px;
}
.mask_content .text.left{
	margin-top:20px;
}
.mask_content .text{
	padding-left:20px;
	padding-top:20px;
	width:345px;
}
.mask_content .img_wrap{
	width:345px;
}

.mask_content .img_wrap .img_masking_l{
	background:url(./assets/images/material/trans_l.png) no-repeat;
	height:17px;
	width:366px;
	position:absolute;
	bottom:0;
	z-index:20;
}
.mask_content .text .img_masking_r{
	background:url(./assets/images/material/trans_r.png) no-repeat;
	height:16px;
	width:365px;
	position:absolute;
	bottom:16px;
	right:0;
	z-index:20;
}

.tatakelola{
	float:left;
	width:100%;
	background:#f9f9f9;
	font-size:14px;
	font-family:myriadReg;
}
.tatakelola .tata{
	float:left;
	width:170px;
	margin:20px 0 0 20px;
}
.tatakelola .linking{
	float:left;
	width:200px;
	margin:20px 0 0 30px;
}
.tatakelola .linking ul{
	margin:12px 0 0 20px;
}
.tatakelola .linking ul li a{
	color:#f59951;
	text-decoration:none;
}
.tatakelola .linking ul li{
	list-style-image:url(./assets/images/material/arr_03.jpg);
	padding:2px 0;
}

.shadow_bottom{
	/*background:url(./assets/images/material/shadow_bottom.jpg) no-repeat top center;*/
	width:100%;
	height:30px;
	float:left;
	margin-top:50px;
}

.area_wrap{
	float:left;
	margin:20px 0;
}

.video_youtube{
	float:left;
	padding:35px;
	background:#f1f1f1;
}

.tabs_wrap{
	float:left;
	width:100%;
	margin-top:15px;
	border-bottom:1px solid #ccc;
}
.tabs_wrap .tabs{
	float:left;
	padding-left:15px;
	margin:0 !important;
	position:relative;
	bottom:-1px;
}
.tabs_wrap .tabs li{
	float:left;
	text-transform:uppercase;
	list-style:none !important;
	font-family:myriadReg;
	font-size:12px;
	background:#00b9f1;
	margin:0 2px;
	padding:5px 0;
	width:120px;
	text-align:center;
	cursor:pointer;
}
.tabs_wrap .tabs li.active{
	background:#fff;
	border:1px solid #ccc;
	border-bottom:none;
}
.tabs_wrap .tabs li a{
	font-style:normal;
	color:#fff;
	text-decoration:none;
}
.tabs_wrap .tabs li.active a{
	color:#333;
}
.tabs_wrap select{
	border:1px solid #ccc;
	font-size:11px;
	color:#999;
	padding:2px;
	width:160px;
	float:right;
}

.archive{
	float:left;
	width:100%;
	margin:10px 0 0 0;
}
.archive div{
	float:right;
	color:#006e9c;
}
.archive div span{
	color:#483c32;
}

.tab_content{
	float:left;
	width:100%;
}
.tab_content .list_berita{
	float:left;
	width:92%;
	margin:25px 0 20px 0 !important;
}
.tab_content .list_berita li{
	float:left;
	width:100%;
	margin:0;
	padding:30px;
	line-height:16px;
	list-style:none !important;
}
.tab_content .list_berita li .img_thumb{
	float:left;
	width:275px;
	height:165px;
	overflow:hidden;
	margin:0;
}
.tab_content .list_berita li .text_{
	float:right;
	width:355px;
	margin:0;
}
.tab_content .list_berita li.grey{
	background:#f7f7f7;
}
.tab_content .list_berita li .text_ a.title_news{
	font-size:18px;
	color:#333;
	font-style:normal;
	text-decoration:none;
	line-height:24px;
	font-family:myriadReg;
}
.tab_content .list_berita li .text_ a.title_news:hover{
	color:#00b9f1;
}
.tab_content .list_berita li .text_  div{
	float:left;
	width:100%;
	color:#999;
	font-size:11px;
	margin:8px 0 5px 0;
}
.tab_content .list_berita li .text_  div span{
	color:#f59951;
}

.public_list{
	width:100%;
	float:left;
}
.public_list td{
	background:#f1f1f1;
	padding:10px 0;
	border:1px solid #fff;
	padding-left:15px;
	color:#000;
}
.public_list tr.tr01 td{
	color:#fff;
	font-size:14px;
	font-family:myriadReg;
	background:#333;
	text-align:center;
	padding-left:0;
}
.public_list tr.cyan td{
	background:#ecf9fd;
}
.public_list tr td span{
	color:#777;
	font-size:11px;
}
.public_list tr td.checklist{
	text-align:center;
	padding-left:0;
}
.public_list tr td  a{
	color:#333 !important;
	text-decoration:none;
	font-style:normal !important;
}
.public_list tr td  a:hover{
	color:#00b9f1 !important;
}

.pdfReader{
	float:left;
	width:100%;
	color:#999;
	font-size:11px;
	margin:30px 0;
}
.pdfReader img{
	vertical-align:middle;
}


.video_wrap{
	float:left;
	width:100%;
	background:#f1f1f1;
	margin:20px 0 0 0;
	padding-bottom:20px;
}
.video_wrap .vid_play{
	width:640px;
	margin:35px auto 0 auto;
}
.video_wrap .vid_play #play_video{
	width:640px;

}
.video_wrap .list_video{
	float:left;
	width:100%;
	margin:35px 0 0 0 !important;
}
.video_wrap .list_video li{
	float:left;
	width:146px;
	font-family:myriadReg;
	font-size:12.5px;
	line-height:16px;
	margin:0 7px;
	list-style:none !important;
}
.video_wrap .list_video li .font12{
	display:block;
	height:35px;
	overflow:hidden;
}
.video_wrap .list_video li .bg_thumb_gal{
	float:left;
	position:relative;
	margin:0 0 5px 0;
}
.video_wrap .list_video li .bg_thumb_gal .ico_play{
	position:absolute;
	top:30px;
	left:50px;
}
.video_wrap .list_video li .bg_thumb_gal:hover .ico_play{
	display:none;
}

.arr_bottom{
	float:left;
	width:100%;
	height:40px;
	background:url(./assets/images/material/arr_bottom.jpg) no-repeat;
}

.paging{
	float:left;
	margin:20px 0 0 0;
	font-size:11px;
}
.paging span{}
.paging a{
	color:#fff !important;
	font-style:normal !important;
	text-decoration:none;
	background:#00b9f1;
	padding:0 4px;
}
.paging a.active, .paging a:hover{
	background:#a9a9a9;
}

.page_info{
	float:right;
	font-size:11px;
	color:#999;
	margin:20px 0 0 0;
	font-style:italic;
}

.list_foto_gallery{
	float:left;
	width:100%;
	margin:10px 0 0 0 !important;
}
.list_foto_gallery li{
	float:left;
	margin:0 10px 10px 0;
	font-size:11px;
	color:#999;
	width:226px;
	min-height:250px;
	overflow:hidden;
	list-style:none !important;
}
.list_foto_gallery li .bg_img{
	float:left;
	width:226px;
	height:150px;
	background:url(./assets/images/material/bg_foto_gallery.jpg) no-repeat;
}
.list_foto_gallery li .bg_img a{
	float:left;
	margin:10px 0 0 5px;
}
.list_foto_gallery li .bg_img a img:hover{
	opacity:0.7;
}
.list_foto_gallery li a{
	font-size:12.5px;
	color:#333 !important;
	font-style:normal !important;
	text-decoration:none;
	font-family:myriadReg;
}
.list_foto_gallery li a:hover{
	color:#00b9f1 !important;
}

.detail_foto_gallery{
	float:left;
	width:100%;
	margin:10px 0 0 0 !important;
}
.detail_foto_gallery li{
	float:left;
	border:1px solid #d8d8d8;
	list-style:none !important;
	padding:4px;
	margin:0 16px 10px 0;
}
.detail_foto_gallery li a{
	display:block;
}
.detail_foto_gallery li a img:hover{
	opacity:0.7;
}

.fact_listing{
	float:left;
	width:100%;
	margin:0 !important;
}
.fact_listing li{
	float:left;
	width:100%;
	margin-bottom:20px;
	list-style:none !important;
}
.fact_listing li .numbering{
	float:left;
	width:47px;
	height:47px;
	text-align:center;
	font-size:30px;
	color:#fff;
	font-family:myriadReg;
	vertical-align:middle;
	line-height:47px;
	background:url(./assets/images/material/fact_bullet.jpg) no-repeat;
}
.fact_listing li .text_fact{
	float:right;
	width:645px;
}
.fact_listing li .text_fact p{
	margin:10px 0;
}

.bg_link{
	float:left;
	width:100%;
	height:743px;
	background:url(./assets/images/content/bg_link_karir.jpg) no-repeat;
}

.bg_link .text_highligh{
	font-size:14px;
	font-family:myriadReg;
	margin-top:50px;
	margin-right:20px;
}
.bg_link .text_highligh.sort{
	width:270px;
	min-height:130px;
}
.bg_link .text_highligh.wide{
	width:430px;
	margin:110px 0 0 20px;
}
.bg_link .text_highligh .loka{
	width:190px;
	float:left;
}
.bg_link .text_highligh .linking{
	width:200px;
	float:right;
}
.bg_link .text_highligh .linking ul{
	margin:12px 0 0 20px;
}
.bg_link .text_highligh .linking ul li a{
	color:#f59951;
	font-style:normal;
	text-decoration:none;
}
.bg_link .text_highligh .linking ul li{
	list-style-image:url(./assets/images/material/arr_03.jpg);
	padding:2px 0;

}
.bg_link .text_highligh.testimoni{
	margin:90px 0 0 0;

}

.karir_linking{
	float:left;
	width:100%;
	height:505px;
	background:url(./assets/images/material/karir-linking.jpg) no-repeat;
}

.jobs_search{
	float:left;
	width:97%;
	padding:10px;
	margin-top:20px;
	background:#00b9f1;
}
.jobs_search table{
	background:#ecf9fd;
}
.jobs_search table td{
	font-size:14px;
	font-family:myriadReg;
	color:#333;
	padding:1px;
}
.jobs_search table td select{
	font-size:11px;
	color:#999;
	padding:3px;
	width:230px;
	border:1px solid #f1f1f1;
}
.jobs_search table td select.sort{
	width:140px;
}
.jobs_search table td input{
	width:87px;
	height:72px;
	cursor:pointer;
	float:right;
	background:url(./assets/images/material/btn_jobs_search.jpg) no-repeat;
}

.testi_wrap{
	float:left;
	width:100%;
	margin-top:30px;
}
.testi_wrap .image_person{
	float:left;
	width:120px;
	font-size:11px;
	color:#999;
}
.testi_wrap .image_person img{
	border:5px solid #f4f4f4;
}
.testi_wrap .image_person span{
	color:#00b9f1;
}
.testi_wrap .testi_person{
	float:right;
	width:521px;
	padding:15px;
	color:#fff;
	background:#00b9f1;
	position:relative;
}
.testi_wrap .testi_person p:first-child{
	margin-top:0;
	margin-bottom:0;
}
.testi_wrap .testi_person p:last-child{
	margin-bottom:0;
}
.testi_wrap .testi_person .testi_bottom{
	background:url(./assets/images/material/testi_bottom.jpg) no-repeat;
	width:552px;
	height:23px;
	position:relative;
	left:-15px;
	bottom:-15px;
}
.testi_wrap .testi_person .testi_arr{
	background:url(./assets/images/material/arr_testi.jpg) no-repeat;
	width:24px;
	height:20px;
	position:absolute;
	left:-24px;
	top:30px;
}

.faq_listing{
	float:left;
	width:100%;
	margin:0 !important;
}
.faq_listing li{
	float:left;
	width:96%;
	padding:0 15px;
	list-style:none !important;
}
.faq_listing li.grey{
	background:#f4f4f4;
}
.faq_listing li.cyan{
	background:#e2f2f7;
}
.faq_listing li .question{
	float:left;
	width:100%;
	font-size:14px;
	font-weight:bold;
	padding:5px 0 15px 0;
	margin:10px 0;
	border-bottom:1px dotted #999;
}
.faq_listing li .answer{
	float:left;
	margin:0 0 0 20px;
}
.faq_listing li.ribbon_img01{
	background:url(./assets/images/material/ribbon_faq01.jpg) no-repeat;
	height:45px;
}
.faq_listing li.ribbon_img01:last-child{
	background:url(./assets/images/material/ribbon_faq01.jpg) no-repeat;
	height:22px;
}
.faq_listing li.ribbon_img02{
	background:url(./assets/images/material/ribbon_faq02.jpg) no-repeat;
	height:45px;
}
.faq_listing li.ribbon_img02:last-child{
	background:url(./assets/images/material/ribbon_faq02.jpg) no-repeat;
	height:22px;
}

#detail_timeline{
	margin: 0px;
	width:695px;
	float:left;
	left:-38px;
	position: relative;
}

#detail_timeline h2{
	font-size: 20px;
	color: #FFF;
	background-color: #03baf1;
	padding: 5px;
	width: 195px;
	text-align: center;
}

#detail_timeline .detail_cntn{
	float:right;
	width: 415px;
	padding:0 25px 30px 25px;
	background:url(./assets/images/material/shadow_warisan) no-repeat bottom center #f9f9f9;
}
#detail_timeline .detail_cntn p:first-child{
	dmargin-top:0;
}
#detail_timeline .img_detail_warisan{
	float:left;
}

.berita_detail{
color: #999;
font-size: 11px;
}

.hover_tool {
    display: none;
    font-size: 12px;
    position: absolute;
    background: #fff;
    padding: 2px 6px;
    color: #000;
	z-index:3000;
	font-family:Calibri;
	-moz-box-shadow: 5px 5px 5px #585858;
	-webkit-box-shadow: 5px 5px 5px #585858;
	box-shadow: 5px 5px 5px #585858;
}

.col_e0{
	float:left;
	width:100%;
	background:#eee;
	padding-top:20px;
}
.col_e0.grey{
	background:#e1e1e1;
}
.col_e0.white{
	background:#f8f8f8;
}
.col_e0 .numbering_arr{
	float:left;
	width:53px;
	height:52px;
	text-align:center;
	font-size:30px;
	color:#fff;
	font-family:myriadBold;
	vertical-align:middle;
	line-height:51px;
	padding-right:15px;
	background:url(./assets/images/material/fact_arr.png) no-repeat;
}
.col_e0 .fact_title{
	float:right;
	width:515px;
	font-size:18px;
	color:#555;
	margin-right:100px;
	font-family:myriadPro;
	font-weight:normal;
}
.col_e0 .fact_title.wide{
	width:600px;
	margin-right:20px;
}
.col_e0 .fact_title.wide .blue{
	font-family:myriadPro;
}

.col_e0 .fact_title p{
	margin:5px 0 !important;
}

.csr_peduli{
	float:left;
	width:100%;
	height:270px;
	margin-top:20px;
	background:url(./assets/images/content/img-csr.jpg);
}
.csr_peduli .right{
	width:400px;
}
.csr_peduli .right .nilai{
	width:180px;
	color:#fff;
	font-family: myriadReg;
    font-size: 14px;
	margin-top:30px;
}
.csr_peduli .right .right{
	width:180px;
	margin-top:30px;
	margin-right:20px;
	color:#fff;
}
.csr_peduli .right .right p{
	margin:10px 0;
}

/* tooltip */

#tooltip {
 position: absolute;
 z-index: 3000;
 background-color: #02b9f2;
 padding: 5px;
 min-width:155px;
 min-height:150px;
 font-size:11px !important;
 color:#fff;
 font-family:arial !important;
 font-weight:normal !important;
 line-height:12px;
 -moz-box-shadow: 0 0 10px 0px #000;
 -webkit-box-shadow: 0 0 10px 0px #000;
 box-shadow: 0 0 10px 0px #000;
}
#tooltip h3, #tooltip div { margin: 0; }

.social_net{
 display: block;
    margin: 0 auto 20px auto;
    width: 295px;
 text-align:center;
}
.social_net img{
 vertical-align:middle;
}
.social_net a{
 display:inline-block;
 text-decoration:none;
}
.social_net a.fb{
 color:#3b559f;
}
.social_net a.tw{
 color:#00b9f2;
 margin-left:30px;
}
.faq_listing li .answer li {list-style:disc !important;}
.faq_listing li .answer li li {list-style:circle !important;}

/* add 03 March 2015 */
.aboutus-tooltip{
      width: 710px; 
      height: 590px;
      position: relative;
      margin: 30px 0 0 0;
 }
 .aboutus-tooltip .area_tooltip{
	float:right;
	width: 710px; 
    height: 590px;
	position:absolute;
	margin:30px 0 0 0;
    top: 28px;
    left: 0px;
}
.aboutus-tooltip .area_tooltip .tooltip{
	background:url(./assets/images/material/sign_map.png) no-repeat;
	width:23px;
	height:30px;
	position:absolute;

}
.aboutus-tooltip .area_tooltip .t-01{
    bottom: 179px;
    left: 217px;
}
.aboutus-tooltip .area_tooltip .t-02{
    left: 248px;
    top: 227px;
}
.aboutus-tooltip .area_tooltip .t-03{
    left: 234px;
    top: 153px;
}
.aboutus-tooltip .area_tooltip .t-04{
    top: 94px;
    left: 324px;
}
.aboutus-tooltip .area_tooltip .t-05{
    top: 25px;
    left: 368px;
}
.aboutus-tooltip .area_tooltip .t-06{
	top:25px;
	left:200px;
}
.aboutus-tooltip .area_tooltip .t-07{
	top:10px;
	left:210px;
}
.aboutus-tooltip .area_tooltip .t-08{
    top: 54px !important;
    right: 176px;
}
.aboutus-tooltip .area_tooltip .t-09{
	top: 92px !important;
    right: 142px;
}
.aboutus-tooltip .area_tooltip .t-10{
	top: 113px !important;
    right: 186px;
}
.aboutus-tooltip .area_tooltip .t-11{
    top: 147px;
    right: 118px;
}
.aboutus-tooltip .area_tooltip .t-12{
    top: 173px;
    right: 178px;
}

.touppercase {
	text-transform: uppercase;
}

.list_angka {
	list-style-type: decimal;
}

.maks-badan {
	max-width: 1366px;
	margin: auto;
}

.padding-0 {
	padding: 0px;
}

.margin-0 {
	margin: 0px;
}

.left-margin-padding-0 {
	margin-left: 0px;
	padding-left: 0px;
}

@media screen and (min-width: 480px) {
	.pad-left {
		padding-right: 0px;
	}
}

@media screen and (max-width: 480px) {
	.pad-left {
		padding-right: 0px;
		padding-left: 0px;
	}
}

@media screen and (min-width: 480px) {
	.pad-right {
		padding-left: 0px;
	}
}

@media screen and (max-width: 480px) {
	.pad-right {
		padding-right: 0px;
		padding-left: 0px;
	}
}

@media screen and (max-width: 480px) {
	.head_caption {
		margin-left : 0px; 
		width : 100%;
	}
}

@media screen and (min-width: 480px) {
	.head_caption {
		margin-left : 5%; 
		width : 50% !important;
	}
}

@media screen and (max-width: 480px) {
	.thumb_head {
	}
}

@media screen and (min-width: 480px) {
	.thumb_head {
		display: none;
	}
}

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
} 

.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

.btnn {
    background-color: #008265; /* Green */
    border: none;
    color: white;
    padding: 4px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.button1 {
    background-color: white; 
    color: black; 
    border: 2px solid #008265;
}

.button1:hover {
    background-color: #008265;
    color: white;
}

.caption-animate .item.active .carousel-caption {
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
}
.caption-animate  .item.active .carousel-caption.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.caption-animate  .item.active .carousel-caption.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.caption-animate .item.active .carousel-caption.flipOutX,
.caption-animate .item.active .carousel-caption.flipOutY,
.caption-animate .item.active .carousel-caption.bounceIn,
.caption-animate .item.active .carousel-caption.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
.caption-animate .item .carousel-caption.fadeIn,
.caption-animate .item .carousel-caption.fadeInDown,
.caption-animate .item .carousel-caption.fadeInDownBig,
.caption-animate .item .carousel-caption.fadeInLeft,
.caption-animate .item .carousel-caption.fadeInLeftBig,
.caption-animate .item .carousel-caption.fadeInRight,
.caption-animate .item .carousel-caption.fadeInRightBig,
.caption-animate .item .carousel-caption.fadeInUp,
.caption-animate .item .carousel-caption.fadeInUpBig{
  opacity:0;
}

/*cilik*/
@media (max-width: 480px){
	.text-strategic-location {
		text-align:justify; 
		font-size: 12px;
		line-height: 100%;
	}
}

/*sedeng*/
@media (max-width: 768px) and (min-width: 480px) {
	.text-strategic-location {
		text-align:justify; 
		font-size: 14px;
		line-height: 150%;
	}
}

/*gede*/
@media (min-width: 768px) {
	.text-strategic-location {
		text-align:justify; 
		font-size: 16px;
	}
}

@media only screen and (min-width: 990px) {
    .shape{
		  text-align:left;
		  background-color:#008265;
		  width:200px;
		  height:250px;
		  color:white;
		  position:relative;
		  font-size: 12px;
	}

	.shape:before{
		  content:"";
		  width:0px;
		  height:0px;
		  border-bottom:250px solid #008265;
		  border-left:20px solid transparent;
		  position:absolute;
		  right:100%;
		  color: white;
		  top:0px;
	}

	.frame-international-desk {
		height: 250px; 
		width: 100%;
	}
}

@media only screen and (max-width: 990px) {
	.shape{
		  text-align:left;
		  background-color:#008265;
		  width:200px;
		  height:350px;
		  color:white;
		  position:relative;
		  font-size: 11px;
	}

	.shape:before{
		  content:"";
		  width:0px;
		  height:0px;
		  border-bottom:350px solid #008265;
		  border-left:20px solid transparent;
		  position:absolute;
		  right:100%;
		  color: white;
		  top:0px;
	}

	.frame-international-desk {
		height: 250px; 
		width: 100%;
	}
}



.button1 {
    background-color: white;
    color: black;
    padding: 10px;
    float: right;
    border: 2px solid #008265; /* Green */
}