::-webkit-scrollbar{width: 8px;height: 8px;background-color: transparent;}
::-webkit-scrollbar-thumb {background-color:#555;outline: 0px solid slategrey;border-radius: 6px;}
::-webkit-scrollbar-track {background: rgba(251, 251, 251, 0.9); -webkit-box-shadow: none;}
::-webkit-scrollbar-thumb:window-inactive {background: transparent;}

*{
	font-family:tahoma;
	font-size:11pt;
	
	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-webkit-touch-callout:none;
	-ms-user-select:none;
	
	line-height:1.2;
}

body{
	margin:0;padding:0;border:0;
	background-color:#202628;
}

a,input[type=text]{text-decoration:none;outline:none;}
a{color:#555;}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: none;
}
.tbl{display:table;table-layout:fixed;width:100%;}
.tr{display:table-row;}
.td{display:table-cell;}
.sectiontitle{
	font-family:'poppins','sans-serif';
	font-style:normal;
	font-size: 36px;
    font-weight: 500;
    line-height: 48px;
    color: #1F1F1F;
    position: relative;
    z-index: 9;
    padding-bottom: 15px;
	margin-bottom:55px;
	color:#6c9fb7;
	text-align:center;
}
.sectiontitle::before{
	position: absolute;
    left: 0;
    background: #5DB2FF;
    height: 2px;
    width: 50px;
    content: '';
	bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.sectiontitle.left{text-align:left;}
.sectiontitle.left::before{left: 0%;transform: translateX(0%);}


.card{
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
.card .header{
	height:200px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.card .footer{height:65px;}
.card .footer h5{
	color:#555;font-weight:normal;font-size:16px;
	padding:10px;
	overflow:hidden;
	text-overflow:ellipsis-word;
	height:50px;
}



.box-btn{
    display: block;
    padding: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: 400;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff !important;
    text-transform: capitalize;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    cursor: pointer;
	margin-bottom:10px;
	border-top:solid 1px #ddd;
}

.box-btn *{color:#555;}

.box-btn .tcell{padding:10px;vertical-align:middle;}
.box-btn .title{display:block;font-weight:bold;}
.box-btn .desc{display:block;font-size:xx-small;}
.box-btn i{font-size:55px;}

.box-btn.white *{color:#fff;}
.box-btn.white{border: 2px solid #fff;}
.box-btn.white:hover{
	background: #fff;
    color: #009DFF !important;
    border: 1px solid transparent;
}

#popNavs{padding:25px;}
#popNavs::-webkit-scrollbar{width: 2px;height: 6px;background-color: transparent;	}
#popNavs::-webkit-scrollbar-thumb {background-color:#aaa;outline: 0px solid slategrey;}
#popNavs scroll-y{
	::-webkit-scrollbar{width: 6px;height: 6px;background-color: #f8f8f8;	}
	::-webkit-scrollbar-thumb {background-color:darkolivegreen;outline: 0px solid slategrey;}
}
#popNavs .menugrp{margin:0;}
#popNavs a,
#popNavs label{display:block;padding:10px;margin:0;}
#popNavs label{font-weight:bold;}
#popNavs ul{list-style:none;}
#popNavs li{border-bottom:solid 1px #eee;}



/* HEADER */
header{
	background-color:#fff;
	border-bottom:solid 1px #abe9ce;
	box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
	top:0;
    z-index: 9999;
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
}
header .cotainer,header .tbl{height:95px;}
header .td{border:solid 0px #ccc;}
header .logo{width:85px;text-align:left;padding-right:10px;}
header .logo img{display:block;width:100%;}
header .chrometitle{width:320px;}

header .chrometitle label{
	margin:0;padding:0;line-height:1;
	font-size:8pt;
	font-weight:bold;
	font-family:'poppins';
	color:#777;
	margin-top:-2px;
	display:block;
}
header .chrometitle h5{
	margin:0;padding:0;line-height:1;
	font-family:'azonix';
	font-weight:bold;
	font-size:14pt;
	text-transform:uppercase;
	color:#555;
}

header .container{
	background-image:url('../assets/headerbg.png');
	background-repeat:no-repeat;
	background-position:left 5px top 0px;
	background-size:125px 125px;
}

header .menus{text-align:right;}
header .menus ul{list-style:none;margin:0;padding:0;position:relative;float:right;}
header .menus li{display:table-cell;padding:0 5px 0 5px;}
header .menus a,
header .menus label{
	text-transform:uppercase;
	font-weight:bold;
	font-family:'azonix';
	color:#555;
	letter-spacing:1px;
	padding:10px;
	display:block;
}
header .menus label.selected{
	border-bottom:solid 2px #aaa;
	color:red;
}

header .menus label:hover{
	cursor:pointer;
	color:#000;
}

header .menusbar{
	display:none;
	border:solid 2px #aaa;padding:0 5px;
	border-radius:5px;
}
header .menusbar i{color:olive;}

/*navdown*/
header .menus li .navdown{
	position:absolute;
	top:50px;
	z-index:100;
	width:200px;
	background-color:#fff;
	border:solid 1px #ddd;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}
header .menus li .navdown *{
	font-family:tahoma;
	font-size:10pt;
	text-align:left;
	line-height:1;
	text-transform:none;
	padding:0;
	letter-spacing:0;
}
header .menus li .navdown ul{
	margin:0;padding:0;list-style:none;
	float:none;
}
header .menus li .navdown li{
	display:block;
	margin:0 10px;
	border-top:solid 1px #eee;
}
header .menus li .navdown li:first-child{
	border:none;
}
header .menus li .navdown li a{display:block;padding:15px 20px;}
header .menus li .navdown li a:hover{
	color:green;
	cursor:pointer;
}

/* NAV */
nav{
	position: fixed;
    width: 100%;
    left: 0;
    right: 0;
	top:125px;
    z-index: 9999;
	display:none;
}
nav .container{
	height:25vh;
	background-color:#fff;
	border:solid 1px #d5d5d5;
	border-top:none;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;	
}

nav .container .tbl{
	height:inherit;
}
nav .container .td{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

nav .container ul{list-style:none;margin:0;padding:0;}
nav .container li{
	display:inline-block;
	vertical-align:middle;
	margin:5px;
	border:solid 1px #ccc;
	border-radius:10px;
	min-width:100px;
}
nav .container li a{
	display:block;padding:15px;
}

/* MAIN */
main{
	margin-top:95px;
	background-color:#fff;
	min-height:400px;
}
main .bboard{min-height:400px;background-color:#e6f3ed;}
main .bboard .bb{
	min-height:80vh;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center top;
	height:inherit;
}

main .bboard .tagline{
	display:table;
	table-layout:fixed;
	width:50%;	min-height:80vh;
}
main .bboard .tagline h1{
	display:table-cell;
	vertical-align:middle;
	font-family:'gillandbold';
	transform: scale(1.2, 1.5);
	font-weight:bold;line-height:1;
	color:#fff;
	letter-spacing:2px;
	text-shadow: 3px 3px 5px rgba(56, 70, 67, 0.5);
}

main .services{
	background-color:#42413a;
}
main .services .td{
	vertical-align:top;
	padding:55px 20px;
	text-align:center;
}
main .services .td:nth-child(1){background-color:#cbb742;}
main .services .td:nth-child(2){background-color:#2c3e28;}
main .services .td:nth-child(3){background-color:#4b3a68;}
main .services .td:nth-child(4){background-color:#9d2828;}
main .services .td i{font-size:52pt;color:#fff;}
main .services .td h3{
	color:#fff;
	font-family:'poppins','sans-serif';margin-top:25px;
}
main .services .td p{color:#f8f8f8;line-height:1;margin:5px 55px;}

main .services a{display:block;}

main .welcome{}
main .welcome .td{
	padding:55px 0 55px 0;
}
main .welcome .td img{
	width:85%;
	/*box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;*/
	
	/*
	-moz-box-shadow:0 5px 5px rgba(182, 182, 182, 0.75);
    -webkit-box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
    box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
	*/
}

main .welcome .kadesimg{
	display:inline-block;
	width:400px;
	height:400px;
	border-radius:50%;
	border:solid 1px #eee;
	background-image:url('/files/images/kades.png');
	background-repeat:no-repeat;
	background-position:bottom -120px center;
	background-size:cover;
	
	-moz-box-shadow:0 5px 5px rgba(182, 182, 182, 0.75);
    -webkit-box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
    box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
	
}

main .welcome h3{font-family:'poppins','sans-serif';font-size:36px;}
main .welcome h5{font-family:'poppins','sans-serif';margin:0;padding:0;}
main .welcome label{font-family:'poppins','sans-serif';margin:0;padding:0;}


main .agendalaporan{padding:50px 0;}
main .agenda,main .laporan{padding:25px;}
main .agenda{border-right:solid 1px #aaa;}
main .laporan{border-left:solid 1px #f5f5f5;}
main .laporan .block:first-child .box-btn{border:none;}

main .beritaterkini{
	background-color:#f5fbff;
	padding:55px 0 75px 0;
}

main .beritaterkini .td:nth-child(1){padding-right:5px;}
main .beritaterkini .td:nth-child(2){padding-left:5px;padding-right:5px;}
main .beritaterkini .td:nth-child(3){padding-left:5px;}
main .beritaterkini h5{}

main .pages{}
main .pages .header{
	height:20vh;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	background-color:#98bec3;
}
main .pages .container{
	padding:0;height:inherit;
}
main .pages .container .wrapper{
	background-color: #fff;
	padding:20px 0 20px 0;
}

main .pages .container .wrapper .body{padding:50px;}
main .pages .container .wrapper .body *{color:#555;}
main .pages .container .wrapper .body p{
	font-size:14pt;
	font-family:'georgia';
	text-align:justify;
}

main .pages .header .shade {
    position: absolute;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.3);
	height:inherit;
	z-index:1;
}
main .pages .header  .container{position:relative;}
main .pages .header .tagline{
	display:table;
	table-layout:fixed;
	width:100%;	
	height:inherit;
	position:absolute;
	left:0;right:0;
	top:0;bottom:0;
	z-index:10;
}
main .pages .header .tagline h1{
	display:table-cell;
	vertical-align:middle;
	font-size:45pt;
	font-family:'gillandbold';
	font-weight:bold;line-height:1;
	color:#fff;
	letter-spacing:2px;
	text-align:center;
	text-shadow: 3px 3px 5px rgba(56, 70, 67, 0.5);
}
main .pages .header.profil{}
main .pages .header.info{}
main .pages .header.layanan{background-color:#448b69}

main .pages .header.info.bgartikel{background-image:url('/files/images/pages/artikel.jpg');}
main .pages .header.info.bgberita{background-image:url('/files/images/pages/berita.jpg');}
main .pages .header.info.bgregulasi{background-image:url('/files/images/pages/aturan.jpg');background-position:bottom -250px center;}
main .pages .header.info.bgreports{background-image:url('/files/images/pages/laporan.jpg');}
main .pages .header.info.bgstatistik{background-image:url('/files/images/pages/statistik.jpg');}
main .pages .header.info.bgprogram{background-image:url('/files/images/pages/program.jpg');}
main .pages .header.info.bgagenda{background-image:url('/files/images/pages/agenda.jpg');}

/* FOOTER */
footer{
	background-color:#202628;
	padding-top:55px;
	padding-bottom:55px;
}
footer *{color:#fff;}

footer ul{list-style:none;margin:0;padding:0;}
footer li{display:block;}
footer li span{
	display:block;
	border-top:solid 1px #333;
	margin:5px 35px 0 0;
}
footer li:first-child span{border:none;}
footer li span a{
	display:block;
	padding:10px 0 10px 0;
	font-size:9pt;
}
footer li span a:hover{color:yellow;}

footer .logo img{width:125px;}
footer .logo,
footer .company {display:table-cell;vertical-align:middle;}
footer .company{padding-right:15px;}
footer .company h5{font-size:10pt;font-weight:bold;color:#c2ff05;}
footer .company label{font-size:small;line-height:1;color:#c8f9d2;}
/**/