::-webkit-scrollbar{width: 8px;height: 8px;background-color: transparent;}
::-webkit-scrollbar-thumb {background-color:#1f5fa5;outline: 0px solid slategrey;border-radius: 6px;}
::-webkit-scrollbar-track {background: #cce5ff; -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:#fff;
	display:table;
	height:100%;width:100%;
}

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;
    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 .wrapper,header .cotainer,header .tbl{height:95px;}
header .wrapper{padding:0 25px;}
header .td{border:solid 0px #ccc;}
header .logo{width:85px;text-align:left;}
header .logo img{display:block;width:100%;}

header .chrometitle{width:250px;padding-left:10px;vertical-align:middle;}

header .chrometitle label{
	margin:0;padding:0;line-height:1;
	font-size:16px;
	font-family:'poppins';
	color:#155287;
	font-weight:bold;
	margin-top:-2px;
	display:block;
	letter-spacing:0.2px;
}
header .chrometitle h5{
	margin:0;padding:0;line-height:1;
	font-family:'gillandbold';
	color:#444;
	font-weight:bold;
	font-size:16pt;
	text-transform:uppercase;
}

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;width:100%;}
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{
	font-family:'azonix';
	font-weight:bold;
	font-size:14px;
	color:#00458d;
	letter-spacing:0.5px;
	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:#555;}

/*navdown*/
header .menus li .navdown{
	position:absolute;
	top:50px;
	z-index:100;
	min-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{
	height:100%;
	display:table-row;
}
main .wrapper{margin-top:95px;}
main .bboard{min-height:400px;background-color:#e6f3ed;}
main .bboard .bb{
	min-height:80vh;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center bottom;
	height:inherit;
}

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

main #aboutus{
	padding:25px 0;
}

main #aboutus h1{
	font-family: 'PT Serif',Georgia,"Times New Roman",serif;
    font-weight: 800;
    font-size: 90px;
    color: #006633!important;
    letter-spacing: -3px;
	line-height:0.8;
}

main #aboutus .textbox{
	border:solid 1px #eee;
	padding:40px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

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:#002244;
	padding:50px 0;
}
footer *{color:#fff;}

footer .td{width:100%;}
footer #footinfo{width:350px;}

footer .logo img{width:125px;}

#footnav span{
	display:block;
	border-top: 0.5px solid rgba(255,255,255,0.15);
}
#footnav span:first-child{border:none;}
#footnav span a{display:block;padding:10px 0;font-size:11px;}
#footnav span a:hover{color:yellow;}
#footinfo h2{
	margin-top:10px;
	font-size:12px;
	font-family:'azonix';	
}
/**/