@font-face {font-family: 'Cuprum';font-style: normal;font-weight: 400;src: local('Cuprum'), local('Cuprum-Regular'), url(cyrillic.woff2) format('woff2');unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face {font-family: 'Cuprum';font-style: normal;font-weight: 400;src: local('Cuprum'), local('Cuprum-Regular'), url(latin-ext.woff2) format('woff2');unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: 'Cuprum';font-style: normal;font-weight: 400;src: local('Cuprum'), local('Cuprum-Regular'), url(latin.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}
::-webkit-scrollbar {width: 3px; height:3px;}
::-webkit-scrollbar-track {    background-color: rgba(255,255,255,0.41);    border-left: 0px solid rgba(255,255,22255,0.11);}
::-webkit-scrollbar-thumb {    background-color: rgba(39,61,68,0.89); border-radius:3px;}
::-webkit-scrollbar-thumb:hover {	background-color:rgba(39,61,68,0.99);}
a,a:hover{text-decoration:none; cursor:pointer; color:#333;}

body{padding:79px 0 21px 0; margin:0; overflow-x:hidden; font-family:Cuprum !important; position:relative;}
body *{box-shadow:none !important;}
body:before{content:'';  position:fixed; top:0; left:0; right:0; bottom:0; z-index:0; opacity:.11;}
body > .content-wrapper > section > .container{padding:0; margin-top:21px; margin-bottom:21px; border-radius:5px;}

h1,h2,h3,h4,h5,h6{font-family:Cuprum !important; }
.wrapper{width:100%; text-align:center; position:relative; z-index:1;}
.container{width:100%; max-width:999px; margin:0 auto; text-align:left; position:relative; z-index:1; padding:0 9px;}
.container > .pad{padding:3px;}
.container > .pad .panel,.container .pad .box{margin-bottom:6px; background-color:rgba(255,255,255,.71); overflow:hidden; box-shadow: 0 0 5px 0 rgba(0,0,0,.11);}


.NUBreakBox{color:#fff; max-width:100%; text-align:center; padding:11px 0; margin:0; position:relative; z-index:2;}
.NUBreakBox .container{ display:block; text-align:center; position:relative; z-index:0;}
.NUBreakBox+section{position:relative; z-index:3;}	

.NUBreakBoxs{max-width:100%; text-align:center; border-radius:0; position:relative; z-index:2; padding:0;}
.NUBreakBoxs.shadow{ box-shadow:0 0 3px rgba(0,0,0,.21);}
.NUBreakBoxs.overflow{ overflow:hidden; }

.divScrooler{max-height:393px; overflow-y:scroll; overflow-h:hidden;}
 

@media print {
	header,body:after,footer{display:none;}
	body,.wrapper,.container{padding:0; background:#fff;}
}
.indexLoad{ font-family:Cuprum !important; }

header{ border-bottom:solid 1px rgba(255,255,255,.21); padding:0; height:79px; position:fixed; top:0; left:0; right:0; z-index:999;  transition:all .41s; }
header > .logo{position:relative; z-index:9 !important;}
header > .logo a{position:absolute; top:-37px; left:0; }
header > .logo a .brand{height:71px; margin:9px 11px 0 0; position:relative; z-index:3; transition:all .41s; float:left;}
header > .logo a h3,header > .logo a h6,header > .logo a h5{font-family:Cuprum !important; margin:0; color:#fff !important; white-space:nowrap; transition:all .41s;}
header > .logo a h5{ margin-top:17px;}
header > .logo a h3{ margin:7px 0 -3px 0; letter-spacing:0px; font-size:25px; transition:all .41s;}
header > .logo a h6{ margin:0 0 -21px 0; opacity:1;}
header section{line-height:33px; height:33px; position:relative; background-color:rgba(0,0,0,.49); z-index:3;}
header section:before{position:absolute; top:0; left:0; right:0; bottom:0; content:''; z-index:0;}
header section ul{padding:0; margin:0 9px 0 0; display:inline-block; position:relative;}
header section ul li{list-style:none; padding:0; margin:0; display:none; position:relative;}
header section ul li a{color:#FFFFFF; font-size:12px; font-weight:normal !important; padding:0 11px; z-index:1; position:relative;}
header section ul li a:hover{color:#D1D1D1 !important;}
header section ul li a .caret{margin:0 9px 0 1px; opacity:.71;}
header section ul#menuheader > li{margin:0;}
header section ul#menuheader > li+li{display:inline-block;}
header section ul#menuheader > li+li+li a{ border-left:solid 1px #fff;}
header section ul#menuheader > li:hover > a{}
header section ul#menuheader li ul{ line-height:15px; opacity:0; display:block; overflow:hidden; position:absolute; top:31px; left:11px; max-height:0; transition:all .41s; min-width:191px; background-color:rgba(0,0,0,.71);}
header section ul#menuheader li ul li ul{top:0; left:100%;}
header section ul#menuheader li ul li,
header section ul#menuheader li ul li a{display:block;}
header section ul#menuheader li:hover > ul{max-height:786px; opacity:1; overflow:visible;}
header section ul#menuheader li ul li a{padding:9px; text-align:left; white-space:nowrap;}
header section ul#menuheader li ul li a{border-top:solid 1px rgba(255,255,255,.21);}

header section ul.menusys li{display:inline-block; color:#fff;}
header section ul.menusys li a{font-size:13px; padding:9px 9px 5px 9px; background-color:#fff; border-radius:0 0 5px 5px; transition:background-color .41s;}
header section ul.menusys li a:hover{background-color:#fff;} 

header > .container{ position:relative; z-index:1;}
header nav{text-align:right;}
header nav ul{padding:0; margin:0;}
header nav ul li{list-style:none; display:inline-block; margin:0; position:relative;}
header nav ul li a{border-bottom:solid 5px transparent; display:block; white-space:nowrap; color:#fff; padding:12px 9px; font-size:15px; transition:all .41s; position:relative; z-index:3;}

header nav ul li a span{position:relative; z-index:1;}
header nav > ul > li > a:before{position:absolute; top:3px; left:3px; right:3px; bottom:33px; content:''; border-radius:3px; z-index:0; transition:all .41s; background-image:url(../../files/system/icon/down.png); background-size:0px auto; background-position:center top 49px; background-repeat:no-repeat;}
header nav ul li:hover > a:before,header nav ul li a.active:before{bottom:3px; background-size:21px auto; background-color:#fff;}
header nav ul li:hover > a,header nav ul li a.active{ border-color:#fff !important; }
.menuOpen{display:none;}
header nav ul li ul{top:41px; right:-3px; bottom:auto; max-height:0; overflow:hidden; transition:all .71s; padding:0; border-radius:3px; position:absolute; min-width:241px; background-color:rgba(0,0,0,.71); }
header nav ul li ul li{display:block; position:relative;}
header nav ul li:hover ul{ opacity:1; max-height:999px; padding:9px 0;}
header nav ul li ul li a{padding:9px; margin:0; border-top-width:1px !important; border-bottom-width:1px !important; font-size:12px; text-align:left;}
header nav ul li ul li ul{ display:none; top:-9px !important; right:0% !important; left:auto; max-width:0px; opacity:0; transition:all .41s;}
header nav ul li ul:hover{overflow:visible;}
header nav ul li ul li:hover ul{display:block; opacity:1; right:100% !important; margin-right:0px;}


header.top{top:-37px; background-color:#b80002;}
header.top > .logo a .brand{height:37px; margin:41px 3px 0 0;}
header.top > .logo a h5{ opacity:0;}
header.top > .logo a h3{ margin:21px 0 -26px 0; font-size:21px;}
header.top > .logo a h6{ opacity:0;}

@media screen and (max-width: 786px){
	header section ul{display:none;}
	header section ul.menusys{display:inline-block;}
	header nav .menuOpen{display:block; border-radius:4px; position:absolute; padding:7px 11px 3px 11px !important; background-color:rgba(0,0,0,.91); top:7px; right:3px; z-index:9; background-color:#333; border-color:#333 !important; color:#fff !important;}
	header nav{padding-top:67px; left:0;}
	header nav > ul{background-color:rgba(0,0,0,.71); display:none; position:fixed; top:79px; left:0; right:0; bottom:0; overflow-y:scroll; padding:3px 3px 41px 3px; }
	header.top nav > ul{top:41px;}
	header nav ul.open{display:block;}
	header nav ul li{display:block;}
	header nav ul li a{border:none !important; padding:9px 9px !important; display:block; text-align:left; font-size:15px !important; color:#fff !important;}
	header nav ul li+li a{border-top:solid 1px rgba(255,255,255,.11);}
	header nav ul li a:before{display:none;}
	header nav ul li ul,header nav ul li:hover ul,
	header nav ul li ul li ul,header nav ul li ul li:hover ul{overflow:visible; display:block; padding:5px 0 0 25px; position:relative; height:auto; max-height:none; background-color:transparent !important; opacity:1; width:100%; top:0; left:0; right:0;}
	header nav ul li ul li ul,header nav ul li ul li:hover ul{padding:11px 0 0 29px !important;}
}


article{display:block; min-height:141px; padding:9px; color:#333; line-height:21px; background-color:transparent !important; box-shadow:none !important;}
article > a{display:block; font-size:19px; color:#333;}
article > a > h4{margin:11px 0 0 0; padding:0; font-size:21px; line-height:21px; height:21px; overflow:hidden;}
article > a > span{ float:left; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover; width:191px; height:127px; margin:0 11px 0 0; transition:height .41s; box-shadow:inset 0 0 9px rgba(0,0,0,.11); background-color:rgba(0,0,0,.03);}
article > a > span img{width:100%;}
article > a > small{display:inline-block; white-space:nowrap; font-size:11px; line-height:11px; margin:0 3px 7px 0;}
article > a > p > b{font-weight:100;}
article > a > p{padding:0; margin:0; font-weight:normal; overflow:hidden; font-size:13px; max-height:127px;}
article > small{display:block; margin:3px 0;}
article > small .postAuthor{position:relative; z-index:999; margin:0; min-width:71px; padding:0; text-align:center; float:left; height:33px; transition:all .41s;}
article > small .postAuthor .picAuthor{position:relative; margin:-13px 0 -7px 0; width:33px; height:33px; border-radius:99%; display:inline-block; background-size:cover; border:1px solid #eee; box-shadow:1px 1px 3px rgba(0,0,0,.21); transition:all .41s;}
article > small .postAuthor .nameAuthor{display:block; text-shadow:1px 1px 3px rgba(0,0,0,.21); background-color:rgba(255,255,255,0); border-radius:3px;}
article > small .postAuthor:hover{margin:0 -7px 0 7px;}
article > small .postAuthor:hover .picAuthor{width:99px; height:99px; margin:-11px -41px -3px -41px; border-radius:5px; box-shadow:3px 3px 9px rgba(0,0,0,.41);}
article > small .postAuthor:hover .nameAuthor{background-color:rgba(255,255,255,.71);}
article > small small a{display:inline-block;}



@media screen and (max-width: 393px){
	article > a > span{float:none; display:block; width:auto; margin:0 0 9px 0; min-height:141px;}
}
article.baca{font-size:13px;}
article.baca > a > span{height:199px; width:313px; float:left; margin:0 11px 0 0;}
article.baca > h2{font-family:Cuprum !important; }
article.baca > small{font-size:15px;}
article.baca > p{line-height:25px; font-size:15px; margin-bottom:11px;}

.slidebox{padding:11px 0 !important; position:relative !important;}

.carousel-fade .carousel-inner .item { transition-property: opacity; }
.item,.active.left,.active.right {	opacity: 0;}
.active,.next.left,.prev.right {	opacity: 1;}
.next,.prev,.active.left,.active.right {	left: 0;	transform: translate3d(0, 0, 0);}
.carousel-control { z-index: 2; }


footer{ border-top:solid 1px rgba(255,255,255,.21); padding:21px 0; color:#fff; min-height:21px; position:fixed; bottom:-171px; left:0; right:0; height:191px; z-index:786;  transition:all 1.11s; z-index:3;}
footer:hover{bottom:-9px;}
footer .copyright{transition:all .41s; position:absolute; top:-19px; left:0; right:0; text-align:center;}
#toTop{position:fixed; bottom:21px; right:9px; display:none; z-index:999;}
footer .contact img{width:41px;}
footer .contact h3{color:#fff; margin:3px 0 0 0;}
footer .contact h6{color:#fff; margin:0 0 9px 0;}
footer .contact > a{display:inline-block; min-width:49%; color:#fff; padding-left:21px; position:relative;}
footer .contact > a i{ position:absolute; top:2px; left:0; display:block; width:21px; text-align:center;}

footer .contact .partner{display:block; padding:9px 0;}
footer .contact .partner a {color:#fff; display:inline-block; margin-right:9px;}
footer .contact .partner a img{ width:19px; opacity:.41; transition:all .41s;}
footer .contact .partner a:hover img{opacity:1;}

footer ul{padding:9px 0 0 0; margin:0;}
footer ul li{list-style:none; text-align:right; padding:0; margin:0; display:none;}
footer ul > li+li{display:block;}
footer ul li a{color:#FFFFFF; padding:2px; z-index:1; position:relative; display:block; opacity:1; transition:all .41s;}
footer ul li a .fa{display:inline-block !important; width:25px; margin:3px 0 0 0; text-align:center; float:right;}
footer ul li a:hover{ opacity:.41; color:#fff;}




.A4 .page .kop{font-family:times !important; display:block; position:relative; border-bottom:solid 1px #999; margin:0 0 9px 0; padding:0 11px 9px 11px; text-shadow: 0 0 3px rgba(0,0,0,0.11); }
.A4 .page .kop h3,.A4 .page .kop h4{font-family:times !important; line-height:100%; margin:3px 0; text-transform:uppercase; font-weight:bold;}
.A4 .page .kop .logo{width:99px; margin:-11px 11px 0 0;}
.A4 .page .dataView{display:block; padding:11px 21px; font-size:15px;}
.A4 .page .dataView span{display:inline-block; padding:1px 21px; width:33%; vertical-align:top;}
.A4 .page .dataView strong{display:inline-block; padding:1px 0; width:65%; vertical-align:top;}
.A4 .page .dataView h5{padding:0 21px;}
.A4 .page .photo{width:111px; height:131px; margin:0 11px 0 0; vertical-align:bottom; border-radius:4px; border:solid 1px rgba(0,0,0,.71); display:inline-block; float:left; background-position:center center; background-size:cover;}

.labelSelect{position:relative; margin:1px 0; font-weight:bold;}
.labelSelect small{margin:0 0 0 11px;}
.labelSelect input[type=checkbox]{position:absolute; top:0; left:0; opacity:0;}
.labelAdd > div > button{width:33px; padding:6px 0;}
.labelAdd > div > button > .caret{position:absolute; right:1px; bottom:1px; font-size:15px;}




.siswalist{position:relative;}
.siswalist li{position:relative; border-radius:3px;}
.siswalist li:hover{background-color:rgba(0,0,0,.03);}
.siswalist li .opt{position:absolute; top:3px; left:3px;}
.siswalist li img{width:71px; height:71px;}

.alamat{z-index:11;}
.list-autocomplate{position:absolute; bottom:37px; right:5px; padding:0; z-index:9; left:5px; border-radius:4px 4px 0 0; background-color:#fff; box-shadow:0 0 3px rgba(0,0,0,.21); margin:0 !important; padding:0 !important; border:none !important;}
.list-autocomplate > button{border-radius:0; margin:0; border:none;text-align:left;}
.list-autocomplates{position:relative; padding:2px 3px; border:solid 1px #ccc; border-radius:4px;}


.boxLists{ }
.boxLists .nav,.boxLists .nav li,.boxLists .nav li a{display:block; min-height:71px; width:100% !important;}
.boxLists .nav li a img{float:left; height:55px; margin:0 9px 0 -9px;}
.boxLists .nav li a h5{ height:15px; white-space:nowrap; overflow:hidden; margin:0;}
.boxLists .nav li a small{ max-height:21px; font-size:11px; line-height:11px; padding:0; display:block; overflow:hidden; margin:5px 0;}
.boxLists .box-footer.pad{height:247px; border-radius:4px 4px 0 0; overflow:hidden; padding:79px 9px 21px 9px; position:relative;}
.boxLists .box-footer.pad img{ max-height:111px; position:absolute; top:0; right:0; border-radius:0 4px 0 99%;}
.boxLists .box-footer.pad img.icon{ position:relative; display:inline-block; top:auto; max-height:41px; margin:11px 0; right:auto; border-radius:0;}
.boxLists .box-footer.pad > a{color:#fff;}
.boxLists .box-footer.pad > a.btn{position:absolute; top:33px; left:-5px; right:0; text-align:left; background-color:rgba(0,0,0,.71) !important; }
.boxLists .box-footer.no-padding .btn-block{color:#fff !important;}
.boxLists .box-footer h5{line-height:21px !important;}
.boxLists .box-footer h5+h5{width:100%;}
.boxLists .box-footer h5.agenda{ font-size:15px; text-align:center; padding:0 0 11px 0;}
.boxLists .box-footer h5.agenda durasi{ background-color:#fff; color:#333 !important; display:block; border-radius:11px; margin:9px 0;}
.boxLists .box-footer h5.agenda jam{display:block;}
.boxLists .box-footer h5.agenda tanggal{font-size:49px; line-height:41px;}
.boxLists .box-footer h5.agenda jam{font-size:21px; line-height:21px;}
.boxLists .box-body{padding:0 9px 0 0 !important;}
.boxLists author{font-size:11px; margin:0; line-height:11px; display:inline-block; padding:2px 3px; border-radius:3px; border:solid 1px rgba(0,0,0,.11);}

.loader{ position:relative; min-height:71px; }
.loader:after{position:absolute; top:3px; left:3px; right:3px; bottom:3px; background:url(../../files/system/loading.gif) no-repeat top 33px center rgba(255,255,255,.71); background-size:21px 21px; z-index:99; content:''; border-radius:3px;}



.sponsor{background-position:center center; display:block; overflow:hidden; background-repeat:no-repeat; position:relative; margin:0; cursor:pointer; text-align:center; min-height:90px;}
.sponsor *{z-index:3; position:relative;}
.sponsor:before{ 
position:absolute; 
top:-100px; left:-100px; 
width:200px; height:200px; border-radius:100%; content:''; z-index:7;
background-color:rgba(255,255,255,.11);
border:solid 71px rgba(255,255,255,.11);
-webkit-animation-duration:21s; 
-webkit-animation-name:sponsor; 
-webkit-animation-timing-function:ease; 
-webkit-animation-delay:0.3s; 
-webkit-animation-iteration-count:infinite; 
-webkit-animation-direction:normal; 
-webkit-animation-play-state:running;}
@-webkit-keyframes sponsor
{
 0%{ width:200px; height:200px; top:-50%; left:-50%; right:auto; bottom:auto;} 
 25%{width:1991px; height:1991px; top:-100%; left:-100%; right:auto; bottom:auto;}
 26%{width:1991px; height:1991px; top:auto; left:auto; right:-100%; bottom:-100%;}
 50%{width:200px; height:200px; top:auto; left:auto; right:-50%; bottom:-50%;}
 75%{width:1991px; height:1991px; top:auto; left:auto; right:-100%; bottom:-100%;}
 76%{width:1991px; height:1991px; top:-100%; left:-100%; right:auto; bottom:auto;} 
100%{width:200px; height:200px; top:-50%; left:-50%; right:auto; bottom:auto;} 
}
.sponsor:hover:before{-webkit-animation-play-state:paused;}