/* font google */
@font-face {
  font-family: 'meriendaregular';
    src: url('../../fonts/google-font/Open_Sans/merienda-regular-webfont.woff2') format('woff2'),
		 url('../../fonts/google-font/Open_Sans/merienda-regular-webfont.woff') format('woff');
}
@font-face {		 
  font-family: 'kaushan_scriptregular';
    src: url('../../fonts/google-font/Open_Sans/kaushanscript-regular-webfont.woff2') format('woff2'),
         url('../../fonts/google-font/Open_Sans/kaushanscript-regular-webfont.woff') format('woff');
}
@font-face {		 
  font-family: 'akbaal-webfont';
    src: url('../../fonts/google-font/Open_Sans/akbaal-webfont.woff2') format('woff2'),
         url('../../fonts/google-font/Open_Sans/akbaal-webfont.woff') format('woff');
}

/* Header */
.container-lg h9{
	font-family: 'kaushan_scriptregular';
	/* font-style: italic; */
	font-size: 17px;
}
.container-lg h9:hover{
	text-shadow: 6px 6px 10px rgb(255, 200, 47);
}
/* navbar */
.navbar {
	background-image: linear-gradient(#005C97, #00dbde);
	background: -webkit-linear-gradient(top,  #005C97 0%,#00dbde 100%); /* Chrome10+,Safari5.1+ */
	box-shadow: 0 3px 20px rgba(1, 67, 105, 0.5);
}
.navbar-brand, .nav-link {
    color: #010a5f !important;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	cursor:pointer;
  } 
.nav-link {
  /* text-transform: uppercase; */
	margin-right: 20px;
	color: #010a5f;
	margin: 0px;
	padding: 0px;
	
  }
.nav-link:hover::after {
    content: '';
		display: block;
    /* border-bottom: 2px solid #ffffff; */
    /* width: 30%; */
		margin: auto;
    padding-bottom: 3px;
    margin-bottom: -3px;
		color: #f9fd01;
  }
.nav-link:hover {
	color: #fd3301 !important;
	text-shadow: 6px 6px 10px rgb(250, 189, 23);
	font-weight: bold;
  }

  #header ul li a{
	display:block;
	line-height:15px;
	cursor:pointer;
	font:normal 16px Tahoma,Verdana;
	font-weight: 500;
} 
/* alhir navbar */
body{
 font-family: Verdana,Tahoma,sans-serif;
 font-size: 11pt;
 color:#a53c00;
 background-color: #ffffff;
}
/* ----------- card armada --------------- */
.container {
	text-align: center;
	align-items: center;
	align-self: center;
	align-content: center;
	border-radius: 10px;
}
.container .card {
	background-image: linear-gradient(#005C97,#00dbde);
	background: -webkit-linear-gradient(top,  #005C97 0%,#00dbde 100%); /* Chrome10+,Safari5.1+ */
	box-shadow: 0 3px 20px rgba(1, 67, 105, 0.5);
	color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	text-align: center;
	align-items: center;
	border-radius: 10px;
}
.container .card a{
	align-self: center !important;
	align-content: center !important;
	align-items: center !important;
	text-align: center !important;
	cursor: pointer;
}
.container .card a img{
	width: 150px;
	align-items: center;
	align-self: center;
	border-style: solid;
	border-color: rgba(1, 67, 105, 0.5);
	border-width: 5px;
}
.container .card .card-header{
	align-items: center;
	align-self: center;
	color: aquamarine;
}
.container .card h9.judul{
	font-weight: bold;
	font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	text-align: center;
	font-size: 16px;
}
.container .card h9.sub{
	font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	text-align: center;
	font-size: 11px;
}
.container .card h9.jbtn{
	font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	text-align: center;
	font-size: 16px;
	padding-top: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
.container .card h9.nik{
	font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	text-align: center !important;
	font-size: 15px;
	padding-top: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
.container .card h9.footer{
	font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	text-align: center !important;
	font-size: 11px;
	padding-top: 10px;
	color: #FFFFFF;
}
.container .card h5 {
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	text-transform: uppercase;
	font-size: 16px;
} 
.container .card p{
	color: #FFFFFF;
	font-weight: normal;
	padding: 0;
} 
.container .card .text-muted{
	/* font-style: italic; */
	text-align: center !important;
	font-size: 12px;
} 
.container .card .card-body{
	padding: 5px 4px 2px 4px;
}  
  /* ------------------footer----------------- */
#footer {
	background-image: linear-gradient(#00dbde,#005C97);
	background: -webkit-linear-gradient(top,  #00dbde 0%,#005C97 100%); /* Chrome10+,Safari5.1+ */
	box-shadow: 0 3px 10px rgba(1, 67, 105, 0.5);
	height: 50px;
	font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
/*  --------------------menu------------------------ */
	.utama a:hover {
		border:solid 0px #f9fd01;
 		color:#f9fd01;
		cursor:pointer;
	} 

	.utama ul li.active{
	color:#f9fd01;
	font-weight:bold;
	display:block;
	}
	.utama  > a {
      display: block;
      padding-top: 4px;
      padding-bottom: 4px;
      padding-left: 4px;
      margin: 0;
      margin-bottom: 4px;
	  color: rgb(255, 255, 255);
	  text-shadow: 1px 1px 1px rgba(0, 34, 13, 0.5);
	  background-image: linear-gradient(#00dbde,#005C97);
	  background: -webkit-linear-gradient(top,  #00dbde 0%,#005C97 100%); /* Chrome10+,Safari5.1+ */
	  text-decoration: none;
	  box-shadow: 0 3px 10px rgba(1, 67, 105, 0.5);
	  border-radius: 4px;
	  cursor:pointer;
   }
   
   .utama ul {
        display:none;
        position:absolute;
        border:1px solid #aaa;
        border-left:1px solid #ccc;
        margin-left:60px;
        margin-top:-28px;
        background-color: #bcefff;
        font-size: 0.8em;
   }
	.smenu > a {
      display: block;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 4px;
      margin: 0;
      margin-top: 10px;
      margin-bottom: 3px;
			text-decoration: none;
	  color: rgb(255, 255, 255);
	  text-shadow: 1px 1px 1px rgba(0, 21, 34, 0.5);
	  background-image: linear-gradient(#3885b1,#003b63);
	  background: -webkit-linear-gradient(top,  #3885b1 0%,#003b63 100%); /* Chrome10+,Safari5.1+ */
	  text-decoration: none;
	  box-shadow: 0 3px 10px rgba(1, 72, 105, 0.5);
	  border-radius: 4px;
	  /* cursor:pointer; */
   }
	   
   ul#menu0 {
	   color: #000;
	   font-weight: bold;
	   font-family: Arial, Helvetica, sans-serif;
	   font-size: 11px;
	   list-style-type: none;
	   padding-left: 5px;
   }
   ul#menu0 li.utama {
	   color: #000;
	   font-weight: normal;
	   font-size: 12px;
	   color: #FFF;
	   font-family: Arial, Helvetica, sans-serif;
	   list-style-type: none;
	   /* padding-left: 5px; */
   }
   ul#menu0 li.utama a{
	   text-decoration: none;
   }
   .utama ul li a {
      display: block;
      padding-top: 5px;
      padding-left: 4px;
      margin: 0;
      color: #000;
      list-style:none;
      text-decoration: none;   
   }
/* pop up login */
.pheader {
	height: 30px;
	width: auto;
	background-image: linear-gradient(#00dbde,#005C97);
	background: -webkit-linear-gradient(top,  #00dbde 0%,#005C97 100%); /* Chrome10+,Safari5.1+ */
	font-size: 14px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	vertical-align: center;
	padding-top: 5px;
	font-weight: bold;
	border-radius: 5px;
	margin-top: 0px;
}
.pkonten {
	height: auto;
	background-color: #d3f5ff;
	width: auto;
	color: #1a018a;
	font-size: 14px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	text-align: left;
}
.pfooter {
	border-radius: 5px;
	background-color: #bcefff;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	width: auto;
	background-image: linear-gradient(#00dbde,#005C97);
	background: -webkit-linear-gradient(top,  #00dbde 0%,#005C97 100%); /* Chrome10+,Safari5.1+ */
	height: 15px;
	margin-bottom: 10px;
}
.col-md-12 {
	border-radius: 5px;
	margin-top: 10pxpx;
	background-color: #bcefff;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	width: auto;
	background-image: linear-gradient(#00dbde,#005C97);
	background: -webkit-linear-gradient(top,  #00dbde 0%,#005C97 100%); /* Chrome10+,Safari5.1+ */
	height: 25px;
}
.tengah {
	height: 30px;
	width: auto;
	background-image: linear-gradient(#00dbde,#005C97);
	background: -webkit-linear-gradient(top,  #00dbde 0%,#005C97 100%); /* Chrome10+,Safari5.1+ */
	font-size: 10px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	/* vertical-align: center; */
	padding-top: 5px;
	/* font-weight: bold; */
	border-radius: 5px;
	margin-top: -5px;
	margin-bottom: -5px;
}
.badan {
	margin-right: 5px;
}
ul.list-group {
	text-align: left;
}
li.list-group-item {
	background-color: transparent !important;
	color: #FFF;
	text-align: left;
}
td.isi {
	text-align: left;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
/* ----------- Kontak --------------- */
.kontak {
	text-align: center;
	align-items: center;
	align-self: center;
	align-content: center;
	border-radius: 10px;
}
.kontak .card {
	background-image: linear-gradient(#005C97,#00dbde);
	background: -webkit-linear-gradient(top,  #005C97 0%,#00dbde 100%); /* Chrome10+,Safari5.1+ */
	box-shadow: 0 3px 20px rgba(1, 67, 105, 0.5);
	color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	text-align: center;
	align-items: center;
	border-radius: 10px;
}
.kontak .card a img{
	width: 150px;
	align-items: center;
	align-self: center;
	border-style: solid;
	border-color: rgba(1, 67, 105, 0.5);
	border-width: 5px;
}
.kontak .card .card-header{
	align-items: center;
	align-self: center;
	color: aquamarine;
}
td.kntn{
	text-align: left;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	/* font-size:medium !important; */
} 
.kontak .card .text-muted{
	/* font-style: italic; */
	text-align: center !important;
	font-size: auto;
} 
.kontak .card .card-body{
	padding: 5px 4px 2px 4px;
}  
h5 a.nav-link{
	text-align: left;
	color: #FFF !important;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	text-align: center;
} 
p.gallery{
	color: #000;
	font-weight: normal;
	padding: 0;
	text-align: justify;
} 
h5.gallery{
	color: #0b0568;
	font-weight: normal;
	padding-top: 10px;
	text-align: center;
}