/*!HOMEEE */

.hide-bullets {
    list-style:none;
    margin-left: -40px;
    margin-top:20px;
}

.thumbnail {
    padding: 0;
}

  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width:100%;
      margin: auto;
	  
  }






#slideshow { 
	float:left;
	width:100%;
    display: block;
    margin: 0px;
    padding: 0px;
    list-style: none;
    position: relative;
    height: 100%;


	
	
	
}

.headline{
	width:100%;	
	max-height:200px;
	z-index:1;
	position:absolute;
	bottom:10px;
    left: 0;
	float:left;
	background-size: cover;
	overflow:hidden;
}

.hn-berita{
	width:280px;
	margin-left:70px;
	height:130px;
	margin-right:20px;
	background:rgba(0,170,160,0.4);
	
	float:left;
	position:relative;
	left:80px;
}

.hn-artikel{
	width:280px;
	height:130px;
	background:rgba(0,170,160,0.4);
	float:left;
		position:relative;
	left:80px;
	
}

.hn-karir{
	width:280px;
	height:130px;
	background:rgba(0,170,160,0.4);
	float:left;
		position:relative;
	left:105px;
	
}
.hn-deskripsi a{
	color:white;
}
.hn-deskripsi a:hover{
	color:rgba(0,170,160,1);
}

.hn-konten{

	width:100%;
	height:100%;
	opacity:1;
	
	
	color:white;
	
	float:left;
	font-weight:400;
	font-family:Roboto;
	overflow:hidden;
		

	
	
}
judul-hn{
	left:6px;
	position:relative;
	float:left;
	font-size:18px;
	width:100%;
	font-family:roboto;
	font-weight:700;
}
judul-hn-karir{
	left:20px;
	font-size:18px;
	position:relative;
	float:left;
	width:100%;
	font-family:roboto;
	font-weight:700;
}
.hn-gambar{
	width:30%;
	height:70%;
	top:8px;
	left:5px;
	bottom:5px;
	background:white;	
	float:left;
	z-index:0;
	position:relative;
	
}
.hn-deskripsi{
	width:60%;
	height:70%;
	top:8px;
	
	float:left;
	position:relative;
	bottom:0;
	left:20px;
	z-index:2;
	text-align:left;
	font-family:roboto;
	
	
}
.hn-deskripsi-karir{
	width:80%;
	height:70%;
	top:8px;
	
	float:left;
	position:relative;
	bottom:0;
	left:20px;
	z-index:2;
	text-align:left;
	font-family:roboto;
	
	
}
judul{
	font-weight:600;
	font-size:14px;
	text-decoration:left;
	
}

.hn-deskripsi i{
	font-size:12px;
}




#slideshow > div { 
       position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
}



 .isi-sidebar {
	 width:100%; 
	 height:100%;
	 position:fixed;
	
	 background:white;
	
	 -webkit-box-shadow: 2px 0px 5px -1px rgba(255,255,255,1);
-moz-box-shadow: 2px 0px 5px -1px rgba(255,255,255,1);
box-shadow: 2px 0px 5px -1px rgba(255,255,255,1);
 }

.slide1{
	
	width:100%;
	height:100%;
	
	 background-repeat: no-repeat;
	 background-size;certain;

}
.slide2{
	
	width:100%;
	height:100%;

	 background-repeat: no-repeat;


}

img .slide2 {
	width:100%;
	height:100%;
}
.slide3{
	
	width:100%;
	height:100%;

	 background-repeat: no-repeat;


}
.slide4{
	
	width:100%;
	height:100%;

	 background-repeat: no-repeat;


}
.slide5{
	
	width:100%;

	 background-repeat: no-repeat;


}

.slide6{
	
	width:100%;
	height:100%;

	 background-repeat: no-repeat;

   
}

.slide7{
	
	width:100%;
	height:100%;

	 background-repeat: no-repeat;

   
}

.slide8{
	
	width:100%;
	height:100%;

	 background-repeat: no-repeat;

   
}

.slide9{
	
	width:100%;
	height:100%;
	
	 background-repeat: no-repeat;

   
}

.slide10{
	
	width:100%;
	height:100%;

	 background-repeat: no-repeat;

   
}









 /*! konten profile */
 
 .konten2-profile {
	 width:100%;
	 
	 float:left;
	 background:#f7f7f7;
	 margin-left:auto;
	 padding:90px;
	
	 
	 }
	
	 
 .konten1-profile{
	width:100%; 
	 height:100%;
	 position:fixed;
	 text-decoration:none;
	
	 
}

p.konten-company{
	
	  line-height:30px;
	 text-align:justify;
	 font-family:roboto;
	     font-size: 14px;	
	     box-sizing: border-box;
}
p.judul-atas{
	
	Font-size:45px;
	font-family:roboto;
	font-weight:600;
	
}

