@font-face {
    font-family: 'font_ces';
    src: url('../img/TrajanPro-Bold.otf') format('truetype');
	font-weight: normal;
    font-style: normal;
}


/* awal  daftar_menu li */
.daftar_menu,.list_menu {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

 .daftar_menu li {  

	margin: 5 0 0 0;
	padding: 5px 0 3px 25px;
	background: url('../img_sf/list_icon.jpg') left center no-repeat; 
}
.list_menu  li { 
	margin: 5 0 0 0;
	padding: 5px 0 3px 25px;
	background: url('../img_sf/list_ikon.png') left center no-repeat;
}
.daftar_menu,.list_menu  li a {
	color: #B48663;
	text-decoration: none;
}

.daftar_menu,.list_menu  li a:hover {
	color: #FCE00F ;   /* #990000  */
}
 /* akhir  daftar_menu li */
 
/*  .daftar_menu_post{
	margin: 0px;
	padding: 0px;

} */

 .daftar_menu_post  {
	margin: 5px 2px 0 2px;
	padding: 10px 2px 5px 30px;
 }
 
  .daftar_menu_post li a {
	color: #B48663;
	/* text-decoration: none; */
}

.daftar_menu_post  li a:hover {
	color: #FCE00F ;  
}

 
#kotak_gbr{
/*	width:35%;
	height:25%; */
	float:left;
	padding:5px;
}



#kotak_judul {
    color: #fff;
    width: 51%;
    height: 55px;
    float: left;
    overflow-y: hidden;
    padding-bottom: 5px;
    font-size: 11px;
    text-align: justify;
}

.kotak_2{
	width:186px; /*  350 dgn wadah span9    26% : 3 kolom   40%: 2 *  , akan tetapi jika dg mode HP maka yg cocok pke satuan px bukan %  */
	height:250px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:30px;
    padding: 5px;
    border-radius: 10px 10px 10px 10px;
	border: 1px solid #bcb1d5;

	/* background-repeat:repeat-x; */
	/* background-position:top left;
	position:relative;   */
	float:left;
	overflow:hidden;
	/*overflow-y: scroll;  */

}

.wadah_ikon_online{
	width:250px !important;
	height: auto !important;

}

.ikon_online{
	width:auto!;
	height: auto !;
	float:left;
}


/* .wadah_foto_home{
	width:100%;
	height:auto;
	margin-left:20px;
    position: fixed;
    z-index: 99;
} */

.wadah_foto_home{
	width:100%;
	height:auto;
margin-left: 721px;
position: fixed;
z-index: 99;
top: 55%;
}


.foto_home{
	width:110px;
	float:left;
	padding-right: 31px;

}
.judul_foto_home{
width:100%;
height: 41px;
}

/* .kotak_judul_banner{
	margin-left:0px;
	float:left;
} */
.kotak_judul{
	margin-left:0px;
	float:left;
}
.kotak_banner{
	float:right;
}



/*  batas  awal media wadah_tombol_home */
#wadah_tombol_home{
display:none;
}

#wadah_pembuka_ces{
	 opacity:1;
	 height:auto;
	 width:auto; 
}

#wadah_setelahdibuka_home,#wadah_setelahdibuka_palingdiminati,
#wadah_setelahdibuka_palingdiminati_client,#wadah_setelahdibuka_palingdiminati_contact,
#wadah_setelahdibuka_palingdiminati_service,#wadah_setelahdibuka_palingdiminati_training{
	display:none;/* hilang */
/* 	width:auto; 
	height:100px;
	margin-top:300px; */
}

#wadah_tombol_bawah{
	display:none;/* hilang */
}

.content_depanku{
/*	width:250px;
	height:350px; */
  text-align:justify;
  padding:10px;	
  border-radius: 10px 10px 10px 10px;
}

.form_pelatihan{
	margin-left:4%;
	width:85%;
	height:550px;
	position:absolute;
}

.kotak_isian{
	float:left;
	width:auto;

}

.kotak_tulisan{
	float:left;
	 width:20%; 
	text-align:right;
	padding-right:10px;

}

#tampil_pesan {
	width:100px;
	height:10px;
	background-color:#FF0000;
	position:absolute;
}


.garis_kuning_service{
	margin-left:0px;
	margin-top:0px;
	border-bottom:1px solid #B87832;
/*	background-color: #FFFCC8; */
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
/*	background-image: radial-gradient(#B87832, #FFFCC8,#B87832);  */
	padding:10px;
}

.garis_kuning_training{
	margin-left:0px;
	margin-top:0px;
	border-bottom:1px solid #B87832;
/*	background-color: #FFFCC8; */
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
/*	background-image: radial-gradient(#B87832, #FFFCC8,#B87832);  */
	padding:10px;
}

.garis_kuning_service_client {
	margin-left:0px;
	margin-top:0px;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
	margin-top: 53px;
}

.garis_kuning_service_contact {
	margin-left:0px;
	margin-top: 3px;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
}

.garis_kuning_service_service {
	margin-left:0px;
	margin-top:0px;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
	margin-top: 58px;
}

.garis_kuning_service_training {
	margin-left:-3%;
	margin-top:59px;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
	width: 102%;
position: absolute;
z-index: 10;
}

.garis_kuning_service_profile {
	margin-left:-1%;
	margin-top:61px;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
	width: 100%;
position: absolute;
}

.garis_kuning_service_profile_histori,.garis_kuning_service_profile_vision {
	margin-left:-2%;
	margin-top:61px;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
	width: 100%;
position: absolute;
z-index: 1;
}

.garis_kuning_service_bawah_client{
	margin-left:0%;
	    margin-top: 48.5%;
    position: absolute;
    width: 100%;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
	z-index:100:
}

.garis_kuning_service_bawah_contact{
	margin-left:0%;
	margin-top: 435px;
    position: absolute;
    width: 96%;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
	z-index:100:
}

.wadah_info_contact {
	background-color:transparent;
	
}

.garis_kuning_service_bawah_service{
	margin-left:0%;
	    margin-top: 48.5%;
    position: absolute;
    width: 100%;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
	z-index:100:
}

.garis_kuning_service_bawah_training{
	margin-left:0%;
	    margin-top: 48.5%;
    position: absolute;
    width: 100%;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
	z-index:100:
}

.garis_kuning_service_bawah_client {
	display:none;
}

#wadah_setelahdibuka_palingdiminati_profile {
	display:none;
}

.arah_bawah {
	 /*   awal membuat segitiga arah bawah */
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 4px solid #9e9f9f;
		 /*   akhir membuat segitiga arah bawah */
		
		content: "";
		cursor: pointer;
		display: block;
		height: 1px;
		pointer-events: none;
		position: absolute;
		/* right: 124px;      satufok1 0 */
	/*	top: 21px;     */
		width: 0;
}

.artlengkap{
	/* background-color:#2D2A25; */
	color: #22201C;
}




.garis_kuning_bawah_kanan{
		margin-right:0;
		border-width : 10px;
	
	
 	border-bottom:1px solid #B87832; 
/*	border-bottom:10px linear-gradient(to right,#B87832, #FFFCC8,#B87832); */
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832);  
   padding:10px;  /*  ini yg lebar dari bidang gradient nya,. tnp ini ga akan tampak  */
}

/*  batas  awal media garis_kuning_bawah_kanan.letak */
.garis_kuning_bawah_kanan.letak{
margin-top:460px;
}


/*  batas  awal media kotak_kanan_hitam */
#kotak_kanan_hitam_profile,#kotak_kanan_hitam_profile_competitive,#kotak_kanan_hitam_profile_sosial,#kotak_kanan_hitam_profile_research,#kotak_kanan_hitam_profile_profesi,#kotak_kanan_hitam_profile_histori,#kotak_kanan_hitam_profile_vision{
float:right;
background-color:#22201C; /* satufok1  transparent */
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
height:100%;
min-height: 600px;
margin-top:81px;    /* 0px */
/* margin-right: 21px; */
margin-left: 46%;
width: 54%;
position: absolute;
padding-right:10px;
padding-left:25px;
}


#kotak_kanan_hitam_pembuka,#kotak_kanan_hitam_post{
float:right;
background-color:#22201C; /* satufok1  transparent */
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
height:100%;
min-height: 600px;
margin-top:0px;    /* 0px */
margin-left:-1px;
    width: 49%;
    padding: 5px;
}


#kotak_kanan_hitam{
	float:right;
 background-color:#22201C; /* satufok1  transparent */
	background-size:cover;
background-position:center center;
/* background-attachment: fixed; */
	background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
    height: 762px;
    margin-top: 0px;
    margin-left: 51%;
    position: absolute;
}

#kotak_kanan_hitam_client{
	float:right;
 background-color:#22201C; /* satufok1  transparent */
	background-size:cover;
background-position:center center;
/* background-attachment: fixed; */
	background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
height:100%; /* 700px */
margin-top:0px;    /* 0px */
margin-left:1px;
min-height: 800px;
}

#kotak_kanan_hitam_contact{
	float:right;
 background-color:#22201C; /* satufok1  transparent */
	background-size:cover;
background-position:center center;
/* background-attachment: fixed; */
	background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
     height: 550px; 
    margin-top: 58px;
    margin-left: 66%;
    position: absolute;
	    width: 435px;
}

#kotak_kanan_hitam_service{
float:right;
 background-color:#22201C; /* satufok1  transparent */
background-size:cover;
background-position:center center;
/* background-attachment: fixed; */
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
height: 100%;
min-height: 790px;
margin-top:0px;    /* 0px */
margin-left:1px;

}

#kotak_kanan_hitam_training,#kotak_kanan_hitam_recentpost{
float:right;
 background-color:#22201C; /* satufok1  transparent */
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
height: 100%;
min-height: 590px;
width: 578px;

position:absolute;
}

#kotak_kanan_hitam_training{
margin-top:0px;    /* 0px */
margin-left:57%;
}

#kotak_kanan_hitam_recentpost{
margin-top:80px;    /* 0px */
margin-left:1px;
}

#kotak_kanan_hitam_post_recentpost{
float:right;
 background-color:#22201C; /* satufok1  transparent */
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
height: 100%;
min-height: 590px;
width: 576px;

position:absolute;
}
#kotak_kanan_hitam_post_recentpost{
margin-top:80px;    /* 0px */
margin-left:1px;
}


.wadah_artikel{
	position: relative;
	width:auto;
	cursor:pointer;
}

.artlengkap_tombolbawah{
 /*   awal membuat segitiga arah bawah */
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 4px solid #fff;
 /*   akhir membuat segitiga arah bawah */

cursor: pointer;
display: block;
height: 2px;
position: relative;
margin-left: auto;
margin-top: -7px;
width: 2px;
}

.artlengkap_tombolatas{
 /*   awal membuat segitiga arah bawah */
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 4px solid #fff;
 /*   akhir membuat segitiga arah bawah */

cursor: pointer;
display: block;
height: 2px;
position: relative;
margin-left: auto;
margin-top: -7px;
width: 2px;
}


.foto_best_seller {
	width:100px;
	height:100px;

}

#nama_fungsi{
	width:100%;
	height:auto;
	background-color:#fff;
	color:#000;
}




.wadahVideo{
	width:320;
	height:300;
	background-color:#FF0000;
}

