@charset "utf-8";
/* CSS Document */
.kepala {
	background:#17313E;
	padding:0px 0px;
	color:#C5B0CD;
	text-align:center;
	display: grid;
	grid-template-columns: auto;
	/*display:flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	align-items:center;*/
	box-shadow:0px 0px 15px black;
	p {	color:white; }
		position:fixed;
		top:1px;
		left:1px;
		width:100%;
		z-index:2;
}
.wa {
	display:none;
	visibility:hidden;
	width:125px;
	a { text-decoration:none; color:#F3E2D4; font-weight:700; }
	a:hover {text-shadow:0px 0px 5px #F3E2D4;}
}
.menu {
	display:flex;
	justify-content: center;
	margin:0px auto;
	padding:0px;
	list-style:none;
	img { padding:0px; margin:0px; width:24px; position:inherit;}
	svg {width:20px; margin-right:5px;}
}
.menu li {
	font-weight:700;
	text-transform:uppercase;
	margin:0px;
	padding:10px;
	width:175px;
	text-align:center;
	overflow:hidden;
}
.menu-standart {
	border-left:2px ridge black;
}
.menu-akhir {
	border-right:2px ridge black;
	border-left:2px ridge black;
}
.menu a {
	color:#F3E2D4;
	text-decoration:none;
}
.menu a:hover {
	color:#C5B0CD;
}
.sub-menu {
	display:none;
	position:absolute;
	margin:10px 0px 0px -10px;
	padding:0px;
	list-style:none;
}
.sub-menu li {
	width:176px;
	border-right:none;
	border-left:none;
	-webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s;
  transition: all 0.4s ease;
  background:#C5B0CD;
  margin:0px 0px 3px 0px;
  vertical-align:central;
}
.sub-menu a:hover {
	color:#F3E2D4;
}
.menu li:hover {
	background:#415E72;
	color:#F3E2D4;
	-webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
.menu li:hover .sub-menu{
	display:block;
	z-index:999;
}