p.judul-atas-team{
	padding-left:130px;
	Font-size:45px;
	font-family:roboto;
	font-weight:600;
	
}



 
 .konten-profile-1{
	width:28%;
	background:url("img/profile3.jpg");
	background-size:cover;
	float:left;
	transform:skewX(-3deg) translateX(18px); 
	height:100%;
	position:relative;
	z-index:0;
 }
 .konten-profile-2{
	 width:28%;
	 float:left;
		background:url("img/profile2.jpg");
	 transform:skew(-3deg,0deg) translateX(18px); 
	background-size:cover;
	 height:100%;
	 position:relative;
	 z-index:0;
	 
 }
.konten-profile-3{
	 width:43%;
		background:url("img/profile3.jpg");
	 float:left;
	 transform:skewX(-3deg) translateX(18px); 
	 background-size:cover;
	 background-repeat:no-repeat;
     height:100%;
	 position:relative;
	 z-index:0;
}

.konten-profile-1 p {
	position:fixed;
	color:white;
	font-family:roboto;
	left:60px;
	font-size:30px;
	font-weight:600;
	
	
}
.konten-profile-2 p, .konten-profile-3 p {
	
	position:fixed;
	color:white;
	font-family:roboto;
	left:100px;
	font-size:30px;
	font-weight:600;
}

.konten-profile-1 button{
	background-color:#00aaa0;
	border:none;
	position:fixed;
	bottom:40px;
	left:115px;
	transform:skew(3deg,0);
	width:150px;
	height:50px;
	color:white;
	font-family:roboto;
	font-size:14px;
	font-weight:600;
	text-align:center;
	text-decoration:none;
	
	
	
}

.konten-profile-2 button,.konten-profile-3 button{
	
	background-color:#00aaa0;
	border:none;
	position:fixed;
	bottom:40px;
	left:115px;
	transform:skew(3deg,0);
	width:150px;
	height:50px;
	color:white;
	font-family:roboto;
	font-size:14px;
	font-weight:600;
	text-align:center;
	text-decoration:none;
	
}
a {
	text-decoration:none;
}


.konten-profile-1 button:hover,.konten-profile-2 button:hover,.konten-profile-3 button:hover{
	background-color:#018161;
}

 .image{
    background: url('img/company.jpg');
    position:absolute;
    top:-3px;
    left:-3px;
    right:-3px;
    bottom:-3px;

 }

 
 
 
 


  #header-profile{
	
	width:100%;
	height:681px;
	background-image:url("img/header-profile.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	left:0;
	position:relative;
	top:0;
	}
	
#header-profile img {
	vertical-align:center;
}
  

h2.judul-profile1{
	padding-top:20px;
	padding-left:20px;
	margin-top:40px;
	font-family:roboto;
	font-weight:700;
	font-size:30px;
	font-style:italic;
	color:black;
	height:70px;
										
	background:url('img/splash-images.png');
	background-position:left;
	background-repeat:no-repeat;
		
    background-size: contain;


	
}

h3.judul-profile2{

	font-family:roboto;
	font-weight:400;
	font-size:20px;
	font-style:italic;
color:black;
	
}
h3.lokasi1{
	font-weight:700;
}

.gambar-1-profile{
	max-width:100%;
	height:500px;

	border:1px solid white;
	background-image:url("img/profile-1.jpg");
		 background-repeat: no-repeat;
    background-size:contain;

}
#lokasi {

	max-width:100%;
	height:490px;
	margin-right:20px;
	background-image:url("img/locasi.jpg");
	background-repeat:no-repeat;
	background-size:contain;


}
	
}
.gambar-2-profile{
	width:50%;
	height:100%;
	float:left;
	background-image:url("img/location1.jpg");

	background-position:fixed;
	background-repeat:no-repeat;
}
.konten-profile{
	width:50%;
	height:100%;
	float:right;
	
}



/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/*! ------------- OUR Team Profile ---------*/
.konten-ourteam{
	
	width:100%;
	height:auto;
	float:left;
	padding-top:50px;
	
	background:#f7f7f7;
	border-bottom:1px solid #dcdcdc;
	
	
}
.foto-ourteam{
	float:left;
	width:20%;
	height:55%;
	margin-right:20px;
	margin-bottom:20px;
	border-radius:5px 5px 5px 5px;
	border:2px solid white;
-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.28);
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.28);
}
.deskripsi-ourteam{
	float:left;
	width:67%;
	height:80%;
	background:#f7f7f7;
	padding-left:40px;
	margin-bottom:20px;
}

h2.ourteam{
	font-weight:700;
	font-family:roboto;
	font-size:20px;
	color:#5c5c5c;
	
}
h2.ourteams{
	font-weight:600;
	font-family:roboto;
	font-size:15px;
	color:#5c5c5c;
	
}

h2.ourteam-judul{
	font-weight:600;
	font-family:roboto;
	font-size:35px;
	color:#5c5c5c;
} 

h3.ourteam{
	font-weight:400;
	font-family:roboto;
	font-size:14px;
	color:black;
	line-height:30px;
	text-align:justify;
	
}
/*! ---------------SIDE BAR----------- */
#wrapping {
	width:100%-225px;
	margin-left:225px;

	

}