.tulisan{
	color: #c69c3e;
	font:Times New Roman; 
	font-size: 20px;
}
.tulisan12{
	color: #c69c3e;
	font:Times New Roman; 
	font-size: 12px;
}
/* Start Portlets  abound*/
.portlet{
-webkit-box-shadow:#F9F9F9 0 1px 0 inset;
  border:1px solid #DDDDDD;
  border-radius:3px;
  box-shadow:#F9F9F9 0 1px 0 inset;
  margin-bottom:20px;
  min-height:40px;
  background-color: #22201C ;  /* satufok1  fff */
}

.portlet-decoration{
	border-bottom:1px solid #DDD;
	background-color: #F1F1F1;
	background-image: -moz-linear-gradient(top, #EEEEEE, #EEEEEE);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EEEEEE), to(#EEEEEE));
	background-image: -webkit-linear-gradient(top, #EEEEEE, #EEEEEE);
	background-image: -o-linear-gradient(top, #EEEEEE, #EEEEEE);
	background-image: linear-gradient(to bottom, #EEEEEE, #EEEEEE);
	background-repeat: repeat-x;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffF1F1F1', endColorstr='#ffDBDBDB', GradientType=0);
	padding:10px;
  color: #dd;
}

.portlet-decoration [class^="icon-"], .portlet-decoration [class*=" icon-"] {

  margin-right:5px;

}
.portlet-content{
	padding:5px;
}
.portlet-content .row-fluid .span6{
  padding:5px;
  font-size: 14px;
}

/* end Portlets*/

.info_produk{
	color:#DD4F28 ;
	font-size:14px;
	text-align:center;
}
/* Awal  utk lihat produk  */
#kotak_produk{
	width:100%;
	height:195px; 
	padding:5px;
	border-radius: 10px 10px 10px 10px;
}

.kotak_3{
	width:305px; /*   dgn wadah span9    26% : 3 kolom   40%: 2 *  , akan tetapi jika dg mode HP maka yg cocok pke satuan px bukan %  */
	height:395px;
	margin-left:0px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:30px;
    padding: 5px;

	border: 1px solid #bcb1d5;

	/* background-repeat:repeat-x; */
	/* background-position:top left;
	position:relative;   */
	float:left;
	overflow:hidden;
	/* overflow-y: scroll; */

}

/*  batas  awal media wadah_isi_home */
#wadah_ikon_online_muka_profile{
	display:none;
	height:auto;
	width:auto;
	top:100%;
/* 	float:left; */
	z-index:999;

}

#wadah_ikon_online_muka_pembuka{
	display:none;
	height:auto;
	width:auto;
	top:100%;
/* 	float:left; */
	z-index:999;

}

#wadah_ikon_online_muka_client{
		display:none;
	height:auto;
	width:auto;
	top:100%;
/* 	float:left; */
	z-index:999;
}

#wadah_ikon_online_muka_contact{
/* 		display:none;
	height:auto;
	width:auto;
	top:100%;
	z-index:999; */
	
	
	display: block;
/* height: auto; */
width: auto;
top: 96%;
float: left;
z-index: 999;
/* min-height: 768px; */
position: fixed;
}

#wadah_ikon_online_muka_service{
		display:none;
	height:auto;
	width:auto;
	top:100%;
/* 	float:left; */
	z-index:999;
}

#wadah_ikon_online_muka_training{
		display:none;
	height:auto;
	width:auto;
	top:100%;
/* 	float:left; */
	z-index:999;
}

/*  batas  awal media latar_hitam */

.wadah_isi_home{
	width:auto;  /*;  */
	height:auto;  /* ;*/
	margin-top:-40px;
    margin-left: 10px;
}

#kotak_atas_home{
	float:left;
	background-color:#22201C; 
	 width: 100%;
	 height:auto;
	 margin-left:70%;
}
#latar_hitam {
	 background-color:transparent; 
    float: right;
	/* margin-left: 10%; */
	 width: 98.5%;
}

#wadahBanner {
	 background-color:#22201C; 
	width:50.3%;  /*325px;  */
	z-index: 100;
    float: right;
 margin-top:-3px;
}

#latar_hitam_profile {
    background-color: #22201C;
    float: right;
    width: 100%;
    position: absolute;
    margin-left: -2px;
    margin-top: -2px;
    z-index: 1;
}

#latar_hitam_profile_histori ,#latar_hitam_profile_vision{
background-color: #22201C;
float: right;
width: 100%;
position: absolute;
margin-left: -2px;
margin-top: -2px;
padding: 2px;
	   z-index: 1;
}

#latar_hitam_pembuka {
	 background-color:transparent; 
    float: right;
	 width: 100%; 

}

#wadahBanner_profile {
	 background-color:#22201C; 
	width: 44.56%; /*  47.6%;  */
	z-index: 100;
    float: right;
 
}

#wadahBanner_profile_histori,#wadahBanner_profile_vision {
	 background-color:#22201C; 
	width: 31.56%; /*  47.6%;  */
	z-index: 100;
    float: right;
 
}

#wadahBanner_pembuka {
	 background-color:#22201C; 
	width: 49%;  /*  47.6%;  */
	z-index: 100;
    float: right;
 
}


#latar_hitam_contact {
	 background-color:transparent; 
    float: right;
	 width: 100%;
}

#wadahBanner_contact{
	 background-color:#22201C; 
	width:44.78% ;  /* 48.5%;  */
	z-index: 100;
    float: right;
 
}

#latar_hitam_client {
	 background-color:#22201C; 
    float: right;
	 width: 100%;
	 position: absolute;
margin-left: -2px;
	 margin-top: -2px;
}

#latar_hitam_contact {
	 background-color:#22201C; 
    float: right;
	 width: 100%;
}

#latar_hitam_service {
	 background-color:#22201C; 
    float: right;
	 width: 100%;
	 position: absolute;
margin-left: -2px;
	 margin-top: -2px;
}

#latar_hitam_training {
background-color: #22201C;
float: right;
width: 100%;
height: 61px;
position: absolute;
z-index: 10;
margin-left: -2px;
margin-top: -2px;
}

#latar_hitam_galery {
	 background-color:transparent; 
    float: right;
	 width: 100%;
	 padding-bottom: 10px;
}

#wadahBanner_client {  /* default */
	 background-color:#22201C; 
	width: 31.65%; /*325px;  */
	z-index: 100;
    float: right;
 margin-top: -2px;
}

#wadahBanner_contact {  
	 background-color:#22201C; 
	width:31.5%; 
	z-index: 100;
    float: right;
 
}

#wadahBanner_service {
	 background-color:#22201C; 
	width:31.5%;  /*325px;  */
	z-index: 100;
    float: right;
 
}

#wadahBanner_training{
	 background-color:#22201C; 
	width:31.5%;  /*325px;  */
	z-index: 100;
    float: right;
 
}

#wadahBanner_galery {
	 background-color:transparent; 
	width:45.5%;  /*325px;  */
	z-index: 100;
    float: right;
 
}

#banner_ces {
	margin-left:68%;
}


#banner_ces_client {
	margin-left: 51%;
}

#banner_ces_profile {
	margin-left:63%;
}

#banner_ces_profile_histori,#banner_ces_profile_vision{
	margin-left: 51%;
}

#banner_ces_contact {
	margin-left: 46%;
	width:205px;
	height:60px;
}


#banner_ces_service {
	margin-left: 51%;
}

#banner_ces_training {
	margin-left: 51%;
}

#banner_ces_pembuka {
	margin-left: 68%;
}

#banner_ces_galery {
	margin-left: 51%;
}

#wadahBanner_service {
	 background-color:#22201C;  
	width:31.5%;  /*325px;  */
	z-index: 100;
    float: right;
/*  position:absolute; */

}

#wadahBanner_training {
	 background-color:#22201C;  
	width:31.5%;  /*325px;  */
	z-index: 100;
    float: right;
/*  position:absolute; */

}

.kotak_judul_banner{
	margin-left:0px;
	float:left;
	z-index: 200;
position: absolute;
margin-top: 10px;
}


#kotak_foto_training {
width: 57.7%;
margin-top: 77px;
margin-left: -11px;
	background-color:#C6924F;
	float:left;
	height: 100%;
min-height: 410px;
/* overflow-y: scroll; */
position:absolute;
z-index:1;
}


#kotak_foto_profile {
width: 106%;
background-color: #22201C;
float: left;
height: 624px;
margin-top: 71px;
margin-left: -8px;
}

#kotak_foto_profile_histori {
width: 57.7%;
background-color: #22201C;
float: left;
height: 564px;
margin-top: 564px;
margin-left: -8px;
position: absolute;
z-index: 1;
}

#kotak_foto_profile_medical {
width: 106%;
background-color: #22201C;
float: left;
height: 621px;
margin-top: 71px;
margin-left: -8px;
}


#kotak_foto_profile_edu {
width: 106%;
background-color: #22201C;
float: left;
height: 624px;
margin-top: 7px;
margin-left: -8px;
    position: absolute;
}
/* }    ini sbg cek n recheck di aslinya */

#kotak_tulisan_training{
	background-color:#C6924F;
	width: 100%;
	height: auto;  /* 100% */
min-height: 20px;   /* 423px * 
    margin-top: 4 px;
      /* overflow-y: scroll;  */
    margin-left: 25 px;
padding-left:5px;
}

#wadah_foto_training {
	height: 70%; /*  500px  */
	width: 100%;
	 background-size: cover;
}

#kotak_tulisan_training{
	margin-left:-5px;
	position:absolute;
}

#wadah_foto_profile_histori {

    height: 650px;
    width: 54%;
    margin-top: 69px;
    margin-left: -9px;
    background-size: cover;
    position: absolute;	
	
}

#wadah_foto_profile_edu,#wadah_foto_profile_research{
	height: 650px;
width: 54%;
margin-top: 0px;
margin-left: -9px;
background-size: cover;
position: absolute;
}

#wadah_foto_profile_contact{
	height: 520px;
    width: 100%;
    margin-top: 0px;
    margin-left: 0px;
	background-size: cover;
}

#wadah_foto_profile_home {

	
	    height: 600px;
    width: 52.5%;
    margin-top: -69px;
    margin-left: -24px;
    background-size: cover;
    position: absolute;
	    z-index: 1;
}

.kotak_judul_banner_contact{
	margin-left:0px;
	float:left;
	position: absolute;
	margin-top:10px;
}

.kotak_judul_banner_galery {
		margin-left:97px;
	float:left;
	position: absolute;
	margin-top:10px;
}

/* #on_off_training {
display:block;	
} */

#wadah_tombol_medical {
	display:none;	
}

.wadah_grid_contact {
    width: 69%;
    height: auto;
    position: absolute;
}

.wadah_login {
	    width: 33%;
    height: auto;
    position: absolute;
	margin-left: 33%;
margin-top: 0;
}

#wadah_galery {
	background-color:transparent;
	margin-left:5%;
}

#loader
{
    position:fixed;
    width:100%;height:100%;
    z-index:999;
    background-color:#22201C;
}
#loader img
{
    display:block;
    position:absolute;
    top:50%;left:50%;
}

#gbr_galeri
{cursor:pointer;
width:100%;  /* auto   */
 height:150px; 
 float:left;
 }

 #tutup_dialog {
 background-image: url('fancybox_sprite.png');
 top:-3px;
 right:5px;
 width: 36px;
height: 36px;
position: absolute;
 cursor:pointer;
 z-index:100;
 }
/*  = = = = = =  BATAS  AKHIR DEFAULT CSS  = = = = = =   */



/* @media (min-width: 1024px) and (max-width: 1359px) { */
@media (min-width: 978px) and (max-width: 1199px) {
#wadah_tombol_home{
display:none;
}

