body {background-color:  #F0F2F3 ;
	font-family: 'Droid Serif', serif;
	font-size: 16px;
	 }



header .logo img{width: 650px;
	padding-left: 30px}
header {background-color: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f85032+17,f16f5c+45,f6290c+100,e73827+100,f6290c+100 */
background: rgb(248,80,50); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(248,80,50,1) 17%, rgba(241,111,92,1) 45%, rgba(246,41,12,1) 100%, rgba(231,56,39,1) 100%, rgba(246,41,12,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(248,80,50,1) 17%,rgba(241,111,92,1) 45%,rgba(246,41,12,1) 100%,rgba(231,56,39,1) 100%,rgba(246,41,12,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(248,80,50,1) 17%,rgba(241,111,92,1) 45%,rgba(246,41,12,1) 100%,rgba(231,56,39,1) 100%,rgba(246,41,12,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#f6290c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
box-shadow: 0px 5px 5px -2px}

.logo .logoBpib { padding-top: 20px }

.search .navbar-default {
	background-color: transparent;
	border: none;
	float: right;;
	}
.navbar-form {margin-right: 40px;
	padding-top: 30px}
.search form { padding-top: 20px }

.navbar {margin-bottom: 0px}
.navbar-default .navbar-nav > li {padding:0 10px;
}



.navbar-default .navbar-nav > li > a { color: #fff;
	display: block;
	line-height: 30px;
	font-size: 15px;
	}
.navbar-default .navbar-nav > li > a:hover{ background-color: #c0392b;
color: #bdc3c7 }
.navbar-default {background-color: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
background: rgb(255,48,25); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */}

.dropdown-menu > li > a {font-size: 13px;
	line-height: 35px}

.menu .navbar-default {background-color: none;
	background-color: transparent;
	border: none;}
.logomenu img {width: 30px}
.search .imagesKAN img{width: 200px;
	padding-bottom: 15px}
/*HEADER*/


.slider {background-color:} 
.slider img {margin-bottom:20px}




/*SLIDER*/

.wrapperOurTeam{background-color: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#617b9b+1,2b88d9+34,207cca+55,c9d9e5+100 */
background: rgb(97,123,155); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(97,123,155,1) 1%, rgba(43,136,217,1) 34%, rgba(32,124,202,1) 55%, rgba(201,217,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(97,123,155,1) 1%,rgba(43,136,217,1) 34%,rgba(32,124,202,1) 55%,rgba(201,217,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(97,123,155,1) 1%,rgba(43,136,217,1) 34%,rgba(32,124,202,1) 55%,rgba(201,217,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#617b9b', endColorstr='#c9d9e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
box-shadow: 5px 0 13px 2px}
.ourTeam h2{margin-top: 60px;
	margin-bottom: 30px;
	color: #fff}
.ourTeam a {color:#e74c3c;
	list-style:none}
.ourTeam a:hover {color:#bdc3c7}



/*ARTICLE*/
article {margin: 30px 0}
.wrapperArticle {background-color: #fff;
	box-shadow: 5px 0 13px 2px;
}

/*article kiri heading*/
article .heading {background-color:#e74c3c;
	margin-left: 11px;
    margin-top: 15px;
    border-top-left-radius: 15px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 0px}
article .heading img {width:40px;
	float:left;
	padding:10px}
article .heading h2 {padding:10px 5px;
	padding-left:10px;
	margin-top: 0px;
	font-size: 18px}
	
/*article kiri atas*/
.artikelKiriAtas {overflow:hidden;
	float:left;
	line-height: 25px }
.artikelKiriAtas img{float:left;
	width:135px;
	height: 200px;
	padding:10px 10px;
	border:#bdc3c7 solid 2px;
	margin-right:10px;
	margin-left: 10px;
	margin-top: 5px}

.artikelKiriAtas h3 {margin-top:0px}
.artikelKiriAtas h3 {color:#3498db}
.artikelKiriAtas p {margin-left: 10px;
	font-size: 16px}
.artikelKiriAtas a {color:#e74c3c;
	margin-left: 10px}
.artikelKiriAtas a:hover {color:#bdc3c7}

/*article kiri bawah*/
.artikelKiriBawah {overflow:hidden;
	float:left;
	line-height: 25px }
.artikelKiriBawah img {float:left;
	width:200px;
	padding:10px 10px;
	border:#bdc3c7 solid 2px;
	margin-right: 10px;
	margin-left: 10px;
	}
.artikelKiriBawah h3 {margin-left:10px;
	color:#3498db}
.artikelKiriBawah p {margin-left: 10px;
	font-size: 16px}
.artikelKiriBawah a {color:#e74c3c;
	margin-left: 10px}
.artikelKiriBawah a:hover {color:#bdc3c7}

/*article tengah*/
.articleTengah {overflow:hidden;
	float:left;
	height: 700px;
	line-height: 25px }
.articleTengah img {float:center;
	width:200px;
	height: 150px;
	border:#bdc3c7 solid 2px;
	padding:10px 10px;
	margin-top: 5px;
	margin-left: 80px;
	}
.heading {background-color:#e74c3c;
	margin-left: 11px;
    margin-top: 15px;
    border-top-left-radius: 15px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 0px}
.borderArticleTengah {
	border-bottom: #bdc3c7 solid 3px;}
.articleTengah h3 {color:#3498db;
	margin-top: -1px}
.articleTengah a {color:#e74c3c;
	margin-bottom: 50px}
.articleTengah a:hover {color:#bdc3c7}

/*article kanan*/
.articleKanan {overflow:hidden;
	float:left;
	height: 700px;
	}
.borderArticleKanan {
	border-bottom: #bdc3c7 solid 3px;}
.artikelkanan1, .artikelkanan2, .artikelkanan3{overflow:hidden;}

.articleKanan .tanggal {float:left;
	width:90px;;
	font-size:16px;
	margin-top: -3px;
	margin-left: 10px
	}
.articleKanan .paragraf {float:right;
	width:260px;
	font-size: 16px;
	color:#3498db;
	line-height: 25px 
	}
.articleKanan a{color: #e74c3c}
.articleKanan a:hover {color:#bdc3c7}
.articleKanan .paragraf p{color: #333;
	margin: 0px;}
.articleKanan .paragraf h4{margin: 0px;}
.articleKanan .selengkapnya {margin-bottom: 10px;
							margin-left: 10px}
.artikelkanan2 {margin-top: 10px}
.artikelkanan3 {margin-top: 10px}

/*NEWS AND EVENT ARTICLE KANAN MULAI*/
	/*NEWS AND EVENT ARTICLE KANAN PERTAMA MULAI*/

.isiArtikelKanan1 {background-color: #fff;
	margin-top: 10px;
	margin-bottom: 10px}
.isiArtikelKanan1 p {font-size: 18px}
.isiArtikelKanan1 h2 {margin-top: 35px;
	margin-bottom: 22px}

.isiArtikelKanan4 {background-color: #fff;
	margin-top: 10px;
	margin-bottom: 10px}
.isiArtikelKanan4 p {font-size: 18px}
.isiArtikelKanan4 h2 {margin-top: 35px;
	margin-bottom: 22px}

.isiArtikelKanan5 {background-color: #fff;
	margin-top: 10px;
	margin-bottom: 10px}
.isiArtikelKanan5 p {font-size: 18px}
.isiArtikelKanan5 h2 {margin-top: 35px;
	margin-bottom: 22px}
.isiArtikelKanan5 ol li {font-size: 18px;
    line-height: 30px;}


.isiArtikelKananBarisKetigaPertama .artikelKiri {padding-left: 20px;
    padding-right: 20px;}
.isiArtikelKananBarisKetigaPertama .artikelKanan {margin-right: 15px;
	margin-left: -15px;
	padding-left: 20px;
	padding-right: 20px}

.isiArtikelKananBarisPertama img{float: left;
	border: 10px solid #bdc3c7;
	margin-right: 10px;
    margin-top: 15px;
	margin-left: 10px;}
.isiArtikelKananBarisPertama p {line-height: 35px;
	margin: 5px 10px 5px 520px}

.isiArtikelKananBarisPertamaKedua img{float: right;
	border: 10px solid #bdc3c7;
	margin-right: 10px;
    margin-top: -144px;
	margin-left: 10px;
	margin-bottom: 10px}
	.isiArtikelKananBarisPertamaKedua p {line-height: 35px;
	margin: 5px 10px 5px 10px}
	/*NEWS AND EVENT ARTICLE KANAN PERTAMA SELESAI*/

	/*NEWS AND EVENT ARTICLE KANAN KEDUA MULAI*/
.isiArtikelKananBarisKedua p{margin-left: 10px;
	line-height: 35px}
.isiArtikelKananBarisKedua img {float: left;
	border:10px solid #bdc3c7;
	margin: 10px}
	/*NEWS AND EVENT ARTICLE KANAN KEDUA SELESAI*/

	/*NEWS AND EVENT ARTICLE KANAN KETIGA MULAI*/
.isiArtikelKananBarisKetigaPertama p {margin-left: 10px;
	line-height: 35px}
.isiArtikelKananBarisKetigaPertama img {float: left;
	border:10px solid #bdc3c7;
	margin: 10px;
	text-align: center;}
.isiArtikelKananBarisKetigaKedua img {align: center;
	border:10px solid #bdc3c7;
	margin-left: 17px;
	margin-bottom: 15px}
	/*NEWS AND EVENT ARTICLE KANAN KETIGA SELESAI*/
}
}
/*NEWS AND EVENT ARTICLE KANAN SELESAI*/
/*ARTICLE KIRI*/


/*DAFTAR INSTRUMEN*/
.daftarInstrumen {margin-bottom: 60px;
	margin-top: 20px;
	margin-left: 20px}
.ParameterInstrumen {margin-bottom: 50px;
	margin-top: 50px}
.daftarInstrumenKiri {margin-right: 0px;
	margin-left: 10px;
	background-color: #fff;
	border: 5px solid #ccc;
    width: 382px;
	box-shadow: 10px 2px 13px -3px}
.daftarInstrumenKiri img {width: 300px;
	margin-left: -20px;
    width: 355px;}
.daftarInstrumenKiri img:hover {width: 295px;
	text-align: center;
	transition: all 1s;
	}

.daftarInstrumenKiri .heading {background-color: #e74c3c}
.daftarInstrumenKiri .heading img {width: 30px;
	float: left;;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px}
.daftarInstrumenKiri .heading h3 {padding: 10px 5px;
	font-size: 18px}
.daftarInstrumenKiri {width: 382px}
/*.daftarInstrumenKiri .viewAll {color: #e74c3c}
.daftarInstrumenKiri .viewAll:hover{color: #bdc3c7}
.daftarInstrumenKiri ul {
	columns:2;
	-webkit-columns: 2;
	-moz-columns: 2;
	height: 290px
	}
*/



.daftarInstrumenKanan {
	background-color: #fff;
    border: 5px solid #ccc;
    float: right;
    height: 598px;
    margin-left: 10px;
    margin-right: -14px;
    width: 780px;
    box-shadow: 10px 2px 13px -3px;
	}

.daftarInstrumenKanan h2 {color: #f39c12}

.ParameterdaftarInstrumen {
	height: 450px}

.daftarInstrumenKanan .relative1 {
	position:relative
	}
	
.daftarInstrumenKanan img {
	float:left;
	width:735px;
	border:#CCC solid 5px;
	height:400px;
	}
	
.daftarInstrumenKanan .absolute1 {
	position:absolute
	}
	
.absolute1 h2{
	font-size:33px;
	margin-left:350px;
	width:500px;
	margin-bottom:20px;
	margin-top:100px;
	color: #f39c12
	}
	
.absolute1 p {
	font-size:14px;
	margin-left:350px;
	width:220px;
	margin-bottom:20px
	}
	
.absolute1 a {
	width:240px;
	background-color:#F00;
	text-align:center;
	color:white;
	display:block;
	height:40px;
	padding-top:7px;
	border-radius:8px;
	margin-left:350px;
	text-decoration:none;
	font-style:italic;
	font-size:16px
	}
	
.absolute1 a:hover{
	background-color:#c0392b;
	color: #95a5a6;}


/*GAMBAR INSTRUMEN*/
.Instrumen .gambarInstrumen {
	padding: 15px 5px 10px 5px;
	margin-left: 2px}
.absolute2 {
	position:absolute;
	top:245px;
	left:20px;
	width: 200px;
	margin-bottom: 10px
	}
	
.absolute2 h5{
	margin-bottom:10px;
	color: #fff;
	}
	
.absolute2 p{font-size:14px;
	color: #fff}

.relative2 {position:relative}


.daftarInstrumenSecondary {    border: 12px solid #fff;
    margin-left: 0px;
    margin-right: -13px;
    margin-top: 21px;
    margin-bottom: 20px;
    padding: 20px;
	background-color: #f1f4f5;
	line-height: 25px}
.daftarInstrumenSecondary img {width: 125px;
	height: 125px;
	}

.daftarInstrumenSecondary h2 {text-align: center;
	text-decoration: underline;}

.instrumenSecondary {background-color: #fff}

/*FOOTER*/
footer {background-color: : /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f85032+17,f16f5c+45,f6290c+100,e73827+100,f6290c+100 */
background: rgb(248,80,50); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(248,80,50,1) 17%, rgba(241,111,92,1) 45%, rgba(246,41,12,1) 100%, rgba(231,56,39,1) 100%, rgba(246,41,12,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(248,80,50,1) 17%,rgba(241,111,92,1) 45%,rgba(246,41,12,1) 100%,rgba(231,56,39,1) 100%,rgba(246,41,12,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(248,80,50,1) 17%,rgba(241,111,92,1) 45%,rgba(246,41,12,1) 100%,rgba(231,56,39,1) 100%,rgba(246,41,12,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#f6290c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */;
padding: 40px;
box-shadow: 5px 0 13px 2px}

.footerBawah {padding-top: 20px}

/*COPYRIGHT*/
.copyright {background-color: #171717;}

.copyright img {width: 40px;
	padding-top: 19px}
.copyright p {margin-bottom: 0px;
	color: #fff}
.copyright .hakCipta {margin-top: 20px;
	margin-bottom: 20px}


/*HALAMAN PROFIL LABORATORIUM BEA CUKAI MULAI*/
.profilLabBeaCukai img {width: 1071px;
	margin-left: 30px}
.gambarSejarahBerdiri img { border: 10px solid #fff;
    margin-left: 9px;
    margin-top: 5px;
    margin-bottom: 20px;
	float: right;
    width: 300px}
.sejarahBerdiri h2{margin-bottom: 20px}

/*SIDE BAR MULAI*/
@media (min-width: 768px) {
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar ul {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
.profilHalaman .navbar {margin: 20px 5px}
.navbar-nav .active a:hover{background-color:}
/*SIDE BAR SELESAI*/
.profilHalaman .sejarahBerdiri {    border: 12px solid #fff;
    margin-left: 13px;
    margin-right: -13px;
    margin-top: 21px;
    margin-bottom: 20px;
    padding: 20px;
	background-color: #f1f4f5;
	line-height: 25px}

/*HALAMAN PROFIL LABORATORIUM BEA CUKAI SELESAI*/

/*HALAMAN VISI MISI LABORATORIUM BEA CUKAI MULAI*/
.visimisiHalamanArtikelKiri img {border: 13px solid #fff;
    margin-top: 20px;
    width: 857px;
	}
/*HALAMAN VISI MISI LABORATORIUM BEA CUKAI SELESAI*/




/*HALAMAN TUGAS DAN FUNGSI LABORATORIUM BEA CUKAI MULAI*/
.tugasdanFungsiLaboratorium .tugasdanFungsiLaboratoriumArtikel {background-color: #fff;
	border-radius: 10px;
    border: 12px solid #fff;
    line-height: 25px;
    margin: 21px -13px 20px 13px;
    padding: 20px;}
/*HALAMAN TUGAS DAN FUNGSI LABORATORIUM BEA CUKAI SELESAI*/


/*HALAMAN STRUKTUR ORGANISASI LABORATORIUM BEA CUKAI MULAI*/
.strukturOrganisasi img {width: 700px;
	margin: 20px;
	box-shadow: 6px 7px 15px 3px;}
/*HALAMAN STRUKTUR ORGANISASI LABORATORIUM BEA CUKAI SELESAI*/



/*HALAMAN VIDEO PROFIL LABORATORIUM BEA CUKAI MULAI*/
.videoProfilLab {margin-bottom: 20px}
.videoProfilLab iframe {border: 10px solid #fff;
    margin: 20px -20px 20px 20px;
    padding: 0;}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    border: 0 none;
    bottom: 0;
    height: 95%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
/*HALAMAN VIDEO PROFIL LABORATORIUM BEA CUKAI SELESAI*/

/*HALAMAN LAYANAN PENGADUAN LABORATORIUM BEA CUKAI MULAI*/
.layananPengaduan img {width: 500px}
.layananPengaduanRelative {position: relative;}
.layananPengaduanAbsolute {position: absolute;
	width: 435px;
	font-size: 21px;
    line-height: 40px;
    margin-left: 30px;
    margin-top: -454px;
    position: absolute;
    text-align: justify;
	}
.layananPengaduanAbsolute h4 {margin-bottom: 20px;
	font-size: 18px}
.layananPengaduanBorder {border: 12px solid #fff;
    margin-left: 13px;
    margin-right: -13px;
    margin-top: 21px;
    margin-bottom: 20px;
    padding: 20px;
	background-color: #f1f4f5;
	line-height: 25px;
	width: 571px}
/*HALAMAN LAYANAN PENGADUAN LABORATORIUM BEA CUKAI SELESAI*/



@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

html{    background:url(http://thekitemap.com/images/feedback-img.jpg) no-repeat;
  background-size: cover;
  height:100%;
}

#feedback-page{
	text-align:center;
}

#form-main{
	width:100%;
	padding-top:0px;
}
.form-control {padding: 0px}


#form-div {
	background-color:rgba(72,72,72,0.4);
	padding-left:35px;
	padding-right:35px;
	padding-top:35px;
	padding-bottom:50px;
	width: 450px;
  margin-top:30px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}

.feedback-input {
	color:#3c3c3c;
	font-family: Helvetica, Arial, sans-serif;
  font-weight:500;
	font-size: 18px;
	border-radius: 0;
	line-height: 22px;
	background-color: #fbfbfb;
	padding: 13px 13px 13px 54px;
	margin-bottom: 10px;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
  border: 3px solid rgba(0,0,0,0);
}

.feedback-input:focus{
	background: #fff;
	box-shadow: 0;
	border: 3px solid #3498db;
	color: #3498db;
	outline: none;
  padding: 13px 13px 13px 54px;
}

.focused{
	color:#30aed6;
	border:#30aed6 solid 3px;
}

/* Icons ---------------------------------- */
#name{
	background-image: url(http://rexkirby.com/kirbyandson/images/name.svg);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#name:focus{
	background-image: url(http://rexkirby.com/kirbyandson/images/name.svg);
	background-size: 30px 30px;
	background-position: 8px 5px;
  background-position: 11px 8px;
	background-repeat: no-repeat;
}

#email{
	background-image: url(http://rexkirby.com/kirbyandson/images/email.svg);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

#email:focus{
	background-image: url(http://rexkirby.com/kirbyandson/images/email.svg);
	background-size: 30px 30px;
  background-position: 11px 8px;
	background-repeat: no-repeat;
}

#comment{
	background-image: url(http://rexkirby.com/kirbyandson/images/comment.svg);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

textarea {
    width: 100%;
    height: 150px;
    line-height: 150%;
    resize:vertical;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
	background-color:white;
}

#button-blue{
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	float:left;
	width: 100%;
	border: #fbfbfb solid 4px;
	cursor:pointer;
	background-color: #3498db;
	color:white;
	font-size:24px;
	padding-top:22px;
	padding-bottom:22px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
  margin-top:-4px;
  font-weight:700;
}

#button-blue:hover{
	background-color: rgba(0,0,0,0);
	color: #0493bd;
}
	
.submit:hover {
	color: #3498db;
}
	
.ease {
	width: 0px;
	height: 74px;
	background-color: #fbfbfb;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	-ms-transition: .3s ease;
	transition: .3s ease;
}

.submit:hover .ease{
  width:100%;
  background-color:white;
}

@media only screen and (max-width: 580px) {
	#form-div{
		left: 3%;
		margin-right: 3%;
		width: 88%;
		margin-left: 0;
		padding-left: 3%;
		padding-right: 3%;
	}
}



/*HALAMAN Slider Instrumen MULAI*/
/*HALAMAN Slider Instrumen SELESAI*/


/*HALAMAN PUG MULAI*/
.profilHalaman .gambarPug {
    margin: 20px 0;
    padding: 20px;
	background-color: #fff;
	line-height: 25px}

}

.profilHalaman .gambarPug img {margin-top: 10px}
.artikelPug {background-color: #fff;
	margin: 20px 10px 20px 15px;
	box-shadow: 5px 6px 28px 8px;
	padding-left: 50px;
	padding-right: 60px;
	padding-top: 30px;
	width: 100%;
	text-align: justify;}
.judulPUGBeaCukai ul { list-style-type: "✳"; }

/*HALAMAN sarana prasanaran Foto kegiatan PUG MULAI*/

.kartiniFoto .headingPUG1 {background-color: #fff;
    width: 100%;}

.kartiniFoto .headingPUG2 {background-color: #fff;
	margin: 10px 0px 0px 0px;
	font-size: 16px;
	text-decoration: underline;}
.kartiniFoto2 .headingPUG2 {background-color: #fff;}
.kartiniFoto2 .headingPUG2 img{width: 500px;
	background-color: #fff;
	border: solid #fff 10px;}

/*HALAMAN sarana prasanaran Foto kegiatan PUG selesai*/

.artikelGAP {background-color: #fff;
	margin: 20px 0 20px 15px;
	box-shadow: 5px 6px 28px 8px;
	padding-left: 30px;
	padding-right: 20px;
	width: 100%;
	line-height: 35px}
.imagesGAP img {width: 1080px;
	margin-top: 20px}

/*HALAMAN PUG SELESAI*/

/*HALAMAN Arti Logo MULAI*/
.artiLogoBrevet {margin: 20px 0px}
.artiLogoBrevet img{width: 700px;
	border: 10px solid #fff;
	box-shadow: 6px 10px 25px 6px;}
/*HALAMAN Arti Logo SELESAI*/



/*HALAMAN CHART MULAI*/
.chart h1 {
  text-align: center;
}
.chart .ct-chart {
  border: 1px solid lightgrey;
}
.chart .center-link {
  text-align: center;
  display: block;
  font-size: 0.7rem;
}
/*HALAMAN CHART SELESAI*/


/*HALAMAN JURNAL MULAI*/
strong {
	font-weight: bold; 
}

em {
	font-style: italic; 
}

table {
	background: #f5f5f5;
	border-collapse: separate;
	box-shadow: inset 0 1px 0 #fff;
	font-size: 16px;
	line-height: 30px;
	text-align: left;
	width: 100%;
	margin-bottom: 30px;
}	

th {
	background: url(http://jackrugile.com/images/misc/noise-diagonal.png), linear-gradient(#777, #444);
	border-left: 1px solid #555;
	border-right: 1px solid #777;
	border-top: 1px solid #555;
	border-bottom: 1px solid #333;
	box-shadow: inset 0 1px 0 #999;
	color: #fff;
  	font-weight: bold;
	padding: 10px 15px;
	position: relative;
	text-shadow: 0 1px 0 #000;	
	text-align: center;
}

th:after {
	background: linear-gradient(rgba(255,255,255,0));
	content: '';
	display: block;
	height: 25%;
	left: 0;
	margin: 1px 0 0 0;
	position: absolute;
	top: 25%;
	width: 100%;
}

th:first-child {
	border-left: 1px solid #777;	
	box-shadow: inset 1px 1px 0 #999;
}

th:last-child {
	box-shadow: inset -1px 1px 0 #999;
}

td {
	border-right: 1px solid #fff;
	border-left: 1px solid #e8e8e8;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e8e8e8;
	padding: 10px 15px;
	position: relative;
	transition: all 300ms;
}

td:first-child {
	box-shadow: inset 1px 0 0 #fff;
}	

td:last-child {
	border-right: 1px solid #e8e8e8;
	box-shadow: inset -1px 0 0 #fff;
}	

tr {
	background: #fff;
	vertical-align: top;
}
/*
tr:nth-child(odd) td {
	background: #f1f1f1 url(http://jackrugile.com/images/misc/noise-diagonal.png);	
}*/



tr:last-of-type td {
	box-shadow: inset 0 -1px 0 #fff; 
}

tr:last-of-type td:first-child {
	box-shadow: inset 1px -1px 0 #fff;
}	

tr:last-of-type td:last-child {
	box-shadow: inset -1px -1px 0 #fff;
}	

/*tbody:hover td {
	color: transparent;
	text-shadow: 0 0 3px #aaa;
}*/

/*tbody:hover tr:hover td {
	color: #444;
	text-shadow: 0 1px 0 #fff;
}*/
/*HALAMAN JURNAL SELESAI*/

/*HALAMAN AKREDITASI MULAI*/
.imagesUtamaAkreditasi {margin-top: 0px}
.imagesUtamaAkreditasi img {margin-top: 0px;}
.imagesUtamaAkreditasi p {margin-top: 0px}

.imagesPendukungAkreditasi img {margin-top: 10px;
	margin-bottom: 20px}

.akreditasiParagraf {background-color: #fff;
	margin-top: 20px;
	margin-left: 10px;
	margin-bottom: 20px;
	margin-right: -15px;
	line-height: 35px}

.putar {
  -webkit-transition: all 0.7s ease;
     -moz-transition: all 0.7s ease;
       -o-transition: all 0.7s ease;
      -ms-transition: all 0.7s ease;
          transition: all 0.7s ease;
}
.putar:hover {
  -webkit-transform: rotate(-20deg);
     -moz-transform: rotate(-20deg);
       -o-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
          transform: rotate(-20deg);
}

.fotoimagesUtamaAkreditasi img{width: 100%}
.fotoimagesPendukungAkreditasi img {width: 100%}

.panelGambarWCOdownload p {margin-left: -40px;
    margin-top: -10px;
	}

/*HALAMAN AKREDITASI SELESAI*/


/*HALAMAN JANJI LAYANAN MULAI*/
.janjiLayananHalaman {background-color: #fff;
	border: 12 solid #fff;
	border-radius: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: -10px}
/*HALAMAN JANJI LAYANAN SELESAI*/


.panel-default {border:0px;
	box-shadow: 0px}
.JudulMajalah {background-color:}
.MajalahPanel img{width: 335px;
	text-align: center;}
.MajalahPanel {
	margin-top: 40px;
	margin-bottom: 30px;
	}
.panel-body h3{margin-top: 5px;
	margin-bottom: 5px}
.panel-body hr {margin-top: 5px;
	margin-bottom: 15px}
.MajalahPanel img:hover{width: 295px;
	text-align: center;
	transition: all 1s}
.bagianMajalah {background-color: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#617b9b+1,2b88d9+34,207cca+55,c9d9e5+100 */
background: rgb(97,123,155); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(97,123,155,1) 1%, rgba(43,136,217,1) 34%, rgba(32,124,202,1) 55%, rgba(201,217,229,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(97,123,155,1) 1%,rgba(43,136,217,1) 34%,rgba(32,124,202,1) 55%,rgba(201,217,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(97,123,155,1) 1%,rgba(43,136,217,1) 34%,rgba(32,124,202,1) 55%,rgba(201,217,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#617b9b', endColorstr='#c9d9e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
box-shadow: 5px 0 13px 2px}

.paragrafIndeksKepuasan img{width: 810px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
/*.MajalahPanelKiri {border:2px solid #ccc;}
.MajalahPanelKanan {border:2px solid #ccc;}*/



.biayaPengujian img{width: 100%;
	margin-top: 20px;
	margin-bottom: 20px}



/*HALAMAN KONTAK MULAI*/
.kontakborder1 { border: 12px solid #fff;
    margin-left: 13px;
    margin-right: -13px;
    margin-top: 21px;
    margin-bottom: 20px;
    padding: -1px;
	background-color: #f1f4f5;
	line-height: 25px;
	width: 850px;
	background-color: #fbfcfc}

.kontakborder2 { border: 12px solid #fff;
    margin-left: 13px;
    margin-right: -13px;
    margin-top: 21px;
    margin-bottom: 20px;
    padding: 20px;
	background-color: #f1f4f5;
	line-height: 25px;
	background-color: #fbfcfc}


.groupInformasi {margin-bottom:10px }
.groupInformasi h5{margin: 0px;
	color: #444}
.groupInformasi p {color: #444}
.groupInformasiTerakhir {margin-bottom: 76px}
/*HALAMAN KONTAK SELESAI*/



/*HALAMAN GALERI MULAI*/
.galeriFoto1 hr{color: #fff}
.galeriFoto1 {border-bottom: solid 20px #f2f2f2}
.galeriFoto {background-color: #fff}
/*HALAMAN GALERI SELESAI*/

/* CSS for Zebra Table  in teamLaboratory.html */
.zebra-table1 {
width: 100%;
box-shadow: 0 2px 3px 1px #ddd;
overflow: hidden;
border:10px solid #fff;
}
.zebra-table1 th,.zebra-table td{
vertical-align: top;
padding:10px 7px;
text-align: left;
margin:0;
}

.zebra-table1 td{ line-height: 15px }
.zebra-table1 tbody tr:nth-child(odd) { /* Make table like zebra */
background:#eee;}

.zebra-table2 {
width: 100%;
box-shadow: 0 2px 3px 1px #ddd;
overflow: hidden;
border:10px solid #fff;
}
.zebra-table2 th,.zebra-table td{
vertical-align: top;
padding:10px 7px;
text-align: left;
margin:0;
}
.zebra-table2 td{ line-height: 15px }
.zebra-table2 tbody tr:nth-child(odd) { /* Make table like zebra */
background:#eee;}

/* End CSS for Zebra Table  in teamLaboratory.html */


/* CSS for kerjasama  in fasilitas.html */
.kerjasamaBPIB p{line-height: 30px}
.kerjasamaBPIB li {line-height: 30px}

/* End CSS for kerjasama  in fasilitas.html */

/* CSS for pengumuman  in pengumuman2.html */
.pengumuman2colmd {background-color: #fff;
	border-radius: 3px;
	margin-top: 10px;
	margin-bottom: 10px}
.pengumuman2isi {text-align: justify;
	padding-right: 40px;
	padding-left: 20px;
	line-height: 30px}
.pengumuman2colmd h2{margin-top: 20px;;
	margin-bottom: 30px;
	font-size: 25px}
/* End CSS for pengumuman  in pengumuman2.html */

/* css in new gallery.html */
.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}

.flex-caption {
  width: 75%;
  padding: 2%;
  left: 0;
  bottom: 0;
  background: rgba(0,0,0,.5);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,.3);
  font-size: 25px;
  line-height: 18px;
}

/* Background Timeline News & Event */
.profilHalaman .Timeline {    border: 12px solid #fff;
    margin-left: 13px;
    margin-right: -13px;
    margin-top: 21px;
    margin-bottom: 20px;
    padding: 20px;
	background-color: #f1f4f5;
	line-height: 25px}

/* Background Timeline News & Event */