#wrapper {
	margin-left:225px;
	width:100%-260px;
	
	
}

 .sidebar-nav{
	position:fixed;
    float:left;	
    top:0; bottom:0; left:0;
	transform:skew(-3deg,0deg);
	background:#FFFFFF;
	width:260px; 
height:100%;
z-index:2;

	font-family:Roboto;
	font-weight:400;
	font-size:17px;
	
	border-right:1px solid #00aaa0;
-webkit-box-shadow: 6px 1px 10px -2px rgba(0,0,0,0.57);
-moz-box-shadow: 6px 1px 10px -2px rgba(0,0,0,0.57);
box-shadow: 6px 1px 10px -2px rgba(0,0,0,0.57);	

 }
 
  .sidebar-nav2{
	position:fixed;
    float:left;	
    top:0; bottom:0; left:0;
	transform:skew(-3deg,0deg);
	background:#FFFFFF;
	width:260px; 
height:100%;
	font-family:Roboto;
	font-weight:400;
	font-size:17px;
	color:red;
	border-right:1px solid #00aaa0;
-webkit-box-shadow: 6px 1px 10px -2px rgba(0,0,0,0.57);
-moz-box-shadow: 6px 1px 10px -2px rgba(0,0,0,0.57);
box-shadow: 6px 1px 10px -2px rgba(0,0,0,0.57);	

 }
 
.skew{
	transform:skew(3deg,0deg);
	
}


 

	
	
	  

li.footer{
	float:left;
	font-family:open+Sans ;
	font-weight:700;
	font-size:12px;
	background:#00aaa0;
	position:fixed;
	width:100%;
	height:66px;
	
	padding-top:20px;
	padding-left:70px;
	color:black;
	bottom:0px;
	
	

 }
 
 .menus {
	 display:block;
	 height:400px;
	 width:80%;
	transform:skew(3deg,0deg);
	
	 overflow-x:hidden;
	 overflow-y:scroll;
	
 }
 
li , a.tulis,a.active{
	display: block;
    color: #333333;
    padding: 5px 1px 5px 5px;
    text-decoration: none;
}
li.logo {
	margin:auto;
	padding-left:40px;
	}
 ul {
	
	padding: 0;
	background-color:white;
}
.sidebar-nav ul{
	text-decoration:none;
}
li a.active {
    color: #0491ac;
	text-decoration:none;
}
li a:hover:not(.active) {
    text-decoration:none;
    color: #129793;
	border-color:#129793;
}

p.nama {
	
	font-size:20px;
	font-family:roboto;
	font:#848484;    
	padding-left:70px;
	margin:auto;
}

span#glipy{
	float:right;
	padding-right:20px;
}





/*! ---------------------BATAS SIDEBAR-----------*/

 
 /*! ------------------ ISI KONTEN TIAP PAGE -------------*/
 

  
 








/*! konten profile */
#konten1 {
	 width:50%; 
	 height:681px;
	 background:url("img/company.jpg");
	 float:left;
	 border-right:2px solid #eaeeee;
	 
	 
	}
#konten2{
	 width:50%; 
	 height:681px;
	 background:url("img/work.jpg");
	 float:left;

	 
	}
	
#konten1:hover{
	background-image:url("img/company2.jpg");
	transition: background-image 1s ease,
              padding 0.8s linear;

}

#konten2:hover{
	background-image:url("img/work2.jpg");
	transition: background-image 1s ease,
              padding 0.8s linear;
}
	

	 
/*! konten berita*/


a:hover{
	
	text-decoration:none;
}


.berita{
	
	float:left;
	position:relative;
	margin-left:40px;
	margin-bottom:20px;
	max-width:20%;
	size:contain;
	height:300px;
	

	
	
	border:2px solid white;
-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.28);
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.28); 
}
.berita-gambar{
	
	
	width:100%;
	height:60%;

	

}

.berita-judul{
	background:white;
	width:100%;
	height:40%;
	
}
 .berita-sub-judul:hover{
	color:#0497be;

}

.berita:hover {
	
	border:2px solid #71c0c4;
		-webkit-box-shadow: 0px 2px 14px 3px rgba(93,175,189,1);
-moz-box-shadow: 0px 2px 14px 3px rgba(93,175,189,1);
box-shadow: 0px 2px 14px 3px rgba(93,175,189,1);
}

.berita-tanggal{
	width:100%;
	height:25%;
	color:#666666;
	text-align:center;
	font-size:13px;
	padding-top:10px;
	font-style:italic;
	
}
.berita-sub-judul{
	width:100%;
	height:75%;
	color:#333333;
	text-align:center;
	font-size:15px;
	font-weight:700;
	
}
.isi-berita{
    width:100%;
	padding:70px;
	 float:left;
	background:white;
	 margin-left:auto;
} 


  #header-berita{
	
	width:100%;
	height:681px;
	margin:auto;
	background:url("img/header-berita.jpg");
	color:white;
	font-size:70px;
	text-align:center;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:fixed;
	
	
	
	
}