#wadah_pembuka_ces{
	 opacity:1;
	 height:auto;
	 width:auto; 
}

#kotak_judul {
    color: #fff;
    width: 68%;
    height: 55px;
    float: left;
    overflow-y: hidden;
    padding-bottom: 5px;
    font-size: 11px;
    text-align: justify;
}


}

/* @media (min-width: 1024px) and (max-width: 1359px) { */
@media (min-width: 978px) and (max-width: 1199px) {
.garis_kuning_service_bawah_client{
	margin-left:0%;
	margin-top:154.5%;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
	z-index:10000000:
}

.garis_kuning_service_bawah_contact{
	margin-left:0%;
	margin-top:435px;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
	z-index:10000000:
}

.wadah_info_contact {
	background-color:transparent;
	
}

.garis_kuning_service_bawah_service{
	margin-left:0%;
	margin-top: 60.5%;
    position: absolute;
    width: 100%;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
	z-index:10000000:
}

.garis_kuning_service_bawah_training{
	margin-left:0%;
	margin-top: 60.5%;
    position: absolute;
    width: 100%;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
	z-index:10000000:
}

#wadah_setelahdibuka_palingdiminati_profile {
	display:none;
}

.kotak_judul_banner_galery {
	margin-top:10px;
	margin-left: 60px;
}


}

/* @media (min-width: 1024px) and (max-width: 1359px) { */
@media (min-width: 978px) and (max-width: 1199px) {
.garis_kuning_bawah_kanan.letak{
margin-top:589px;
}
}


/* @media (min-width: 1024px) and (max-width: 1359px) { */
@media (min-width: 978px) and (max-width: 1199px) {
#kotak_kanan_hitam{
background-color:#22201C; /* satufok1  transparent */
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
height:695px;
margin-top:0px;
margin-left:50%;
    padding-right: 20px;
	position: absolute;
    z-index: 1;
}

#kotak_kanan_hitam_client{
	float:right;
 background-color:#22201C; /* satufok1  transparent */
	background-size:cover;
background-position:center center;
/* background-attachment: fixed; */
	background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
height:700px;
margin-top:0px;    /* 0px */
margin-left:1px;

}

#kotak_kanan_hitam_contact{
	float:right;
 background-color:#22201C; /* satufok1  transparent */
	background-size:cover;
background-position:center center;
/* background-attachment: fixed; */
	background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
/* height:700px; */
margin-top:58px;    /* 0px */
margin-left:56%;

}

#kotak_kanan_hitam_service{
	float:right;
 background-color:#22201C; /* satufok1  transparent */
	background-size:cover;
background-position:center center;
/* background-attachment: fixed; */
	background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
height:700px;
margin-top:0px;    /* 0px */
margin-left:1px;

}

#kotak_kanan_hitam_training,#kotak_kanan_hitam_recentpost,#kotak_kanan_hitam_post_recentpost{
	float:right;
 background-color:#22201C; /* satufok1  transparent */
	background-size:cover;
background-position:center center;
/* background-attachment: fixed; */
	background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
height:100%;
min-height:711px;
padding-right:10px;
padding-left:10px;
width: 373px;
}

#kotak_kanan_hitam_training{
margin-top:0px;    /* 0px */
margin-left:58%;
}

#kotak_kanan_hitam_recentpost{
margin-top: 82px;
margin-left: 7px;
}

#kotak_kanan_hitam_post_recentpost{
margin-top: 82px;
margin-left: 7px;
position: absolute;
}

#kotak_kanan_hitam_profile,#kotak_kanan_hitam_profile_competitive,#kotak_kanan_hitam_profile_sosial,#kotak_kanan_hitam_profile_research,#kotak_kanan_hitam_profile_profesi,#kotak_kanan_hitam_profile_histori,#kotak_kanan_hitam_profile_vision{
background-color:#22201C; /* satufok1  transparent */
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
	height:695px;
margin-top: 81px;
margin-left: 47%;
position: absolute;
    width: 53%;
padding-right:10px;
padding-left:20px;
}

#kotak_kanan_hitam_pembuka,#kotak_kanan_hitam_post{
background-color:#22201C; /* satufok1  transparent */
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
	height:605px;
margin-top:0px;
margin-left:50%;
padding-right:10px;
padding-left:10px;
width: 50%;
position: absolute;
z-index:1;
}


} /* akhir desktop 1024 */


/* @media (min-width: 1024px) and (max-width: 1359px) { */
@media (min-width: 978px) and (max-width: 1199px) {
.wadah_isi_home{
	margin-top:0px;
	  margin-left: 10px
}

#latar_hitam {
	 background-color:transparent; 
    float: right;
	/* margin-left: 10%; */
	 width: 100%;
}

#latar_hitam_client {
    background-color: #22201C;
    float: right;
    width: 100%;
	margin-top: -2px;
}

#latar_hitam_contact {
    background-color: #22201C;
    float: right;
    width: 100%;
}

#latar_hitam_service {
	 background-color:#22201C; 
    float: right;
	 width: 100%;
	     margin-top: -2px;
}

#latar_hitam_pembuka {
background-color: transparent;
float: right;
width: 110%;
margin-left: -13%;
position: absolute;
margin-top: 0px;
z-index: 2;
}

#latar_hitam_training {
	 background-color:#22201C; 
    float: right;
	 width: 100%;
}

#latar_hitam_galery {
	 background-color:transparent; 
    float: right;
	 width: 100%;
	 padding: 5px;
}

#wadahBanner {
	 background-color:#22201C; 
	width:47.65%;/*325px;  */
	z-index: 100;
    float: right;
 
}
#wadahBanner_client {
    background-color: #22201C;
    width: 31.95%;   /* 31.5%;  */
    z-index: 100;
    float: right;
	margin-top: -2px;
}

#wadahBanner_profile {
	 background-color:#22201C; 
	width: 44.9%;  /* 48.5%;  */
	z-index: 100;
    float: right;
 margin-top: -10px;
}

#wadahBanner_profile_histori,#wadahBanner_profile_vision {
	 background-color:#22201C; 
	width: 44.9%;  /* 48.5%;  */
	z-index: 100;
    float: right;
 margin-top: -10px;
}

#wadahBanner_pembuka {
/* 	 background-color:#22201C; 
	width: 44.9%; 
	z-index: 100;
    float: right; */
 
 background-color: #22201C;
width: 47%;
z-index: 100;
float: right;
margin-left: 55.5%;
position: absolute;
}

#wadahBanner_contact {
    background-color: #22201C;
    width: 31.5%;
    z-index: 100;
    float: right;
}


#wadahBanner_service {
	 background-color:#22201C;  
	width:31.85%;  /*325px;  */
	z-index: 100;
    float: right;
}

#wadahBanner_training {
	 background-color:#22201C;  
	width:31.85%;  /*325px;  */
	z-index: 100;
    float: right;
	width: 349px;
}


#wadahBanner_galery {
	 background-color:transparent; 
	width:57.5%;  /* 31.5%325px;  */
	z-index: 100;
    float: right;
 
}

#banner_ces {   /* 978px) and (max-width: 1199  */
	margin-left: 290px;
}

#banner_ces_client {
	margin-left: 51%;
}

#banner_ces_profile {
	margin-left: 53%;
	margin-top: 10px;
}


#banner_ces_profile_histori,#banner_ces_profile_vision {
	margin-left: 51%;
	    margin-top: 10px;
}

#banner_ces_contact {
	margin-left: 31%;
	margin-top: 1px;
	
		width:205px;
	height:60px;
}


#banner_ces_service {
	margin-left: 51%;
	margin-top: 10px;
}

#banner_ces_training {
	margin-left: 46%;
margin-top: 1px;
}

#banner_ces_galery {
	margin-left: 62%;  /*  51% */
	margin-top: 10px;
}
.kotak_judul_banner{
	margin-left:0px;
	float:left;
	    margin-top: 10px;
}

#wadah_ikon_online_muka_profile{
	display:none;
}

#wadah_ikon_online_muka_pembuka{
	display:none;
}

#wadah_ikon_online_muka_client{
	display:none;
}

#wadah_ikon_online_muka_contact{
	/* display:none; */
	
		display: block;
height: auto;
width: auto;
top: 96%; 
float: left;
z-index: 999;
/* min-height: 768px; */
position: fixed;
}

#wadah_ikon_online_muka_service{
	display:none;
}

#wadah_ikon_online_muka_training{
	display:none;
}

#kotak_foto_training {
    width: 63%;
    margin-top: 79px;    /* 59px */
    margin-left: -23px;
    background-color: #C6924F;
    float: left;
    height: 100%;
    min-height: 110px;
    /* overflow-y: scroll; */
    position: absolute;
    z-index: 1;
}



#kotak_foto_profile {
width: 106%;
margin-top: 69px;
margin-left: -28px;
	background-color:#22201C;
	float:left;
}

#kotak_foto_profile_histori {
	width: 106%;
margin-top: 69px;
margin-left: -28px;
	background-color:#22201C;
	float:left;
	height: 100%;
min-height: 624px;
}

#kotak_foto_profile_medical {
	width: 106%;
margin-top: 70px;
margin-left: -28px;
	background-color:#22201C;
	float:left;
	height: 100%;
min-height: 624px;
}


#kotak_foto_profile_edu {
	width: 106%;
margin-top: 2px;
margin-left: -28px;
	background-color:#22201C;
	float:left;
	min-height: 618px;
height: 100%;
position: absolute;
}

#kotak_tulisan_training{
	background-color:#C6924F;
	width: 93%;
	 	height: 150px;  /* 100%   */
min-height: 20px;   /* 123px */
    margin-top: 4 px;
    margin-left: 5 px;
padding-left:5px;

}

#wadah_foto_training {
	height: 500px;
	width: 100%;
}

#kotak_tulisan_training{
	margin-left:15px;
	position:absolute;
}

#wadah_foto_profile_histori {
    height: 620px;
    width: 50%;
    margin-top: 67px;
    margin-left: -27px;
	background-size: cover;
}

#wadah_foto_profile_edu,#wadah_foto_profile_research{
	height: 650px;
width: 54%;
margin-top: 0px;
margin-left: -9px;
background-size: cover;
position: absolute;
}

#wadah_foto_profile_contact{
/* 	height: 520px;
    width: 100%;
    margin-top: 0px;
    margin-left: 0px;
	background-size: cover; */
	
	height: 520px;
width: 85%;
margin-top: 0px;
margin-left: -20px;
background-size: cover;
}

#wadah_foto_profile_home {
   /*  height: 620px;
    width: 100%;
    margin-top: 67px;
    margin-left: -27px;
	background-size: cover; */
	
	height: 609px;
    width: 53%;
    margin-top: -66px;
    margin-left: -45px;
    background-size: cover;
    position: absolute;
	   z-index: -1;
}

#kotak_foto_pembuka{
    width: 100%;
    margin-top: 2px;
    margin-left: -28px;
    background-color: #22201C;
    float: left;
    min-height: 618px;
    height: 100%;
    position: absolute;
    z-index: 1;
}

.kotak_judul_banner_contact{
	margin-left:0px;
	float:left;
	position: absolute;
	margin-top:10px;
}

#wadah_tombol_medical {
	display:none;	
}
/* #on_off_training {
display:block;	
} */


.wadah_grid_contact {
    width: 58%;
    height: auto;
    position: absolute;
}

.wadah_login {
	    width: 33%;
    height: auto;
    position: absolute;
	margin-left: 33%;
margin-top: 0;
}

#wadah_galery {
background-color: transparent;
margin-left: 0.85%; /* 6% */
width: 100%;
}


