/*Global Additional Code*/

.pr-col{
	padding-right: 0px!important;
}

.pl-col
{
	padding-left: 0px!important;
}

.slide-height{
	/*height: 350px !important;*/
}

/*Header*/

.header{
	width:100%;
	background: linear-gradient(to right, yellow, blue);
	padding-top: 10px; padding-bottom: 10px;
}


.fixtop{
	position: fixed;
	z-index: 999;
}

.labelId{
	display: flex;
	justify-content:space-between;
}

.labelId span{display: block;}


.img-logo-mobile{
	width:50px;
	border-radius: 50%;
}

.logo{
	display: none;
	/*justify-content: center; kotak rata tengah terhadap logo secara horizontal*/
	align-items: center;/*kotak rata tengah terhadap logo secara vertikal*/
	
}

	.logo img{
		width:60px;
		border-radius: 50%;
		display: block; /*Membuat Tag image menjadi Kotak*/
		margin-right:10px;
		
	}

	.logo h2{
		margin:0px;
		line-height: 15px;
	}


	.logo h2 a{
		color:#fff;
		font-size: 15px;
		text-decoration: none;
	}

.arrowsubmenu{
	position: absolute;
	right:0px;
	top:5px;
}
/*
.mainmenu{
	margin:0px;
	padding:0px;
	list-style-type: none;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 100%;
}
	.mainmenu li{
		margin-left:1px;
	}

	.mainmenu li a{
		color:#cecece;
		text-decoration: none;
		padding: 10px 15px;
		background-color:#6a6a6a;
		display: block;
		transition: .5s;
	}

	
	.mainmenu li a:hover, .mainmenu li a.active{
		background-color:#cecece;
		color:#353535;
	}

Pada saat mouse ada di atas link a*/

/*end Header*/

/*Slide Style*/

.slide-desc{
	width:50%;
	height: 50%;
	position:absolute;
	background-color:rgba(255, 255, 255, 0.7);
	bottom:20px;
	left:20px;
	padding:10px;
	border-radius:10px;
	z-index: 80;
}

/*end Slide*/

/*SEO TEXT*/

.seotext{
	padding:15px 150px;
	text-align: center;
}
	.seotext h1{
		color:#55b0c3;
		text-transform: uppercase;
		font-weight: bold;
		margin-bottom: 30px;
	}

/*end SEO*/

/*Title Section*/

.title-section{
	border-bottom:solid 1px #cecece;
	padding-bottom: 12px;
	font-size: 24px;
	margin:15px 0px;
	
}
	.title-section span{
		padding-bottom: 7px;
		border-bottom:solid 3px #55b0c3;
	}

/*end title section*/


/*Item Tour*/

.title-item{
	position:absolute;
	background-color:rgba(0, 0, 0, 0.8);
	color:#ffca00;
	width:100%;
	margin:0px;
	padding:10px;
	bottom:0px;
}

.best-selling{
	width:99px;
	height: 97px;
	position: absolute;
	top:-4px;
	left:-4px;
}

.col-item-desc{
	display: flex;
	align-items: center;
}

.col-item-desc > div{
	padding: 15px;
	background-color:rgba(255, 255, 255, 0.7);
	margin-left:-200px;
}



/*end item tour*/


/*Karya*/

.karya{line-height: normal;}
.author{margin-bottom: 30px!important; display: inline-block;}
.abstract{text-decoration: underline;font-size: 1.3em; }
.abstract-desc{
	width:100%;
	max-height: 245px;
	overflow: auto;
	margin-bottom: 30px;
}

em.text-small-label{font-size: 8px!important;}

.newsupdate{
	background-color:#13c6ff;

}

/*Footer*/

.footer{
	background-color:#282828;
	padding-bottom: 20px;
}
	.footer h3{
		color:#fff;
		font-family: "Arial Black";
		margin:15px 0px;
	}
	.footer img{
		width:100px;
		border-radius: 50%;
		margin-right: 20px;
	}

	.footer address a{
		color:#cecece;
		text-decoration: none;
	}
	.footer address a:hover{
		color:#fff;
	}

	.footer h2{
		color:#ffca00;
		border-bottom:dotted 1px #cecece;
		padding: 10px 0px;
	}

	.footer ol{
		margin:0px;
		padding: 0px;
		list-style-type: none;
	}

	.footer ol li a{
		color:#cecece;
		text-decoration: none;
		padding: 10px;
		display:block;
		border-bottom: dotted 1px #cecece;
	}

	.footer ol li a:hover{
		background-color:#000;
	}

	.sosmed a{
		font-size: 42px;
		margin-right: 5px;
	}

		.sosmed a.fb{color:#1e48a4; transition: 0.5s}
		.sosmed a.fb:hover{color:#0c2c78;}
		.sosmed a.ig{
			color:#c610b7;
		}

		.sosmed a.pt{
			color:#c6106a;
		}

		.sosmed a.youtube{
			color:#af0909;
		}

.copyright{
	width:100%;
	background: linear-gradient(to right, yellow, blue);
	padding-top: 10px; padding-bottom: 10px;
	text-align: center;
}

.bg-kuningmuda{
	background-color:  #FFEA00 }

.bg-kuningcerah{
	background-color:  #FFFACD  }

.bg-gold{
	background-color: #FFD700 }


.bg-abumuda{
	backgroud-color : #D3D3D3}

.bg-mint{
	background-color: #98FF98
}

.identitas{
	width:100%;
	padding-top: 10px; padding-bottom: 10px;
}
.identitas h3{
		color:#fff;
		font-family: "Arial Black";
		margin:15px 0px;
}

.image-justify{
	align-items: center;/*Rata atas dan bawah middle*/
	justify-content: center;/*Rata kira dan kanan tengah*/
   	display: flex; 
}

.image-justify div{
	border: 1px solid #cecece;
	padding: 5px;
}

/*logo penelitian*/

.logo2{
	display: flex;
	/*justify-content: center; kotak rata tengah terhadap logo secara horizontal*/
	align-items: center;/*kotak rata tengah terhadap logo secara vertikal*/
	
}

	.logo2 img{
		width:250px;
		display: block; /*Membuat Tag image menjadi Kotak*/
		margin-right:10px;
		
	}


	.logo2 h2{
		
		font-size: 70px;
		margin:0px;
	}

.foot-info{
	display: none;
}


.card strong{
	font-weight: normal!important;
}

.card em{
	font-style: normal!important;
}



@media(min-width:768px)
{
	.logo{
		display: flex;
	}

	.foot-info{
		display: inline-block;
	}
}