.baca-berita{
	
	
	float:left;
	width:65%;
	
	PADDING:10px;
	font-weight:400;
	margin-left:30px;
	line-height:30px;
	font-family:roboto;
	font-size:14px;
	color:black;
	text-align:justify;
	
}

konten1{
	line-height:25px;
}
weight700{
	font-weight:700;
}


.latenews{
		
	float:left;
	width:100%;
	height:400px;
	margin-top:20px;
	background:#f9f9f9;
	
	


}
.latenews p{
	color:white;
	font-size:20px;
	font-family:roboto;
	font-weight:700;
	width:100%;
	background:#00aaa0;
	
}

.latenews judul{
	color:black;
	line-height:30px;
	font-size:15px;
	font-weight:700;
	font-family:roboto;
	
	
	
	
}
.latenews judul:hover{
	color:#01c5b9;
	text-decoration:underline;
}
/*! konten teknologi */

  
p.judul-atas2{
	
	Font-size:35px;
	font-family:roboto;
	font-weight:600;
	
}

p.judul-atas3{
	
	Font-size:20px;
	font-family:roboto;
	font-weight:600;
	margin-left:10px;
}
	 
	.isi-sidebartek {
	 width:100%;
	 height:7300px;
	 float:left;
	 background:#f7f7f7;
	 margin-left:auto;
	 padding-left:70px;
	 padding-top:60px;
	 overflow:hidden;
	 }
	 

.bagian-1{
	
	height:320px;
	width:100%;
	float:left;
	
}
.bagian-full{
	width:100%;	
}
.gambar-full {
	
	width:55%;
	
	margin-left:250px;
	height:550px;
	float:left;
	margin-bottom:40px;
	
}
.gambar-tek1{
	width:30%;
	height:200px;
	float:left;
	margin-right:10px;
	
}

.gambar-tek2{
	width:30%;
	height:200px;
	float:left;
	margin-right:10px;

}

.gambar-tek3{
	width:30%;
	height:200px;
	float:left;
	margin-right:10px;

}

.des-tek1{
	width:30%;
	height:100px;
	float:left;
	margin-right:10px;
	
}

.des-tek2{
	width:30%;
	height:100px;
	float:left;
	margin-right:10px;

}

.des-tek3{
	width:30%;
	height:100px;
	float:left;
	margin-right:10px;

}

.bagian-2{
	
	height:320px;
	width:100%;
	float:left;
	margin-top:40px;
	
}


.gambar-tek4{
	width:30%;
	height:200px;
	float:left;
	margin-right:10px;
}

.gambar-tek5{
	width:30%;
	height:200px;
	float:left;
	margin-right:10px;
	
}

.gambar-tek6{
	width:30%;
	height:200px;
	float:left;
	margin-right:10px;
	
}

.des-tek4{
	width:30%;
	height:100px;
	float:left;
	margin-right:10px;
	
}

.des-tek5{
	width:30%;
	height:100px;
	float:left;
	margin-right:10px;
	
}

.des-tek6{
	width:30%;
	height:100px;
	float:left;
	margin-right:10px;
	
}

.bagian-3{
	
	height:420px;
	width:100%;
	float:left;
	margin-top:40px;
	
}
.bagian-4{
	
	height:420px;
	width:100%;
	float:left;
	margin-top:40px;
	
}

.gambar-tek7{
	width:45%;
	height:300px;
	float:left;
	margin-right:20px;
	
}
.des-tek7{
	width:45%;
	height:100px;
	float:left;
	margin-right:20px;
	
}

.gambar-tek8{
	width:45%;
	height:300px;
	float:left;

	
}
.des-tek8{
	width:45%;
	height:100px;
	float:left;
	

}


.bagian-4{
	height:500px;
	width:100%;
	float:left;
	margin-top:40px;
	
	
}
.bagian-5{
	height:520px;
	width:100%;
	float:left;
	margin-top:10px;
	
	
}
.des-tek9{
	width:92%;
	height:500px;
	float:left;
	margin:0px auto;

}



.gambar-tek9{
	width:92%;
	margin:0px auto;	
	float:left;
	height:400px;

}
.gambar-tek10{
	
	width:41%;
	float:left;
	height:290px;
	margin-right:20px;
	margin-left:27px;
	
}
.gambar-tek11{
	
	width:41%;
	float:left;
	height:290px;
	margin-right:20px;
	margin-top:10px;
	margin-left:27px;
	
}

.gambar-tek12{
	
	width:45%;
	height:300px;
	float:left;
	
}

.bagian-6{
	
	height:1050px;
	width:100%;
	float:left;
	margin-top:10px;

}

.des-tek10 {
	width:92%;
	height:600px;
	float:left;
	
}