.wadah_foto_home{
	width:100%;
	height:auto;
margin-left: 531px;
position: fixed;
z-index: 99;
top: 60%;
}




} /* batas akhir 1024 px */

/*  = = = = = =  BATAS  AKHIR  (min-width: 978px) and (max-width: 1199px)  = = = = = =   */





/* IPAD */
/* @media (min-width:768px) and (max-width: 1023px) { */
/* @media (min-width:768px) and (max-width: 979px) {  */
@media (min-width:768px) and (max-width: 977px) { 
#wadah_tombol_home{
display:none;
}

#wadah_pembuka_ces{
	 opacity:1;
	 height:auto;
	 width:auto; 
}

.kotak_judul_banner_galery{
	margin-left:0%;
	float:left;
	position: absolute;
}

.kotak_judul_banner_contact{
	margin-left:0%;
	float:left;
	position: absolute;
	z-index:1;
}

}


/* IPAD */
/* @media (min-width:768px) and (max-width: 1023px) { */
/* @media (min-width:768px) and (max-width: 979px) {  */
@media (min-width:768px) and (max-width: 977px) { 
.garis_kuning_service_bawah_client{
	margin-left:0%;
	margin-top:220%;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
	z-index:10;
}

.garis_kuning_service_bawah_contact{
	margin-left:0%;
	margin-top:112%;
	    position: absolute;
    width: 100%;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
	z-index:10;
}

.garis_kuning_service_bawah_service{
	margin-left:0%;
	    margin-top: 114.5%;
    position: absolute;
    width: 100%;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
	z-index:10;
}

.garis_kuning_service_bawah_training{
	margin-left:0%;
	    margin-top: 114.5%;
    position: absolute;
    width: 100%;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
	z-index:10;
}

.garis_kuning_service_contact {
    margin-left: 0px;
    margin-top: 0px;
    border-bottom: 1px solid #B87832;
    background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
    background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
    background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
    background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832);
    padding: 10px;
}


.form_pelatihan {
    margin-left: 4%;
    width: 85%;
    height: 550px;
    position: absolute;
    margin-top: 300px;
	z-index: 10;
}

#wadah_foto_profile_contact {
    height: 1024px;
    width: 100%;
    margin-top: 0px;
    margin-left:-21px;
    background-size: cover;
    position: absolute;
    z-index: 0;
}


} /* BATAS AKHIR IPAD  */


/* IPAD */
/* @media (min-width:768px) and (max-width: 1023px) { */
/* @media (min-width:768px) and (max-width: 979px) {   */
@media (min-width:768px) and (max-width: 977px) {  
.garis_kuning_bawah_kanan.letak{
margin-top:842px;
}

.garis_kuning_service_training{
	margin-left:-20px;
	margin-top:62px;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
	width: 100%; 
position: absolute;
}

.garis_kuning_service_profile {
	margin-left:0%;
	margin-top:50px;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
	width: 97%;
position: absolute;
}


}  



/* IPAD */
/* @media (min-width:768px) and (max-width: 1023px) { */
/* @media (min-width:768px) and (max-width: 979px) {  */
@media (min-width:768px) and (max-width: 977px) {
#kotak_kanan_hitam{
 opacity:0.75;
min-height:948px;
margin-top:21px;
margin-left:1px;

background-color:#22201C; /* satufok1  transparent */
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
}

#kotak_kanan_hitam_profile,#kotak_kanan_hitam_profile_competitive,#kotak_kanan_hitam_profile_sosial,#kotak_kanan_hitam_profile_research,#kotak_kanan_hitam_profile_profesi,#kotak_kanan_hitam_profile_histori,#kotak_kanan_hitam_profile_vision{
opacity: 0.75;
min-height: 948px;
margin-top: 55%; /* 479px */
margin-left: 0px;
background-color: #22201C;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
width: 100%;
overflow-y:scroll;
}

#kotak_kanan_hitam_pembuka,#kotak_kanan_hitam_post{
 opacity:0.75;
min-height:948px;
margin-top:59px;
margin-left:1px;	

background-color:#22201C; /* satufok1  transparent */
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;

}

#kotak_kanan_hitam_client{
	float:right;
 background-color:#22201C; /* satufok1  transparent */
	background-size:cover;
background-position:center center;
/* background-attachment: fixed; */
	background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
height:890px;
margin-top:2.5%;    /* 0px */
margin-left:1px;
width: 50%;
opacity:0.75;
}

#kotak_kanan_hitam_contact{
	float:right;
 background-color: transparent; /* satufok1  #22201C  */
	background-size:cover;
background-position:center center;
/* background-attachment: fixed; */
	background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
height:890px;
margin-top:8.5%;    /* 0px */
margin-left:1px;
width: 99%;
opacity:0.75;
position: absolute;
color: #fff;
}

#kotak_kanan_hitam_service{
	float:right;
 background-color:#22201C; /* satufok1  transparent */
	background-size:cover;
background-position:center center;
/* background-attachment: fixed; */
	background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
height:990px;
margin-top: -2px;   /* 0px */
margin-left:1px;
width: 50%;
opacity:0.75;
}

#kotak_kanan_hitam_training,#kotak_kanan_hitam_recentpost,#kotak_kanan_hitam_post_recentpost{
/* 	float:right;
 background-color:#22201C; 
	background-size:cover;
background-position:center center;
	background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
height:990px;
margin-top: 7.75%;    
margin-left:1px;
width: 50%;
opacity:0.75; */
float: right;
background-color: #22201C;
background-size: cover;
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
/* height: 990px; */
/*margin-top: 7.75%; */
/* margin-left: 50%; */
width:368px;
opacity: 0.75;
position: absolute;
z-index: 69;

}

#kotak_kanan_hitam_training{
margin-top:80px;    /* 0px */
margin-left:-20px;
}


#kotak_kanan_hitam_recentpost{
margin-top:5px;    /* 0px */
margin-left:1px;
}

#kotak_kanan_hitam_post_recentpost{
margin-top:0px;    /* 0px */
margin-left:1px;
}

} /* IPAD */


/* IPAD */
/* @media (min-width:768px) and (max-width: 1023px) { */
/* @media (min-width:768px) and (max-width: 979px) {  */
@media (min-width:768px) and (max-width: 977px) { 
.wadah_isi_home{
	margin-top:0px;
}

#latar_hitam {
	 background-color:transparent; 
	 width: 27%;
    float: right;
}

#latar_hitam_galery {
	 background-color:transparent; 
    float: right;
	 width: 100%;
}

#wadahBanner {
	width:auto;  /*325px;  */
	height:auto;  /*100px;*/
/*	 position: relative ; /* relative  */
	margin-top:0px;
	z-index: 100;
 left: 5.6%;
position: absolute;
background-color: transparent;
}

#wadahBanner_profile {
    background-color: transparent;
    
	width:100%;   /* width: 45.86%; */
    z-index: 100;
    float: right;
	position:absolute;
}

#wadahBanner_profile_histori,#wadahBanner_profile_vision {
    background-color: #22201C;;
    
	width:100%;   /* width: 45.86%; */
    z-index: 100;
    float: right;
	position:absolute;
}

#wadahBanner_pembuka {
    background-color: transparent;
    
	width:100%;   /* width: 45.86%; */
    z-index: 100;
    float: right;
	position:absolute;
}

#wadahBanner_client {  /* IPAD */
	 background-color:transparent; 
	width:100%;  /*325px;  */
	z-index: 100;
    float: right;
 position:absolute;

}

#wadahBanner_contact {  
	 background-color:transparent; 
	width:100%;  
	z-index: 100;
    float: right;
 position:absolute;

}

#wadahBanner_service{
	 background-color:transparent; 
	width:100%;  /*325px;  */
	z-index: 100;
    float: right;
 position:absolute;

}

#wadahBanner_training{
	 background-color:transparent; 
	width:100%;  /*325px;  */
	z-index: 100;
    float: right;
 position:absolute;

}

#wadahBanner_galery {
	 background-color:transparent; 
	width:31.5%;  /* 325px;  */
	z-index: 100;
    float: right;
 
}

#banner_ces {
	margin-left:519px; /* 68%;   */
}


#banner_ces_client {
	margin-left: 73%;
}

#banner_ces_profile {
	margin-left: 73%;
}

#banner_ces_profile_histori,#banner_ces_profile_vision {
	margin-left: 73%;
}

#banner_ces_contact {
	margin-left: 73%;
		width:205px;
	height:60px;
}

#banner_ces_service {
	margin-left: 73%;
}

#banner_ces_training {
	margin-left: 73%;
}

#banner_ces_galery {
	margin-left:5%;  /*  51% */
}


#wadah_ikon_online_muka_profile{
	display:none;
}

#wadah_ikon_online_muka_pembuka{
	display:none;
}


#wadah_ikon_online_muka_client{
	display:none;
}

#wadah_ikon_online_muka_contact{
	/* display:none; */
	
		display: block;
height: auto;
width: auto;
top: 97%;
float: left;
z-index: 999;
/* min-height: 768px; */
position: fixed;
}

#wadah_ikon_online_muka_service{
	display:none;
}

#wadah_ikon_online_muka_training{
	display:none;
}

#kotak_tulisan_training{
background-color: #C6924F;
width: 100%;
height: auto;  /* 100% */
min-height: 20px;   /* 240px */
margin-top: 0px;
float: left;
overflow: hidden;
overflow-y: scroll;
margin-left: -8px;
position: absolute;
}

#kotak_foto_training {
width: 100%;
background-color: #C6924F;
float: left;
/* height: 1020px; */
margin-top: 80px;
margin-left: -21px;
position: absolute;
}

#latar_hitam_profile_histori,#latar_hitam_profile_vision {
	 background-color:#22201C; 
    float: right;
	 width: 100%;
	 position: absolute;
	 margin-left: -2px;
	 margin-top: -2px;
}


.garis_kuning_service_profile_histori,.garis_kuning_service_profile_vision {
    margin-left: -1%;
    margin-top: 60px;
    border-bottom: 1px solid #B87832;
    background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
    background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
    background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
    background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832);
    padding: 10px;
    width: 100%;
    position: absolute;
}

#kotak_foto_profile_histori {
width: 205%;
background-color: #22201C;
float: left;
height: 100%;
margin-top: 67px;
margin-left: -22px;
min-height: 916px;
}

#kotak_foto_profile_medical {
width: 205%;
background-color: #22201C;
float: left;
height: 100%;
margin-top: 67px;
margin-left: -22px;
min-height: 916px;
}

#kotak_foto_profile_edu {
width: 205%;
background-color: #22201C;
float: left;
height: 100%;
margin-top: 67px;
margin-left: -22px;
min-height: 916px;
}

#wadah_foto_profile_home {
    height: 1055px;
    width: 99.5%;
    margin-top: -69px;
    margin-left: -24px;
    background-size: cover;
    position: absolute;
    z-index: 1;
}

#kotak_kanan_hitam {
    margin-top: 91%;
}

#kotak_kanan_hitam {
    float: right;
    background-color: #22201C;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    height: 762px;
	width: 99%;
    margin-top:397px;
    margin-left: -3%;
    position: absolute;
	z-index: 2;
}

#wadah_setelahdibuka_home,#wadah_setelahdibuka_palingdiminati,
#wadah_setelahdibuka_palingdiminati_profile,#wadah_setelahdibuka_palingdiminati_client,#wadah_setelahdibuka_palingdiminati_contact,
#wadah_setelahdibuka_palingdiminati_pembuka,#wadah_setelahdibuka_palingdiminati_service,#wadah_setelahdibuka_palingdiminati_training{
	opacity:0.85;
	background-color:#22201C ;
	overflow: hidden;
	position:absolute;
