@charset "UTF-8";
/* CSS Document */

/

/**************************HEADER*************************************************/
.pkp_structure_head { 
  position: relative; 
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  
  
  /*
  background-image: linear-gradient(to right top, #000000, #000000, #000000, #000000, #000000);
   background-color:#3575d3;
  background-image: linear-gradient(to right top, #000000, #0e0a0c, #171316, #1d191f, #212028, #23252e, #242a34, #253039, #26353c, #283a3e, #2c3f40, #314341);
 
background-image: linear-gradient(135deg, transparent 0%, transparent 17%,rgba(87, 146, 234,0.6) 17%, rgba(87, 146, 234,0.6) 59%,transparent 59%, transparent 64%,rgba(34, 81, 222,0.6) 64%, rgba(34, 81, 222,0.6) 100%),linear-gradient(45deg, transparent 0%, transparent 2%,rgb(87, 146, 234) 2%, rgb(87, 146, 234) 46%,rgb(114, 178, 239) 46%, rgb(114, 178, 239) 54%,transparent 54%, transparent 63%,rgb(7, 48, 216) 63%, rgb(7, 48, 216) 100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));
  
  
  
  background-image: linear-gradient(to right top, #002e3b, #003341, #013848, #013e4e, #024355, #044a5d, #075065, #0a576d, #106179, #156c85, #1b7691, #20819d);
  */
  margin-bottom:.25em;

}
.pkp_site_name .is_img img{
	display: inline-block;
	max-height: 387px;
	max-width: 100%;
	widht: auto;
	height: auto;
}




/**************************Announcement block*************************************************/

.block_announcements_article{
	padding:1em 1em 1em;
	background-color:#3e82da;
	color:whitesmoke;
}


/**************************DOI ARTIKEL*************************************************/
.doi_container {
  margin-top: 1px;
  
}
.doi_link {
  background-size: 14px !important;
  height: 20px !important;
  background: url(../images/doiwarna.svg) no-repeat center left;
  padding: 5px 0 5px 23px;
 
  color: #5379a9;
  text-decoration: none;
  
}
.galley_stat {
  background-size: 18px !important;
  background: url(../images/bar_galley.jpg) no-repeat center left;
  padding: 3px 0px 0px 23px;
  
}
.article_stat {
  background-size: 18px !important;
  height: 20px !important;
  background: url(../images/bar_artikel.jpg) no-repeat center left;
  padding: 11px 0px 5px 23px;
}


/**********************
/***** Services *******
/*********************/
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
section{
	padding: 0px 0;
}
section .section-title{
	text-align:center;
	color:#101e5a;
	margin-bottom:50px;
	text-transform:uppercase;
}
#what-we-do{
	background:transparent;
}
#what-we-do .card{
	padding: 1rem!important;
	border: none;
	margin-bottom:1rem;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
	background-image: radial-gradient(circle at 28% 29%, rgba(237, 237, 237,0.04) 0%, rgba(237, 237, 237,0.04) 50%,rgba(136, 136, 136,0.04) 50%, rgba(136, 136, 136,0.04) 100%),radial-gradient(circle at 8% 78%, rgba(156, 156, 156,0.04) 0%, rgba(156, 156, 156,0.04) 50%,rgba(37, 37, 37,0.04) 50%, rgba(37, 37, 37,0.04) 100%),radial-gradient(circle at 29% 46%, rgba(251, 251, 251,0.04) 0%, rgba(251, 251, 251,0.04) 50%,rgb(244,249,254) 50%, rgb(244,249,254) 100%),linear-gradient(90deg, rgb(216,225,243),rgb(216,225,243));
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
#what-we-do .card:hover{
	-webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
	-moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
	box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}
#what-we-do .card .card-block{
	padding-left: 50px;
    position: relative;
}
#what-we-do .card .card-block a{
	color: #101e5a !important;
	font-weight:700;
	text-decoration:none;
}
#what-we-do .card .card-block a i{
	display:none;
	
}
#what-we-do .card:hover .card-block a i{
	display:inline-block;
	font-weight:700;
	
}
#what-we-do .card .card-block:before{
	font-family: FontAwesome;
    position: absolute;
    font-size: 39px;
    color: #101e5a;
    left: 0;
	-webkit-transition: -webkit-transform .2s ease-in-out;
    transition:transform .2s ease-in-out;
}
#what-we-do .card .block-1:before{
    content: "\f25e";
}
#what-we-do .card .block-2:before{
    content: "\f0eb";
}
#what-we-do .card .block-3:before{
    content: "\f00c";
}
#what-we-do .card .block-4:before{
    content: "\f155";
}

#what-we-do .card:hover .card-block:before{
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);	
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
#what-we-do .card-title{
	margin: auto;
}

.container-fluid{
	padding-left:0px;
	padding-right:0px;
}

.carousel-indicators {
  bottom:-15px;
}
/**********************
/***** Brand footer *******
/*********************/
.pkp_brand_footer 
{display:none;
}


/************************************
/***** Article detail page *******
/***********************************/
.obj_article_details .page_title {
    text-align: left;
}

.obj_article_details>.subtitle {
   text-align: left;
}

.obj_article_details .item.doi {
    text-align: left;
	text-decoration: none;
    padding: 10px 0 10px 0;
}

.obj_article_details .item.keywords {
    text-transform: capitalize;
}

.item.abstract{
	text-align: justify;
	padding-top: 0px;
}
/************************************
/***** inexinglogos *******
/***********************************/
img.indexings {
  width: 170px;
}
#container{
    position: relative;
}
.obj_article_summary { background-color: transparent; font-size: 14px; font-family: sans-serif; font-size: 14px; text-align: justify; border: 1px solid #2F4F4F; padding: 10px; border-radius: 5px; box-shadow: 3px 3px #2F4F4F;
}