.bagian-7{
	
	height:980px;
	width:100%;
	float:left;
	margin-top:40px;
}

.gambar-tek13{
	width:92%;
	height:300px;
	float:left;
	
	
	
}

.gambar-tek14{
	height:300px;
	width:92%;
	float:left;
	

	
}
.des-tek11{
	height:300px;
	width:92%;
	float:left;
	

	
}

.bagian-8{
	height:720px;
	width:100%;
	float:left;
	margin-top:40px;
}

.gambar-tek15{
	width:92%;
	height:500px;
	float:left;
	
	
}

.des-tek12{

	height:200px;
	width:92%;
	float:left;
	
}

.bagian-9{
	height:720px;
	width:100%;
	float:left;
	margin-top:40px;
}

.gambar-tek16{
	width:92%;
	height:500px;
	float:left;

	
}

.des-tek13{
	
	height:200px;
	width:92%;
	float:left;

}

.bagian-10{
	height:720px;
	width:100%;
	float:left;
	margin-top:40px;
	
}

.gambar-tek17{
	width:45%;
	height:700px;
	float:left;

	
}

.des-tek14{
	margin-left:20px;	
	height:700px;
	width:45%;
	float:left;

}




#header2{
	
	width:100%;
	height:300px;
	margin:auto;
	background-repeat:no-repeat;
	background-size:cover;
	
	
}
#header3{
	
	width:100%;
	height:300px;
	margin:auto;
	background:url("img/ourcompany.jpg");
	background-position:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	
	
}
#header4{
	
	width:100%;
	height:300px;
	margin:auto;
	background:url("img/team.jpg");
	background-position:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	
	
}

#header5{
	
	width:100%;
	height:681px;
	margin:auto;
	background:url("img/header-karir.jpg");
	background-position:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	
	
}




.kontenisi1{
	margin: 50px auto;
	margin-top:50px;
	width:85%;
	height:500px;
	background:#f7f7f7;
}
.kontenisi2{
	margin:auto;
	margin-top:200px;
	width:1000px;
	height:500px;
	
}



/*! -------------- artikel ---------------*/

#header-artikel{
	
	width:100%;
	height:681px;
	margin:auto;
	background:url("img/header-artikel.jpg");
	background-position:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	float:left;
	
	
}
.isi-artikel {
	 width:100%;
	
	 float:left;
	 background:#f7f7f7;
	 margin-left:auto;
	 
	 }
.konten-isi{
	
	width:100%;
	height:auto;
	float:left;
	padding-top:30px;
	padding-left:130px;
	padding-bottom:30px;
	background:#f7f7f7;
	border-bottom:1px solid #dcdcdc;
	
	
}

.foto-artikel{
	float:left;
	width:20%;
	height:55%;
	margin-right:20px;
	
	border-radius:5px 5px 5px 5px;
	border:2px solid white;
-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.28);
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.28);
}
.deskripsi-artikel{
	float:left;
	width:67%;
	height:80%;
	background:#f7f7f7;
	padding-left:20px;
}

h2.artikel{
	font-weight:700;
	font-family:roboto;
	font-size:20px;
	color:#5c5c5c;
	
}
h3.artikel{
	font-weight:400;
	font-family:roboto;
	font-size:14px;
	color:black;
	line-height:25px;
	text-align:justify;
	
}

a.artikel{
	font-size:15px;
	text-decoration:none;
	color:#01c5b9;
}

a.artikel:hover{
	color:#04736c;
}

.baca-gambar-artikel{
	
	float:left;
	margin:auto;
	width:25%;
	height:250px;
	margin-top:26px;
	margin-bottom:80px;
			border:2px solid white;
-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.28);
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.28);
}

.latenews-artikel{
		

	width:100%;
	height:400px;
	margin-top:20px;
	background:#f9f9f9;
	
	


}

.latenews-artikel p{
	color:white;
	font-size:20px;
	font-family:roboto;
	font-weight:700;
	width:100%;
	background:#00aaa0;
	
}

.latenews-artikel judul{
	color:black;
	line-height:30px;
	font-size:15px;
	font-weight:700;
	font-family:roboto;
	
	
	
	
}
.latenews-artikel judul:hover{
	color:#01c5b9;
	text-decoration:underline;
}


/*! --------------- KARIR --------------------*/

.isi-sidebarkarir {
	 width:100%;
	 height:100%;
	 float:left;
	 background:white;
	 padding:60px;
	
	 }
	 

.subkonten1{
	
	float:left;
	margin-top:20px;
	width:30%;
	height:30	0px;
	
	

}


.subkonten2{
	
	
	float:left;
	width:65%;
	height:300px;
	font-weight:400px;
	margin-left:30px;
	margin-bottom:80px;
	font-family:Poiret+One;
	font-size:17px;
	color:#858484;
	text-align:justify;
	line-height:40px;
}



h2.karir{
	
	font-family:Roboto;
	font-weight:700;
	font-size:28px;
	padding-top:200px;
	
	
}