height:auto;

}

#wadah_setelahdibuka_palingdiminati_client {
   z-index: 10;
top: 96%;
left: 20px;
width: 70%;
display: none; /* block  */
}

#wadah_setelahdibuka_home{
	position:absolute;
	/* margin-top:30px; */
	top: 86.8%;
	width:100%;
	z-index: 5;
}


#fancybox-close, #fancybox-close_bawah {
    background-image: url('fancybox_sprite.png');
}

#fancybox-close, #fancybox-close_bawah {
    position: fixed;
    right: 4px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 80;
	top: 383px;
}

#fancybox-close_bawah {
    top: 85%;
    display: none;
}

#kotak_kanan_hitam_pembuka {
    float: left;
    opacity: 0.99;
    min-height: 732px;
    margin-top: 17%;
    margin-left: -2px;
    width: 100%;
    overflow-y: scroll;
    background-color: #000;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	z-index:2;
	position: absolute;
}
/*
#wadah_foto_training {
    height: 1020px;
    width: 100%;
}
*/
#fancybox-close, #fancybox-close_bawah, #fancybox-close_service ,#fancybox-close_client,#fancybox-close_contact,#fancybox-close_bawah_service,#fancybox-close_bawah_client_medical,#fancybox-close_bawah_client_govern,
#fancybox-close_bawah_client_finance,#fancybox-close_bawah_client_edu,#fancybox-close_bawah_client_lain,#fancybox-close_bawah_contact  {
    background-image: url('fancybox_sprite.png');
}


#fancybox-close_service {
    top: 66px;
}

#fancybox-close_service{
    position: absolute;
    right:51% ;  /* 396px */
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 80;
	top: 7%;
}
#fancybox-close_client {
    position: absolute;
    right:51% ;  /* 396px */
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 80;
	top: 40%;
}
#fancybox-close_bawah_service,#fancybox-close_bawah_client_medical,#fancybox-close_bawah_client_govern,#fancybox-close_bawah_client_finance,#fancybox-close_bawah_client_edu,#fancybox-close_bawah_client_lain {
position: fixed;
right: 51%;
width: 36px;
height: 36px;
cursor: pointer;
top: 93%;
z-index: 800;
display: none;
}

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

.wadah_login {
	    width: 33%;
    height: auto;
    position: absolute;
	margin-left: 33%;
margin-top: 0;
}

.wadah_foto_home{
	width:100%;
	height:auto;
margin-left: 1px;
position: fixed;
z-index: 99;
top: 66%;
}

#wadah_foto_profile_histori {
    height: 100%;
    width: 100%;
    margin-top: 0px;
    margin-left: -9px;
    background-size: cover;
    position: absolute;
}

} /* akhir  IPAD */






/* HP and tablet */
@media (min-width:480px) and (max-width:767px) {
.garis_kuning_bawah_kanan.letak{
margin-top:91%;
}
}


/* tablet  kecil*/
@media (min-width:480px) and (max-width:767px) {
#kotak_kanan_hitam{
		float:left;   /* satufok1  right */
 opacity:0.85;
min-height:577px; /* 500px; */
margin-top:20%;  /* 54%; */
margin-left:-8px;
width: 100%; /* 275px; */

background-color:#22201C; /* satufok1  transparent */
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
}
#kotak_kanan_hitam_client {
			float:left;   /* satufok1  right */
 opacity:0.85;
min-height:577px; /* 500px; */
margin-top:16%;  /* 54%; */
margin-left:1px;
width: 100%; /* 275px; */

background-color:#22201C; /* satufok1  transparent */
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
}

#kotak_kanan_hitam_contact {
			float:left;   /* satufok1  right */
 opacity:0.85;
min-height:577px; /* 500px; */
margin-top:16%;  /* 54%; */
margin-left:1px;
width: 100%; /* 275px; */

background-color:transparent; /* satufok1  transparent */
/* background-size:cover;
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover; */
z-index: 1;
}

#kotak_kanan_hitam_service {
			float:left;   /* satufok1  right */
 opacity:0.85;
min-height:577px; /* 500px; */
margin-top:5%;  /* 54%; */
margin-left:1px;
width: 100%; /* 275px; */

background-color:#22201C; /* satufok1  transparent */
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
}

#kotak_kanan_hitam_training,#kotak_kanan_hitam_recentpost {
float:right;   /* satufok1  right */
 opacity:0.85;
 min-height:594px; /* 500px; */
/*margin-top:10%;  /* 54%; */
/* margin-left: 29%; */
width:324px; /* 275px; */

background-color:#22201C; /* satufok1  transparent */
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;

position: absolute;
z-index: 20;
}

#kotak_kanan_hitam_training{
margin-top:10%;    /* 0px */
margin-left: 34%;
}

#kotak_kanan_hitam_post_recentpost {
float:right;   /* satufok1  right */
 opacity:0.85;
 min-height:594px; /* 500px; */
/*margin-top:10%;  /* 54%; */
/* margin-left: 29%; */
width:100%; /* 275px; */

background-color:#22201C; /* satufok1  transparent */
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;

position: absolute;
z-index: 20;
}

#kotak_kanan_hitam_training{
margin-top:80px;    /* 0px */
margin-left: -1%;
}

#kotak_kanan_hitam_recentpost{
margin-top:1px;    /* 0px */
margin-left: 0%;
}

#kotak_kanan_hitam_post_recentpost{
margin-top:0px;    /* 0px */
margin-left: 0%;
}

#kotak_kanan_hitam_profile_competitive,#kotak_kanan_hitam_profile_sosial,#kotak_kanan_hitam_profile_profesi,#kotak_kanan_hitam_profile_histori,#kotak_kanan_hitam_profile_vision{
		float:right;   /* satufok1  right */
 opacity:0.85;
/*  min-height:577px; 500px; */
margin-top: 276px;
margin-left:-2px;
width: 100%; /* 275px; */
height: 100%;
background-color:#22201C; /* satufok1  transparent */
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
position: absolute;

}

#kotak_kanan_hitam_profile,#kotak_kanan_hitam_profile_research{
	 float: right;
    opacity: 0.85;
    min-height: 594px;
    margin-top: 10%;
    margin-left: 29%;
    width: 72%;
    background-color: #22201C;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    position: absolute;
    z-index: 20;
}

#kotak_kanan_hitam_profile,#kotak_kanan_hitam_profile_research{
    margin-top: 74px;
    margin-left: 28%;
}

#kotak_kanan_hitam_pembuka,#kotak_kanan_hitam_post{
		float:left;   /* satufok1  right */
 opacity:0.85;
min-height:577px; /* 500px; */
margin-top:200px;  /* 54%; */
margin-left:1px;
width: 100%; /* 275px; */

background-color:#22201C; /* satufok1  transparent */
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
}

#wadah_setelahdibuka_palingdiminati_client {
    z-index: 10;
    top: 96%;
    bottom: -11px;
    left: 76px;
    width: 100%;
    display: block;
    position: fixed;
    overflow: hidden;
}

}


/* tablet */
@media (min-width:480px) and (max-width:767px) {
/* gabungan awal */
	h3 { /* satufok1  */
		font-size: 11px;
	}
#wadah_tombol_home{
display:block;
margin-top: 103px;
margin-left: 261px;
z-index:9999;
}

#wadah_pembuka_ces{
	 opacity:0.85;
	 height:auto;
	 width:auto; 
}

#wadah_setelahdibuka_home,#wadah_setelahdibuka_palingdiminati,
#wadah_setelahdibuka_palingdiminati_profile,#wadah_setelahdibuka_palingdiminati_client,#wadah_setelahdibuka_palingdiminati_contact,
#wadah_setelahdibuka_palingdiminati_pembuka,#wadah_setelahdibuka_palingdiminati_service,#wadah_setelahdibuka_palingdiminati_training{
	opacity:0.85;
	background-color:#22201C ;
	overflow: hidden;
	position:fixed; /* absolute */
height:auto;

}

#wadah_setelahdibuka_home{
	position:absolute;
	/* margin-top:30px; */
	top:79%;
	width:100%;
}

#wadah_setelahdibuka_palingdiminati{
/* margin-top:130px;
margin-left:76px; */
z-index: 10;
top:93%;
left:76px;
width:auto;
}

#wadah_setelahdibuka_palingdiminati_profile {
z-index: 10;
top:94%;
left:76px;
width:100%;
}

#wadah_setelahdibuka_palingdiminati_pembuka {
z-index: 10;
top:94%;
left:76px;
width:100%;
}

#wadah_setelahdibuka_palingdiminati_client{
    z-index: 10; 
top: 96%;  /* 94% */
left: 0px;
    width: 100%;
	
}

#wadah_setelahdibuka_palingdiminati_contact{
    z-index: 10; 
    top: 91%;
    left: 76px;
    width: 100%;
}

#wadah_setelahdibuka_palingdiminati_service{
   /*  z-index: 10; */
    top: 91%;
    left: 76px;
    height: 9%;
    width: 100%;
	display: block;
}

#wadah_setelahdibuka_palingdiminati_training{
   /*  z-index: 10; */
    top: 91%;
    left: 76px;
    height: 9%;
    width: 100%;
	display: block;
}

#wadah_tombol_bawah{
margin-top: 96%;
margin-left: 90%;
}

.garis_kuning_service_client{
	margin-left:0px;
	margin-top:0.45%;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
}

.garis_kuning_service_contact{
	margin-left:0px;
	margin-top:-51px;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
}

.garis_kuning_service_service{
	margin-left:0px;
	margin-top:0.45%;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
}

.garis_kuning_service_training{
	margin-left:-7px;
	margin-top:60px;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
	position: absolute;
	width:97%;
}

.garis_kuning_service_profile {
	margin-left:0%;
	margin-top:50px;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
	width: 97%;
position: absolute;
}

.garis_kuning_service_bawah_client{
	margin-left:0px;
	margin-top:138.5%;  /* satufok1 78%;   */
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
	z-index:10:
}

.garis_kuning_service_bawah_contact{
	margin-left:0px;
	margin-top:831px;  /* satufok1 78%;   */
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
	z-index:10:
	position: absolute;
}

.garis_kuning_service_bawah_service{
	margin-left:0px;
	margin-top:64.5%;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
	z-index:10:
}

.garis_kuning_service_bawah_training{
	margin-left:0px;
	margin-top:64.5%;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
	z-index:10:
}

#wadah_foto_profile_contact {
	height: 774px;
width: 100%;
margin-top: 58px;
margin-left: -6px;
background-size: cover;
    height: 1088px;
    width: 100%;

    position: absolute;
    z-index: 0;
}


.form_pelatihan {
    margin-left: 4%;
    width: 85%;
    height: 550px;
    position: absolute;
    margin-top: 90px;
	z-index: 1;
}

.kotak_tulisan {
    float: left;
    width: 40%;
    text-align: right;
    padding-right: 10px;
}


.wadah_info_contact{
	float: left;
opacity: 0.95;
min-height: 732px;
margin-top: 79px;
margin-left: -2px;
width: 96%;
overflow-y: scroll;
background-color: #22201C;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
font-size: 14px;
}

/* gabungan akhir */

	.wadah_isi_home {
		margin-top:0px;
	}
	
	#latar_hitam  {
	background-color:#22201C; 
    float: right;
	/* margin-left: 10%; */
	 width: 57%;
	  margin-top:0%;
}



	#latar_hitam_profile {
	background-color:#22201C; 
    float: right;
	/* margin-left: 10%; */
	 width: 57%;
	  margin-top:0%;
}

	#latar_hitam_profile_histori,#latar_hitam_profile_vision {
	background-color:#22201C; 
    float: right;
	/* margin-left: 10%; */
	 width: 99%;
	  margin-top:-1%;
	 position: absolute;
z-index: 1; 
}

	#latar_hitam_pembuka {
	/* background-color:#22201C;  */
	background-color:transparent; 
    float: right;
	/* margin-left: 10%; */
	 width: 57%;
	  margin-top:0%;
}

#latar_hitam_client {
	background-color:transparent; 
    float: right;
	/* margin-left: 10%; */
	 width: 79%;
	  margin-top:0%;
}

#latar_hitam_contact {
	background-color:transparent; 
    float: right;
	/* margin-left: 10%; */
	 width: 99%;
	  margin-top:0%;
}

#latar_hitam_service{
		background-color:transparent; 
    float: right;
	 width: 79%;
	  margin-top:0%;
}

#latar_hitam_training{
		background-color:transparent; 
    float: right;
	 width: 80%;
	  margin-top:0%;
}

#latar_hitam_galery {
	 background-color:transparent; 
    float: right;
	 width: 100%;
}



#wadahBanner {
	 background-color:transparent;
	width:100%;  /*325px;  */
	z-index: 100;
    float: right;
 position:absolute;

}

#wadahBanner_profile {
	 background-color:#22201C; 
	width:100%;  /*325px;  */
	z-index: 100;
    float: right;
 position:absolute;

}

#wadahBanner_profile_histori,#wadahBanner_profile_vision {
	 background-color: #22201C;
width: 100%;
z-index: 100;
float: right;
position: absolute;
margin-top: -2px;
margin-left: -2px;
}

.garis_kuning_service_profile_histori ,.garis_kuning_service_profile_vision{
    margin-left: -1%;
    margin-top: 58px;
    border-bottom: 1px solid #B87832;
    background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
    background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
    background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
    background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832);
    padding: 10px;
    width: 100%;
    position: absolute;
}

#wadahBanner_pembuka {
	 /* background-color:#22201C;  */
	  background-color:transparent; 
width: 100%;
z-index: 100;
float: right;
position: absolute;
margin-top: -2px;
right: 0px;

}

#wadahBanner_client {  /* HP */
	 background-color:transparent; 
	width:100%;  /*325px;  */
	z-index: 100;
    float: right;
 position:absolute;

}

#wadahBanner_contact {  /* HP */
	 background-color:transparent; 
	width:100%;  /*325px;  */
	z-index: 100;
    float: right;
 position:absolute;

}

#wadahBanner_service {
	 background-color:transparent; 
	width:100%;  /*325px;  */
	z-index: 100;
    float: right;
 position:absolute;

}

#wadahBanner_training {
	 background-color:#22201C; 
	width:125%;  /*325px;  */
	z-index: 100;
    float: right;
 position:absolute;
 

}

#wadahBanner_galery {
 background-color: transparent;   /* #22201C */
width: 100%;
z-index: 100;
float: right;
 /* margin-right: -80px; */
}

#banner_ces_pembuka {
    margin-left: 57%;
}

	#banner_ces {
	margin-left: 14%;
margin-top: 1px;
	
	}

	#banner_ces_client {
	margin-left: 21%;
}

	#banner_ces_profile {
	margin-left: 21%;
}

#banner_ces_profile_histori,#banner_ces_profile_vision{
    margin-left: 62%;
}

	#banner_ces_contact {
	margin-left:57%;
		width:205px;
	height:60px;
}

	#banner_ces_service {
	margin-left: 42%;
}

	#banner_ces_training {
	margin-left: 63%;
}

#banner_ces_galery {
	margin-left:65%;  /*  58% */
}

.wadah_info_contact {
    color: #fff;
	margin-top: 240px; 
	float: left;
/* opacity: 0.95; */
min-height: 976px; /*   732px */
margin-top:51px;
margin-left: -2px;
width: 100%;
/* overflow-y: scroll; */
background-color: #22201C;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
font-size: 16px;
z-index:10;
	
}

#wadah_foto_profile_home {
height: 750px;
width: 100%;
margin-top: -104px;
margin-left: -8px;
background-size: cover;
position: absolute;
z-index: 0;
}

.kotak_judul_banner_galery{
	margin-left:0%;
	float:left;
	position: absolute;
}

.kotak_judul_banner_contact{
	margin-left:0%;
	float:left;
	position: absolute;
	margin-top:10px;
}

.kotak_judul_banner{
	margin-left:1%;
	float:left;
	position: absolute;
	z-index: 102;
}

	#wadah_ikon_online_muka_profile {
	display:none; /*  block */
	height:auto;
	width:auto;
	top:91%;
/* 	float:left; */
	z-index:999;
	position:absolute;
	}
	
	#wadah_ikon_online_muka_pembuka {
	display:none; /*  block */
	height:auto;
	width:auto;
	top:91%;
/* 	float:left; */
	z-index:999;
	position:absolute;
	}
	
	#wadah_ikon_online_muka_client{
	display:none; /*  block */
	height:auto;
	width:auto;
	top:91%;
	z-index:999;
	position:absolute;	
	}
	
	#wadah_ikon_online_muka_contact{
	display:block;
	/* height:auto; */
	width:auto;
	top:94%; /* 93.5% */
	z-index:32;
	position:fixed;	  /* absolute  */
	}

	#wadah_ikon_online_muka_service{
	display:none; /*  block */
	height:auto;
	width:auto;
	top:91%;
	z-index:999;
	position:absolute;	
	}
	
	#wadah_ikon_online_muka_training{
	display:none; /*  block */
	height:auto;
	width:auto;
	top:91%;
	z-index:999;
	position:absolute;	
	}
	
	#kotak_tulisan_training{
background-color: #C6924F;
width: 100%;
height: auto;  /* 100% */
min-height: 20px;   /* 240px */
margin-top: 10px;
float: left;
overflow: hidden;
overflow-y: scroll;
margin-left: 0px;
position: absolute;
}

#kotak_foto_training {
width: 100%;
background-color: #C6924F;
float: left;
height: 1006px;
margin-top: 58px;
margin-left: -8px;
position: absolute;
}

#kotak_foto_profile_histori {
    width: 208%;
    background-color: #22201C;
    float: left;
    height: 683px;
    margin-top: 67px;
    margin-left: -8px;
}

#kotak_foto_profile_medical {
    width: 208%;
    background-color: #22201C;
    float: left;
    height: 683px;
    margin-top: 67px;
    margin-left: -8px;
}

#kotak_foto_profile_edu {
	width: 104%;
    background-color: #22201C;
    float: left;
    height: 683px;
    margin-top: 67px;
    margin-left: -8px;
}





#fancybox-close, #fancybox-close_bawah, #fancybox-close_service ,#fancybox-close_client,#fancybox-close_contact,#fancybox-close_bawah_service,#fancybox-close_bawah_client_medical,#fancybox-close_bawah_client_govern,
#fancybox-close_bawah_client_finance,#fancybox-close_bawah_client_edu,#fancybox-close_bawah_client_lain,#fancybox-close_bawah_contact  {
    background-image: url('fancybox_sprite.png');
}

#fancybox-close_service {
    top: 66px;
}

#fancybox-close_bawah_client_medical{
    position: fixed;
    right: 425px; /*453px*/
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 80;
}

#fancybox-close_bawah_client_medical{
	top: 94%;
	display:none;}

#fancybox-close_bawah_client_govern{
 position: fixed;
    right: 425px; /*453px*/
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 80;
}

#fancybox-close_bawah_client_finance{
 position: fixed;
    right: 425px; /*453px*/
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 80;
}

#fancybox-close_bawah_client_edu{
 position: fixed;
    right: 425px; /*453px*/
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 80;
}

#fancybox-close_bawah_client_lain{
 position: fixed;
    right: 425px; /*453px*/
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 80;
}

#fancybox-close_bawah_client_govern{
	top: 94%;
	display:none;}
	
#fancybox-close_bawah_client_finance{
	top: 94%;
	display:none;}

#fancybox-close_bawah_client_edu{
	top: 94%;
	display:none;}

#fancybox-close_bawah_client_lain{
	top: 94%;
	display:none;}
	
#fancybox-close_bawah_service   {
    position: fixed;
     /*  right: 360px ; 281px */
	left: 306px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 80;
}

#fancybox-close_bawah_client_medical{
    position: fixed;
    right: 68% ; /*  281px */
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 80;
}

#fancybox-close_bawah_client_govern{
    position: fixed;
    right: 68% ; /*  281px */
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 80;
}

#fancybox-close_bawah_client_finance{
    position: fixed;
    right: 68% ; /*  281px */
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 80;
}

#fancybox-close_bawah_client_edu{
    position: fixed;
    right: 68% ; /*  281px */
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 80;
}

#fancybox-close_bawah_client_lain{
    position: fixed;
    right: 68% ; /*  281px */
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 80;
}

#fancybox-close_bawah_contact   {
    position: fixed;
    right: 425px; /*453px*/
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 80;
}
#fancybox-close_bawah_service {
	top: 94%;
	display:none;}

#fancybox-close_bawah_client_medical{
	top: 94%;
	display:none;
}

#fancybox-close_bawah_client_govern{
	top: 94%;
	display:none;
}

#fancybox-close_bawah_client_finance{
	top: 94%;
	display:none;
}

#fancybox-close_bawah_client_edu{
	top: 94%;
	display:none;
}

#fancybox-close_bawah_client_lain{
	top: 94%;
	display:none;
}

#fancybox-close_service {
    position: absolute;
 /*   right: 360px; */ /*281px  360px */
	left: 306px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 80;
}
#fancybox-close_client {
top: 60px;
}
#fancybox-close_client {
    position: absolute;
    right:68% ;/*425px  */
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 80;
	
}

#fancybox-close_contact {
top: 150px;
left: 92%;
}


#fancybox-close_contact {
    position: absolute;
    right: 330px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8;
	
}

#fancybox-close_bawah_contact {
    top: 93%;
    right: 5px;
    display: none;
}



#wadah_foto_profile_edu, #wadah_foto_profile_research,#wadah_foto_profile_histori {
    height: 1050px;
    width: 100%;
    margin-top: 10px;
    margin-left: -9px;
    background-size: cover;
    position: absolute;
}




#fancybox-close {
    top:232px;
}

#fancybox-close, #fancybox-close_bawah {
    position: fixed;
    right: 18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 80;
}

#fancybox-close_bawah {
    top: 900px;
    display: none;
}


#wadah_setelahdibuka_home {
    position: absolute;
    /* margin-top: 30px; */
    top: 86%;
    width: 100%;
}

.kotak_isian {
    float: left;
    width: auto;
    z-index: 1;
}

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

.wadah_login {
width: 45%;
height: auto;
position: absolute;
margin-left: 27%;
margin-top: 0;
}

#wadah_galery {
    background-color: transparent;
    margin-left:2% ; /* 8px  50px*/
	height: 100%; /* 950px*/
}

.wadah_foto_home{
	width:100%;
	height:auto;
margin-left: 161px;
position: fixed;
z-index: 99;
top: 75%;
}

.foto_home {
    width: 110px;
    float: left;
    padding-right: 31px;
}