h3.karir {
	font-family:Roboto;
	font-weight:700;
	font-size:19px;
	padding-top:20px;
	text-align:left;
	top:0px;
	
	
	
}
h3.karir1 {
	font-family:Roboto;
	font-weight:700;
	font-size:19px;
	margin-bottom:1px;
	text-align:left;
	padding-bottom:20px;	
	color:#464646;		
	
	
	
}

h4.isi {
	font-family:roboto;
	font-weight:300;
	font-size:14px;
	padding-right:20px;
	text-align:justify;
	color:#858484;
	line-height:25px;
	
	
	
}
h4.karir {
	font-family:Roboto;
	font-weight:300;
	font-size:13px;
	padding-right:20px;
	text-align:justify;
	color:#858484;
	line-height:25px;
	
	
	
}
h4.karir1 {
margin-top:100px;
margin-left:100px;

	
	
	
}

.kontenisi1b{
	margin-left:50px;
	margin-top:50px;
	width:90%;
	
	
	
		
}

.konten-bacaberita{
	margin-left:50px;
	margin-top:50px;
	width:90%;
	
	
	
		
}

warna{
	color:#00aaa0;
}

warna-deskripsi{
	
}

#iconis1{
	
	height:150px;
	width:100%;
	margin-top:80px;
	
	
}
.icon1 {
	
	width:33%;
	height:150px;
	background-image:url("img/quality.png");
	background-repeat:no-repeat;
	float:left;
	margin:0px auto;
	
	background-position:center;
	
	
	
}

#iconis2{
	
	height:150px;
	width:100%;
	margin-top:80px;						
	
}
.icon2{
	
	width:33%;
	height:150px;
	background-image:url("img/utility.png");
	background-repeat:no-repeat;
	float:left;
	margin:0px auto;
		background-position:center;
	
	
	
}

#iconis3{
	
	height:150px;
	width:100%;
	margin-top:80px;						
	
}
.icon3 {
	
	width:33%;
	height:150px;
	background-image:url("img/inovation.png");
	background-repeat:no-repeat;
	float:left;
	margin:0px auto;
		background-position:center;
	
	
	
}

#iconis4{
	
	height:150px;
	width:100%;
	margin-top:80px;						
	
}
.icon4 {
	
	width:33%;
	height:150px;
	background-image:url("img/capability.png");
	background-repeat:no-repeat;
	float:left;
	margin:0px auto;
		background-position:center;
	
	
	
}

#iconis5{
	
	height:150px;
	width:100%;
	margin-top:80px;						
	
}
.icon5 {
	
	width:33%;
	height:150px;
	background-image:url("img/knowledge.png");
	background-repeat:no-repeat;
	float:left;
	margin:0px auto;
		background-position:center;
	
	
	
}

.Deskripsi1 {
	
	width:65%;
	height:170px;
	
	background-repeat:no-repeat;
	float:left;
	margin:0px auto;
	
	
	
	
}



/*! ----------- LIST KARIR --------------*/
.list-karir{
	
	width:100%;
	float:left;
	height:100%;
	padding-top:100px;
	background:#f7f7f7;
	padding-left:100px;

	
}
.isi-karir{
	width:80%;
	
	margin-bottom:70px;
	
	
	float:left;
	
}

.keterangan-karir{
	margin-left:30px;
	width:15%;
	height:100px;
	font-size:10px;
	margin-bottom:70px;
	padding-top:0px;
	float:left;
	background:#00aaa0;
	margin-top:10px;
	padding:10px;
	color:white;
	
}

h6.listkarir{
	text-align:justify;
	line-height:20px;
	font-size:14px;
	font-family:roboto;
	font-weight:300;
	background:white;
	padding:20px;
	border:1px solid white;
	line-height:1.5;
	color:black;
	
}

button.button-karir{
	    background-color: #00aaa0;
	    font-weight: 400;
		font-family: roboto;
		font-size: 15px;
		color: white;
		margin-bottom:30px;
}

h6.ket{
	font-size:12px;
	font-weight:300;
	
	
	font-family:roboto;
	
}

h4.jenis-kar{
	background-color:#00aaa0;
	overflow:hidden;
	font-size:30px;
	color:white;
	padding:10px;
	font-weight:400;
	font-family: 'Oswald', sans-serif;
}
h4.list-kar{
	background-color:#00aaa0;
	overflow:hidden;
	font-size:30px;
	color:white;
	padding:5px;
	font-weight:400;
	font-family:roboto;
}
h5.jenis-kar{
	color:#00aaa0;
	overflow:hidden;
	font-size:20px;
	padding-top:10px;
	font-weight:400;
	font-family: 'Oswald', sans-serif;
}

.karir-detail{
	
	width:100%;
	float:left;
	height:781px;
	padding-top:100px;
	padding-left:100px;

	
}
.karir-detail2{
	
	width:100%;
	float:left;
	height:781px;
	padding-top:100px;
	padding-left:250px;
	padding-right:250px;

	
}