#kotak_judul {
    color: #fff;
    width: 87%;
    height: 55px;
    float: left;
    overflow-y: hidden;
    padding-bottom: 5px;
    font-size: 14px;
    text-align: justify;
}

#welcome{
font-size: 20px;
}

#judul767{
font-size: 30px;
}

#diminati767 {
font-size: 24px;
}

#judulgaleri{
font-size: 24px;
}


#wadah_foto_training {
    height: 800px;
    width: 100%;
}



} /* akhir dari TABLET	 */


/*  = = = = = =  BATAS  AKHIR (min-width:480px) and (max-width:767px)  = = = = = =   */


/* HP fixed */
/* @media (max-width:767px) { */
@media (max-width:479px) {
	h3 { /* satufok1  */
		font-size: 11px;
	}
#wadah_tombol_home{
display:block;
margin-top: 103px;
margin-left: 261px;
z-index:99;
position: fixed;
}

#wadah_tombol_training{
/* display: block;
margin-top: -140px;
margin-left: 261px;
z-index: 99;
position: absolute; */

display: block;
margin-top: -367px;
margin-left: 130px;
z-index: 99;
position: absolute;
}

#wadah_pembuka_ces{
	 opacity:0.85;
	 height:auto;
	 width:auto; 
}

#wadah_setelahdibuka_home,#wadah_setelahdibuka_palingdiminati,
#wadah_setelahdibuka_palingdiminati_profile,#wadah_setelahdibuka_palingdiminati_client,#wadah_setelahdibuka_palingdiminati_contact,
#wadah_setelahdibuka_palingdiminati_pembuka,#wadah_setelahdibuka_palingdiminati_service,#wadah_setelahdibuka_palingdiminati_training{
	opacity:0.85;
	background-color:#22201C ;
	overflow: hidden;
	position:absolute;
height:auto;

}

#wadah_setelahdibuka_home{
	position:absolute;
	/* margin-top:30px; */
	/* top:80%; */
	width:100%;
	
	top: 440px;
    left: 0px;
	height: 122px;
}


#wadah_setelahdibuka_palingdiminati{
/* margin-top:130px;
margin-left:76px; */
z-index: 10;
top:93%;
left:76px;
    width: 100%;
}

#wadah_setelahdibuka_palingdiminati_profile {
z-index: 10;
top:94%;
left:76px;
width:100%;
display: none;   /* block */
}

#wadah_setelahdibuka_palingdiminati_pembuka {
z-index: 10;
top:94%;
left:76px;
width:100%;
display: block;
}

#wadah_setelahdibuka_palingdiminati_client {   /* ada di tpl_footer */
     z-index: 10;   /* 10 */
top: 94%;
bottom: -11px;
left: 76px;
width: 100%;
display: block;
position: fixed;
overflow: hidden;
}

#wadah_setelahdibuka_palingdiminati_contact{
     z-index: 10; 
    top: 94%;
    left: 76px;
    width: 100%;
	display: block;
}

#wadah_setelahdibuka_palingdiminati_service{
   /*  z-index: 10; */
    top: 95%;
    left: 76px;
    height: 9%;
    width: 100%;
	display: block;
}

#wadah_setelahdibuka_palingdiminati_training{
   /*  z-index: 10; */
    top: 95%;
    left: 76px;
    height: 9%;
    width: 100%;
	display: block;
}

#wadah_tombol_bawah{
/* margin-top: 96%;
margin-left: 90%; */

margin-top: 428px;
margin-left: 90%;
position: absolute;
z-index: 99;
}

#kotak_judul {
    color: #fff;
    width: 87%;
    height: 55px;
    float: left;
    overflow-y: hidden;
    padding-bottom: 5px;
    font-size: 11px;
    text-align: justify;
}

.form_pelatihan{
	margin-left: 0%;
width: 100%;
height: auto;
position: absolute;
z-index: 3;
margin-top: 63px;
}

.kotak_isian{
	float:left;
	width:auto;

}

.kotak_tulisan{
	float:left;
	 width:110px; 
	text-align:left;
	padding-right:10px;

}

#tampil_pesan {
	width:100px;
	height:10px;
	background-color:#FF0000;
	position:absolute;
}




}/*  batas akhir HP */



/* HP  fixed */
/* @media (max-width:767px) { */
@media (max-width:479px) {
	
	.portlet {
    -webkit-box-shadow: #F9F9F9 0 1px 0 inset;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    box-shadow: #F9F9F9 0 1px 0 inset;
    margin-bottom: 20px;
    min-height: 40px;
    background-color: #22201C;
   
}

.post{
	overflow-y:hidden;
	position:relative;
}	
	.wadah_isi_home {
		margin-top:0px;
	}
	
	#latar_hitam  {
	background-color:#22201C; 
    float: right;
	/* margin-left: 10%; */
	 width: 57%;
	  margin-top:0%;
}



	#latar_hitam_profile {
	background-color:#22201C; 
    float: right;
	/* margin-left: 10%; */
	 width: 57%;
	  margin-top:0%;
}

	#latar_hitam_profile_histori,#latar_hitam_profile_vision {
	background-color:#22201C; 
    float: right;
width: 57%;
margin-top: -2px;
margin-left: -4px;
}

	#latar_hitam_pembuka {
	background-color:#22201C; 
    float: right;
	 width: 57%;
	  margin-top:-1%; 
	  
 
}

#latar_hitam_client {
	background-color:transparent; 
    float: right;
	/* margin-left: 10%; */
	 width: 79%;
	  margin-top:0%;
}

#latar_hitam_contact {
	background-color:transparent; 
    float: right;
	/* margin-left: 10%; */
	 width: 79%;
	  margin-top:0%;
}

#latar_hitam_service{
		background-color:transparent; 
    float: right;
	 width: 79%;
	  margin-top:0%;
}

#latar_hitam_training{
background-color: #22201C;
float: right;
width: 100%;
margin-top: 0%;
}

#latar_hitam_galery {
	 background-color:transparent; 
    float: right;
	 width: 100%;
}


#wadahBanner {
	 background-color:transparent; 
	width:100%;  /*325px;  */
	z-index: 100;
    float: right;
 position:absolute;

}

#wadahBanner_profile {
	 background-color:#22201C; 
	width:100%;  /*325px;  */
	z-index: 100;
    float: right;
 position:absolute;

}

#wadahBanner_profile_histori,#wadahBanner_profile_vision {
background-color: #22201C;
width: 176%;
z-index: 100;
float: right;
position: absolute;
margin-top: -2px;
}

#wadahBanner_pembuka {
	 background-color:#22201C; 
	width:100%;  /*325px;  */
	z-index: 100;
    float: right;
 position:absolute;

}

#wadahBanner_client {  /* HP */
	 background-color:transparent; 
	width:100%;  /*325px;  */
	z-index: 100;
    float: right;
 position:absolute;

}

#wadahBanner_contact {  /* HP */
/* 	 background-color:transparent; 
	width:100%;  
	z-index: 100;
    float: right;
 position:absolute; */
    background-color: #22201C;
    width: 100%;
    z-index: 100;
    float: right;
    position: absolute;
    margin-left: -75px;
	height: auto;
}


#wadahBanner_service {
	 background-color:transparent; 
	width:100%;  /*325px;  */
	z-index: 100;
    float: right;
 position:absolute;

}

#wadahBanner_training {
	 background-color:transparent; 
	width:100%;  /*325px;  */
	z-index: 100;
    float: right;
 position:absolute;

}

#wadahBanner_galery {
	 background-color:transparent ;  /* # 22201C */ 
width: 100%;
z-index: 100;
float: right;
margin-right: 10px;
}


	#banner_ces {
	margin-left:0px;
	
	}

	#banner_ces_pembuka {
    margin-left: 0%;
	}

	#banner_ces_client {
	margin-left: 21%;
}

	#banner_ces_profile {
	margin-left: 21%;
}

	#banner_ces_profile_histori ,#banner_ces_profile_vision{
	margin-left: 42%;
}

	#banner_ces_contact {
	/* margin-left: 21%; */
margin-left: 42%;
}

	#banner_ces_service {
	margin-left: 21%;
}

	#banner_ces_training {
	margin-left: 53%;
}

#banner_ces_galery {
	margin-left: 51%;
}
.kotak_judul_banner_galery{
	margin-left:0%;
	float:left;
	position: absolute;
}

.kotak_judul_banner_contact{
/* 	margin-left:-19%;
	float:left;
	position: absolute;
	margin-top:10px;
	z-index: 2; */
	margin-left: -19%;
float: left;
position: absolute;
margin-top: 10px;
z-index: 101;
}

.kotak_judul_banner{
	margin-left:1%;
	float:left;
	position: absolute;
}

	#wadah_ikon_online_muka_profile {
	display:none; /*  block */
	height:auto;
	width:auto;
	top:91%;
/* 	float:left; */
	z-index:999;
	position:absolute;
	}
	
	#wadah_ikon_online_muka_pembuka {
	display:none; /*  block */
	height:auto;
	width:auto;
	top:91%;
/* 	float:left; */
	z-index:999;
	position:absolute;
	}
	
	#wadah_ikon_online_muka_client{
	display:none; 
	height:auto;
	width:auto;
	top: 501px;
	z-index:999;
	position:absolute;	
	}

	#wadah_ikon_online_muka_contact{
	display:block;
	height:auto;
	width:auto;
	top:89%;
	z-index:32;
	position:fixed;	
	}
	
	#wadah_ikon_online_muka_service{
	display:none; /*  block */
	height:auto;
	width:auto;
	top:91%;
	z-index:999;
	position:absolute;	
	}

	#wadah_ikon_online_muka_training{
	display:none; /*  block */
	height:auto;
	width:auto;
	top:91%;
	z-index:999;
	position:absolute;	
	}
	
	#kotak_foto_training {
width: 100%;
background-color: #C6924F;
float: left;
height: 100%;
margin-top: 78px;
margin-left: -8px;
position: absolute;
z-index: 7;
}

	#kotak_kanan_hitam_training {
    float: left;
    opacity: 0.85;
    min-height: 577px;
    margin-top: 80px;
    margin-left: -8px;
    width: 79%;
    position: absolute;
    overflow-y: scroll;
    background-color: #22201C;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	z-index: 10;
}

#kotak_tulisan_training {
    background-color: #C6924F;
    width: 100%;
	height: 150px;  /* 100% */
min-height: 20px;   /* 540px */
    margin-top: 0px;
    float: left;
    overflow: hidden;
    overflow-y: scroll;
    margin-left: 3px;
}


.garis_kuning_service_profile_histori,.garis_kuning_service_profile_vision {
    margin-left: -1%;
    margin-top: 58px;
    border-bottom: 1px solid #B87832;
    background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
    background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
    background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
    background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832);
    padding: 10px;
    width: 168%;
    position: absolute;
}

#kotak_foto_profile_histori {
    width: 209%;
    background-color: #22201C;
    float: left;
    height: 480px;
    margin-top: 78px;
    margin-left: -8px;
}

#kotak_foto_profile_medical {
    width: 209%;
    background-color: #22201C;
    float: left;
    height: 480px;
    margin-top: 78px;
    margin-left: -8px;
}

#kotak_foto_profile_edu {
/*     width: 209%;
    background-color: #22201C;
    float: left;
    height: 480px;
    margin-top: 78px;
    margin-left: -8px; */
	
	width: 109%;
background-color: #22201C;
float: left;
height: 480px;
margin-top: 8px;
margin-left: -8px;
position: absolute;
	
}

#wadah_foto_profile_home {
    height: 600px;
    width: 100%;
margin-top: -6px;
margin-left: -12px;
background-size: cover;
position: absolute;
z-index: 0;
}

#on_off_training {
display: block;
margin-top: -266px;
}

#tombol_atas_training{
	margin-top: 200px;
margin-left: 130px;
}

#tombol_atas_medical{
	margin-top: 200px;
margin-left: 130px;
}

#wadah_tombol_training {
	display: block;
margin-top: -126px;
margin-left: 121px;
z-index: 19;
position: absolute;
}

#wadah_tombol_medical{
	display: block;
margin-top: -126px;
margin-left: 121px;
z-index: 19;
position: absolute;
}

#wadah_foto_profile_contact {
    height: 560px;
    width: 100%;
    margin-top: 0px;
    margin-left: -7px;
    background-size: cover;
	position: absolute;
}

#wadah_foto_profile_histori {
    height: 560px;
    width: 100%;
    margin-top: 69px;
    margin-left: -9px;
    background-size: cover;
    position: absolute;
}

#wadah_foto_profile_edu{
	height: 560px;
width: 105%;
margin-top: 0px;
margin-left: -9px;
background-size: cover;
position: absolute;
}

#wadah_foto_profile_research{
	height: 560px;
width: 105%;
margin-top: 0px;
margin-left: -9px;
background-size: cover;
position: absolute;
}

#fancybox-close,#fancybox-close_bawah {
    position: absolute;
    
    right: 18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 80;
}
#fancybox-close,#fancybox-close_bawah,#fancybox-close_service,#fancybox-close_client,#fancybox-close_contact,#fancybox-close_bawah_service,#fancybox-close_bawah_client_medical,#fancybox-close_bawah_client_govern,
#fancybox-close_bawah_client_finance,#fancybox-close_bawah_client_edu,#fancybox-close_bawah_client_lain,#fancybox-close_bawah_contact{
	background-image: url('fancybox_sprite.png');
}

#fancybox-close{ top: 66px;}
#fancybox-close_bawah {
	top: 85%;
	display:none;}

#fancybox-close_service,#fancybox-close_client,#fancybox-close_bawah_service,#fancybox-close_bawah_client_medical,#fancybox-close_bawah_client_govern,
#fancybox-close_bawah_client_finance,#fancybox-close_bawah_client_edu,#fancybox-close_bawah_client_lain,#fancybox-close_bawah_contact   {
    position: fixed;
 /*   right: 53px; */
	left: 76%;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 80;
}

#fancybox-close_bawah_service {
	top: 84%;
	display:none;}

#fancybox-close_bawah_client_medical{
	top: 84%;
	display:none;	

	}

#fancybox-close_bawah_client_govern{
	top: 84%;
	display:none;	
	}

#fancybox-close_bawah_client_finance{
	top: 84%;
	display:none;	
	}

#fancybox-close_bawah_client_edu{
	top: 84%;
	display:none;	
}

#fancybox-close_bawah_client_lain{
	top: 84%;
	display:none;	
}
	
#fancybox-close_bawah_contact {
	top: 93%;
	right: 5px;
	display:none;}
	
#fancybox-close_client {
	top: 68px;
}

#fancybox-close_service { top: 72px;}	
	


#fancybox-close_contact {
top: 121px;
left: 88%;
}
#fancybox-close_contact {
    position: absolute;
    right: 330px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8;
	
}
.content_depanku {
    text-align: justify;
    padding: 10px;
    border-radius: 10px 10px 10px 10px;
    font-size: 12px;
}

.foto_best_seller {
width: 50px;
height: 35px;
float: left;
padding-left: 10px;
}

.judul_foto_home {
    width: 68%;
    height: 41px;
	font-size: 11px;
}

.foto_home {
width: 50px;
float: left;
padding-right: 10px;
}



}/*  batas akhir media HP max 497px */


/* HP  fixed */
/* @media (max-width:767px) { */
@media (max-width:479px) {
.garis_kuning_service_client{
	margin-left:0px;
	margin-top:0.45%;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
}

.garis_kuning_service_contact{
	margin-left:0px;
	margin-top:3px;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
	position: absolute;
z-index: 9;
width: 100%;
}

.garis_kuning_service_service{
	margin-left:0px;
	margin-top:0.45%;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
}

.garis_kuning_service_training{
	margin-left: -7px;
margin-top: 59.45px;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
	position: absolute;
}

.garis_kuning_service_profile {
	margin-left:0%;
	margin-top:50px;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
	width: 97%;
position: absolute;
}

.garis_kuning_service_bawah_client{
	margin-left:0px;
/*	margin-top: 160%;  /* satufok1  138.5%  -- 78%;   */
	bottom: 5%;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
	z-index:99;
	position: absolute;
    overflow: hidden;
    width: 100%;
}

.garis_kuning_service_bawah_contact{
margin-left: -4px;
/* margin-top: 443px;  /* satufok1  138.5%  -- 78%;   */ 

bottom: 40px;
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
	z-index:99;
	position: fixed;
    overflow: hidden;
    width: 100%;
}

.garis_kuning_service_bawah_service{
	margin-left:0px;
	margin-top:138.75%;  /* satufok1  116.5%;   64.5%;   */
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
	z-index:10;
	    position: absolute;
    width: 100%;
	overflow:hidden;
}

.garis_kuning_service_bawah_training{
	margin-left:0px;
	margin-top:138.75%;  /* satufok1  116.5%;   64.5%;   */
	border-bottom:1px solid #B87832;
	background-image: -moz-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -webkit-linear-gradient(left,#B87832, #FFFCC8,#B87832);
	background-image: -o-linear-gradient(left, #B87832,#FFFCC8, #B87832);
	background-image: linear-gradient(to right,#B87832, #FFFCC8,#B87832); 
	padding:10px;
	z-index:10;
	    position: absolute;
    width: 100%;
	overflow:hidden;
}

.wadah_info_contact {
/* 	background-color:transparent;
	margin-top: 240px; */
	float: left;
opacity: 0.95;
min-height: 732px;
margin-top: 79px;
margin-left: -2px;
width: 96%;
overflow-y: scroll;
background-color: #22201C;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
font-size: 11px;
	
	
}

}

/* HP  fixed */
/* @media (max-width:767px) { */
@media (max-width:479px) {
.garis_kuning_bawah_kanan.letak{
margin-top:91%;
}
}


/* HP  fixed*/
/* @media (max-width:767px) { */
@media (max-width:479px) {

#kotak_kanan_hitam{
		float:left;   /* satufok1  right */
 opacity:1; 
min-height:577px; /* 500px; */
margin-top:80px;  /* 54%; */
margin-left:-7px;
width: 100%; /* 275px; */

background-color:#22201C; /* 22201C  satufok1  transparent */
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
}

#kotak_kanan_hitam_client {
float:left;   /* satufok1  right */
 opacity:0.85;
min-height:577px; /* 500px; */
margin-top:16%;  /* 54%; */
margin-left:1px;
width: 100%; /* 275px; */
    position: absolute;
    overflow-y: scroll;
background-color:#22201C; /* satufok1  transparent */
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
}

#kotak_kanan_hitam_contact {
float:left;   /* satufok1  right */
 opacity:0.85;
min-height:577px; /* 500px; */
margin-top:57px;  /* 54%; */
margin-left:1px;
width: 100%; /* 275px; */
    position: absolute;
    overflow-y: scroll;
background-color:transparent ; /* satufok1  #22201C */
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
z-index:4;
color: #fff;
}


#kotak_kanan_hitam_service {
float:left;   /* satufok1  right */
 opacity:0.85;
min-height:577px; /* 500px; */
margin-top:16%;  /* 54%; */
margin-left:1px;
width: 100%; /* 275px; */
    position: absolute;
    overflow-y: scroll;
background-color:#22201C; /* satufok1  transparent */
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
}

#kotak_kanan_hitam_training,#kotak_kanan_hitam_recentpost ,#kotak_kanan_hitam_post_recentpost{
float:left;   /* satufok1  right */
 opacity:0.85;
min-height:577px; /* 500px; */
 /* margin-top:16%;  /* 54%; */
 /* margin-left:1px; */
width: 69%; /* 275px; */
    position: absolute;
    overflow-y: scroll;
background-color:#22201C; /* satufok1  transparent */
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
}

#kotak_kanan_hitam_training{
margin-top: 80px;    /* 0px */
margin-left:-7px;    /* 1px */
width: 80%;
}


#kotak_kanan_hitam_recentpost{
margin-top: 1px;    /* 0px */
margin-left:1px;
width: 100%;
}

#kotak_kanan_hitam_post_recentpost{
margin-top:1px;    /* 20px */
margin-left:1px;
width: 100%;
}

#kotak_kanan_hitam_profile{
float: left;
opacity: 0.85;
min-height: 732px;
margin-top: 79px;
margin-left: -2px;
width: 81%;
overflow-y: scroll;
background-color: #22201C;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
font-size: 11px;
}

#kotak_kanan_hitam_profile,#kotak_kanan_hitam_profile_competitive,#kotak_kanan_hitam_profile_sosial,#kotak_kanan_hitam_profile_research,#kotak_kanan_hitam_profile_profesi,#kotak_kanan_hitam_profile_histori,#kotak_kanan_hitam_profile_vision{
float:right;
background-color:#22201C; /* satufok1  transparent */
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
height:100%;
min-height: 315px;
margin-top:79px ;    /* 81px  0px */
/* margin-right: 21px; */
margin-left:-1% ;   /* 46% */
width:82%;   /*  54% */
position: absolute;
padding-right:10px;
padding-left:25px;
}

#kotak_kanan_hitam_profile_sosial,#kotak_kanan_hitam_profile_competitive,#kotak_kanan_hitam_profile_profesi,#kotak_kanan_hitam_profile_histori,#kotak_kanan_hitam_profile_vision{
float: left;
opacity: 0.85;
/* min-height: 732px; */
margin-top: 280px;
margin-left: -2px;
width: 100%;
/* height: 315px;  */  /* auto */
height: 100%; 
overflow-y: scroll;
background-color: #22201C;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}

#kotak_kanan_hitam_profile_research{
float: left;
opacity: 0.85;
min-height: 732px;
margin-top: 79px;
margin-left: -7px;
width: 81%;
overflow-y: scroll;
background-color: #22201C;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}

#kotak_kanan_hitam_pembuka{
		float:left;   /* satufok1  right */
 opacity:0.99;
min-height: 732px; /*577px  500px; */
margin-top:17%;  /*75   54%; */
margin-left:-2px;
width: 100%; /* 275px; */
overflow-y:scroll;
background-color:#000; /* 22201C  satufok1  transparent */
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
}

#kotak_kanan_hitam_post{
		float:left;   /* satufok1  right */
 opacity:0.85;
min-height: 732px; /*577px  500px; */
margin-top:56%;  /*75   54%; */
margin-left:-1px;
width: 100%; /* 275px; */
overflow-y:scroll  ;
background-color:#22201C; /* satufok1  transparent */
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
}

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

.wadah_login {
width: 70%;
height: auto;
position: absolute;
margin-left: 14%;
margin-top: 0;
}

#wadah_galery {
    background-color: transparent;
    margin-left: 5px;
}

.wadah_foto_home{
	width:100%;
	height:auto;
	margin-left: 104px;
/* margin-top:44%; */
top: 93%;
position: fixed;
   z-index: 99;
}


.judul_foto_home{
display:none;
}



}


/*  = = = = = =  BATAS  AKHIR (max-width:479px)  = = = = = =   */