input.form-karir{
	width:100%;
	height:35px;
	border-radius:5px;
	border:0.5px solid #858484;
}
textarea.form-karir-alamat{
	width:100%;
	height:100px;
	padding:10px;
	
	border-radius:5px;
	border:0.5px solid #858484;
}
input.form-karir2{
	width:94%;
	border-radius:5px;
	margin-left:30px;
	height:35px;
	border:0.5px solid #858484;
	
}
input.form-karir3{
	width:30%;
	border-radius:5px;
	margin-left:30px;
	margin-right:10px;
	height:35px;
	border:0.5px solid #858484;
	
	
}
input.form-karir4{
	width:30%;
	border-radius:5px;
	margin-left:10px;
	height:35px;
	border:0.5px solid #858484;
}
input.form-karir5{
	width:50%;
	border-radius:5px;
	margin-left:10px;
	height:35px;
	border:0.5px solid #858484;
}

p.form-karir{
	font-family:roboto;
	font-weight:700;
	position:relative;
	color:#858484;
}
kerja1{
	
	margin-left:30px;
	font-family:roboto;
	font-weight:700;
	color:#858484;
}
kerja2{
	
	
	font-family:roboto;
	color:#858484;
	
}
button.button-karir{
	
	margin-top:40px;
	color:white;
	width:100px;
	height:40px;
	background-color:#00aaa0;;
}

/*! ------------- CSR ------------------ */


.csr-wrapper{
	
	width:100%;
	
	
	

	

	
}

.isi-csr{
	 width:100%;
	 height:2500px;
	 float:left;
	background-image:#f7f7f7;
	 margin-left:auto;
	 padding-left:140px;
	 padding-top:140px;
	
} 

h3.csr {
	font-family:roboto;
	font-weight:700;
	font-size:18px;
	margin-bottom:15px;

	

	color:#464646;		
	line-height:20px;
	
	
}



  #header{
	
	width:100%;
	height:150px;
	background:#00aaa0;
	text-align:center;
	font-weight:700;
	font-family:roboto;
	color:white;
	font-size:40px;
	padding-top:40px;
	position:relative;
	top:0px;
	
	

	
	
	
}

.csr-visi{
text-align:justify;
color:#858484;
line-height:30px;

margin:10px auto;
width:90%;
float:left;
font-size:14px;
font-family:roboto;
padding-left:50px;
padding-right:80px;
background:#f9f9f9;
border:1px solid white;
-webkit-box-shadow: 0px 1px 5px 3px rgba(214,214,214,1);
-moz-box-shadow: 0px 1px 5px 3px rgba(214,214,214,1);
box-shadow: 0px 1px 5px 3px rgba(214,214,214,1);
border-radius:10px 10px 10px 10px;




	
}




.csr_gambar{

float:left;
	width:20%;
	height:55%;
	margin-right:20px;
	
	border-radius:5px 5px 5px 5px;
	border:2px solid white;
-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.28);
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.28);
}
.csr-deskripsi{
	margin-top:20px;
	float:left;
margin-left:2px;
	width:73%;
	
	


}

img.border{
border-radius: 88px 88px 88px 88px;
-moz-border-radius: 88px 88px 88px 88px;
-webkit-border-radius: 88px 88px 88px 88px;
	
}


.csr_isi2{
	
	
	float:left;
	width:60%;
	height:auto;
	font-weight:400px;
	margin-left:30px;
	font-size:14px;
	font-family:roboto;
	line-height:25px;
	color:#858484;
	text-align:justify;
	
}

.csr-detail{
    width:100%;
	 float:left;
	background:#fdfdfd;


} 

.csr_konten2{
width:95%;
background:#fdfdfd;
margin-left:40px;
height:auto;
float:left;
padding-bottom:20px;
padding-top:30px;
border-bottom:1px solid #c8cbcb;
-webkit-box-shadow: 0px 3px 0px 0px rgba(255,255,255,1);
-moz-box-shadow: 0px 3px 0px 0px rgba(255,255,255,1);
box-shadow: 0px 3px 0px 0px rgba(255,255,255,1);



	
}

.csr_gambar2{
	margin-top:20px;
	margin-right:40px;
	float:left;
margin-left:20px;
	width:20%;
	height:200px;
		border:1px solid#f7f7f7;
	border-radius: 22px 22px 22px 22px;
-moz-border-radius: 88px 88px 88px 88px;
-webkit-border-radius: 88px 88px 88px 88px;

	
	
		
-webkit-box-shadow: 2px 1px 16px 2px rgba(214,203,214,1);
-moz-box-shadow: 2px 1px 16px 2px rgba(214,203,214,1);
box-shadow: 2px 1px 16px 2px rgba(214,203,214,1);

}

img.border2{
	border-radius: 22px 22px 22px 22px;
-moz-border-radius: 88px 88px 88px 88px;
-webkit-border-radius: 88px 88px 88px 88px;
	
}


/*! ----------------GALLERY------------------- */



gal-judul{
	color:#00aaa0;
	font-size:26px;
	font-family:roboto;
	font-weight:700;
}
gal-judul2{
	color:#00aaa0;
	font-size:20px;
	font-family:roboto;
	font-weight:400;
	
}

gal-judul2 a {
	text-decoration:none;
	color:#00aaa0;
	
}

.isi-gallery{
	 width:98%;
	
	 padding-top:80px;
	 padding-left:100px;
	 float:left;
	
	 margin-left:auto;
	 
} 

.gal1{
	width:30%;
	height:300px;
	float:left;
	border:1px solid white;
	margin-right:20px;
	position:relative;
	margin-bottom:30px;	
	-webkit-box-shadow: 0px 0px 0px 2px rgba(1,197,185,1);
-moz-box-shadow: 0px 0px 0px 2px rgba(1,197,185,1);
box-shadow: 0px 0px 0px 2px rgba(1,197,185,1);
}

.desc{
	
	width:40%;
	height:15%;
	background:#00aaa0;
	
	position:absolute;
	top	:0px;
	
	
}

.gal1 a{
	text-decoration:none;
	color:white;
}

.gal1:hover,.desc:hover{
	border:2px solid #01c5b9;
	
}




/*! ----------------RESPONSIVE---------------- */
	

@media screen and (max-width:1200px){
	.menus{
		overflow-y: auto;
    overflow-x: hidden;
	}
}

@media screen and (max-width:1030px){
	/*!-- home */
		#wrapper{
		max-width:1030px;
		min-width:460px;
	    margin-left:0px;
	
	}
		#wrapping{
		max-width:1030px;
		min-width:460px;
		margin-left:0px;
		
	}

	
	.sidebar-nav{
		width:100%;
		position:relative;
		height:280px;
		transform:skew(0deg,0deg);
		margin:0;
		padding:0;
		
	}
	li.footer{
		height:20px;
		overflow:hidden;
		
	}
	

	
	.isi-sidebar{
		bottom:0px;
		height:400px;
		width:100%;
		margin:0;
		padding:0;
	}
	
	.sidebar-nav2{
		display:none;	
	}


	li.logo{
		width:150px;
		height:150px;
	}
	
	li.menu{
		font-size:12px;
		float:left;
	}
	
	li.footer{
		bottom:2px;
	}
	

	


	#slideshow{
		width:100%;
		height:100%;
		
	}
	
	.headline{
		display:none;
	}
	
	

	

	
/*!----- Batas home----- */
#header-profile{
display:none;
}

.isi-sidebartek{
	
	padding:auto;
}




#header1{
	display:none;
}
/*!---- ARTIKEL---*/

#header-artikel{
	display:none;
}
.isi-artikel{
	width:100%;
}
.konten-isi{
	width:100%;
	height:100%;
	padding:10px;
}
.foto-artikel{
	width:100%;
}

.deskripsi-artikel{
width:100%;
}

.baca-gambar-artikel{
	width:100%;
	
}




.latenews-artikel{
	
display:none;
}
/*!---- berita--*/

.berita{
margin-top:20px;
max-width:30%;	
margin-right:0;
margin-left:10px;


}
.isi-berita{
	padding:0;
}

.baca-berita{
	width:90%;
}

.konten-bacaberita{
	margin:0;
	
}


/*!-- KARIR --*/

.isi-sidebarkarir{
	width:100%;
	padding:0;
}

h2.karir{
	width:100%;
}

#header5{
	display:none;
}
h4.isi{
	width:100%;
}

.iconis1{
width:100%;
}
.iconis3{
width:100%;
}
.iconis2{
width:100%;
}
.iconis4{
width:100%;
}
.subkonten1{
	display:none;
}
.subkonten2{
	width:100%;
	overflow:hidden;
	font-size:12px;
}
.deskripsi1{
	width:100%;
}
.icon1{
	display:none;
}
.icon2{
	display:none;
}
.icon3{
	display:none;
}
.icon4{
	display:none;
}
.icon5{
	display:none;
}
.list-karir{
	padding:20px;
	min-width:460px;
}

.isi-karir{
	width:70%;
}

.keterangan-karir{
	width:20%;
}
.karir-detail{
	padding:20px;
	min-width:460px;
	width:100%;
	margin:0;
}
.keternagan-karir{
	min-width:100%;
	float:right;
}
/*!---- CSR---*/
.isi-csr{
	width:100%;	
}


.isi-csr{
	padding-left:20px;
}
.csr-visi{
	width:90%;
	margin-left:20px;
	
	
	padding:2px;
}


.csr_isi{
	width:100%;
	margin-top:20px;
	
	padding:2px;
}


.csr_gambar{
	display:none;
}

/*!---- KARIR---*/

#header{
	display:none;
}

/*!--Galery---*/
.thumbnail img{
	
	height:100%;
	width:auto;
}

.thumbnail{
	
	width:auto;
	height:200px;
}

}