body { font-family:"Hind", sans-serif; font-size:11pt; line-height:1.53em; font-weight:400; }

.btn-danger {background-color:#cc123f; }
.btn-primary {background-color:#104382; }

.search_field { border:1px solid #dfdfdf; color:#000; background-color:#ececec }

.affix { top: 0; width: 100%; }
@media (max-height: 479px) {
    .affix {
        position: static;
    }
}

#header { 
	/*background-color:#fff;*/ color:#666; height:100px; z-index:9999; 
/*

	background: -webkit-gradient(linear, top bottom, from(#7e9faf), to(#afc4ce)) !important;
	background: -webkit-linear-gradient(top, #7e9faf, #afc4ce) !important;
	background: -moz-linear-gradient(top, #7e9faf, #afc4ce) !important;
	background: -o-linear-gradient(top, #7e9faf, #afc4ce) !important;
	background: -ms-linear-gradient(top, #7e9faf, #afc4ce) !important;
	background: linear-gradient(top, #7e9faf, #afc4ce) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7e9faf', endColorstr='#ffafc4ce') !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7e9faf', endColorstr='#ffafc4ce')" !important;

*/
	background: -webkit-gradient(linear, top bottom, from(#efefef), to(#efefef)) !important;
	background: -webkit-linear-gradient(top, #efefef, #efefef) !important;
	background: -moz-linear-gradient(top, #efefef, #efefef) !important;
	background: -o-linear-gradient(top, #efefef, #efefef) !important;
	background: -ms-linear-gradient(top, #efefef, #efefef) !important;
	background: linear-gradient(top, #efefef, #efefef) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff03a9f4', endColorstr='#ffc6d4e1') !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff03a9f4', endColorstr='#ffc6d4e1')" !important;

}
	.logo img { height:90px; margin-top:5px; }
	.logo-text, .logo-text2, 
		.logo-img { float:left; }
	.logo-text, .logo-text2 { margin-top:24px; margin-left:5px; }
	
	.logo-text .text-1 { font-size:28px; font-weight:bold; color:#000000; font-family:"Britannic Bold"; }
	.logo-text .text-2 { font-size:18px; color:#000000;font-family:"Arial Rounded MT Bold"; }
	.logo-text .text-3 { color:#000000; display:inline-block; }
	.logo-text .text-4 { font-size:10px; color:#000000; display:none; }

	br.xs-shown { display:none; }
	.sm-shown { display:none; }
	.sm-hidden { display:inline-block; }
	/*
	@media(max-width:991px) {
		.logo-text .text-1 { font-size:20px; }
		.logo-text .text-2 { font-size:28px; }
	}
	*/

	/*@media(max-width:479px) {*/
	@media(max-width:499px) {
		.headerleft { padding-left:0; }
		#header .logo .logo-img { height:70px; margin:0; margin-top:15px; }
		#header .logo .logo-text { margin-top:28px; }
		.logo-text .text-1 { font-size:22px !important; }
		.logo-text .text-2 { font-size:14px !important; }
		.logo-text .text-3 { display:none; }
		.logo-text .text-4 { display:inline-block; }
	}


	.headerright { display:none; }
	@media (min-width:768px) and (max-width:991px) {
		.headerright { display:inline-block; overflow:hidden }
	}

	#custom-search-form {
        margin:0;
        margin-top: 5px;
        padding: 0;
    }
 
    #custom-search-form .search-query {
        padding-right: 3px;
        padding-right: 4px \9;
        padding-left: 3px;
        padding-left: 4px \9;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
 
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
 
    #custom-search-form button {
        border: 0;
        background: none;
        /** belows styles are working good */
        padding: 2px 5px;
        margin-top: 2px;
        position: relative;
        left: -28px;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
 
    .search-query:focus + button {
        z-index: 3;   
    }	

/* NAVBAR ########################################################################## */

/* Responsive Height NavBar */
/*#main-nav.navbar { height:105px !important; border-bottom:1px solid #CCC; }*/

#main-nav.navbar { 
	height:50px !important;  
	border:none; border-radius:0; 
	margin-bottom:0; 
	z-index:9999;

	background: -webkit-gradient(linear, top bottom, from(#1c1c1c), to(#1c1c1c)) !important;
	background: -webkit-linear-gradient(top, #1c1c1c, #1c1c1c) !important;
	background: -moz-linear-gradient(top, #1c1c1c, #1c1c1c) !important;
	background: -o-linear-gradient(top, #1c1c1c, #1c1c1c) !important;
	background: -ms-linear-gradient(top, #1c1c1c, #1c1c1c) !important;
	background: linear-gradient(top, #1c1c1c, #1c1c1c) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffc6d4e1') !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffc6d4e1')" !important;
}
	#main-nav.navbar .container { 
		background-color:transparent !important;
	}

	/* NAVBAR HEADER ============================ */
	/* BRAND */
/*
	#main-nav.navbar .navbar-header .navbar-brand img { height:85px; }
		.brand-text, .brand-img{ float:left; }
		.brand-img { margin-top:-5px }
		.brand-text { margin-top:18px; margin-left:5px; }

		.sm-shown { display:none; }
*/
	/* TOGGLE */
	#main-nav.navbar .navbar-toggle { margin-top:12px !important; border-color:grey !important; }
	#main-nav.navbar .navbar-toggle .icon-bar { background-color:grey !important; }
	
	#main-nav.navbar .navbar-toggle:hover, 
		#main-nav.navbar .navbar-toggle:focus { background-color:#ff5722 !important; border-color:#ff5722 !important; }
	#main-nav.navbar .navbar-toggle:hover .icon-bar, 
		#main-nav.navbar .navbar-toggle:focus .icon-bar { background-color:#fff !important; }

	/* NAVBAR COLLAPSE ============================ */
	#main-nav.navbar .navbar-collapse { 
		background:inherit !important; 
		/* to give place for search form */
		float:left;
	}
	#main-nav.navbar .navbar-collapse .navbar-nav li { /*margin:0 10px;*/ padding:0 !important;  }
	#main-nav.navbar .navbar-collapse .navbar-nav li a { margin:0; color:#ffffff/* !important*/; }

	#main-nav.navbar .navbar-collapse .navbar-nav .dropdown-menu > li > a { /*font-size:16px !important*/; color:#7d8697; }
	/* dont use important for init val, cant be overriden on @media ... */

	#main-nav.navbar .navbar-nav>li>a:hover,
		#main-nav.navbar .navbar-nav>li>a:focus,
		#main-nav.navbar .navbar-nav>li>ul>li>a:hover, 
		#main-nav.navbar .navbar-nav>li>ul>li>a:focus, 
		#main-nav.navbar .navbar-nav>.active>a,
		#main-nav.navbar .navbar-nav>.active>a:hover,
		#main-nav.navbar .navbar-nav>.active>a:focus,

		#main-nav.navbar .navbar-nav>.open>a,
		#main-nav.navbar .navbar-nav>.open>a:hover,
		#main-nav.navbar .navbar-nav>.open>a:focus {   
			/*color:#ffcc66*/ color:#900; background:#efefef;
	}

	/* tambahan */
	#main-nav.navbar .navbar-nav>.active>a,
		#main-nav.navbar .navbar-nav>.active>a:focus,
		#main-nav.navbar .navbar-nav>.active>a:hover{ /*color:#ffcc66*/ color:#fcc400 !important; background-color:inherit; font-weight:bold; }
	
	/* ============================================== tambahan */


	#main-nav.navbar .navbar-form.navbar-left {
	  display:none
	}

	@media(min-width:1200px) {
		#main-nav.navbar .navbar-collapse .navbar-nav li a { 
			padding-left:0.8em !important; padding-right:0.8em !important; 
			/*font-size:1.1em !important; */
		}
		#main-nav.navbar .navbar-nav .dropdown-menu > li > a {
			/*font-size:1.1em !important;*/
		}
	}

	@media(max-width:1199px) {
		/*#main-nav.navbar { font-size:0.65em !important; }*/
		#main-nav.navbar .navbar-collapse .navbar-nav li a { 
			padding-left:0.6em !important; padding-right:0.6em !important; 
			/*font-size:0.9em !important;*/ 
		}
		#main-nav.navbar .navbar-nav .dropdown-menu > li > a { /*font-size:1.0em !important;*/ }
	}

	@media (min-width:768px) and (max-width:991px) {
		#main-nav.navbar .navbar-form { display:none; }
	}
	
	@media(max-width:767px) {

	  	/*#main-nav.navbar { height:75px !important; }*/
	  	/*#main-nav.navbar .navbar-brand img { height:55px; }*/

		#main-nav.navbar .container { 
			background: -webkit-gradient(linear, top bottom, from(#1c1c1c), to(#1c1c1c)) !important;
	background: -webkit-linear-gradient(top, #1c1c1c, #1c1c1c) !important;
	background: -moz-linear-gradient(top, #1c1c1c, #1c1c1c) !important;
	background: -o-linear-gradient(top, #1c1c1c, #1c1c1c) !important;
	background: -ms-linear-gradient(top, #1c1c1c, #1c1c1c) !important;
	background: linear-gradient(top, #1c1c1c, #1c1c1c) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffc6d4e1') !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffc6d4e1')" !important;
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffc6d4e1')" !important;
		}
	
	  	#main-nav.navbar .navbar-toggle { margin-top:8px !important;  }
	
		#main-nav.navbar .navbar-collapse { width:100%; margin:0 !important;  }

		/*#main-nav.navbar { font-size:1em !important; }*/
		#main-nav.navbar .navbar-collapse .navbar-nav li a { font-size:1em !important; }
		#main-nav.navbar .navbar-nav .dropdown-menu > li > a { font-size:1em !important; }

	

		#main-nav.navbar .navbar-form.navbar-right {
		  display:none
		}
		#main-nav.navbar .navbar-form.navbar-left {
		  display:block
		}
	}
	
	
	@media(max-width:479px) {

		/*#header .headerleft { text-align:center; }
		#header .logo .logo-img { height:60px !important; float:none; }
		br.xs-shown { display:inline-block; }
		
		.logo-text, .logo-text2 { margin-top:12px; margin-left:5px; float:none }
		.logo-text div, .logo-text2 div { font-size:18px !important; line-height:18px !important; }*/

		
		#main-nav.navbar { font-size:1em !important; }

		#main-nav.navbar .navbar-nav .dropdown-menu > li > a { font-size:1em !important; }
	}

	@media(max-width:325px) {
		#main-nav.navbar .brand-text-1 { font-size:22px; }
		#main-nav.navbar .brand-text-2 { font-size:14px; }
		#main-nav.navbar .brand-text-3 { font-size:14px; }
	}


	/* navbar-search */
	.search-form .form-control { position:relative; }
	.search-form .form-control:after {
	  position: absolute;
	  font-family: 'FontAwesome';
	  top: 0;
	  right: 10px;
	  content: "\f005";
	}

/* ====================== */

/* DROP DOWN MENU ############################################################################## */
/*
	#main-nav.navbar .navbar-nav .dropdown {
		background-color: transparent !important;  
	}

	#main-nav.navbar .navbar-nav .dropdown .dropdown-menu {
		border: none; border-radius:0; 
		background-color: transparent;  
		margin-top: -5px !important;
		margin-left: 0px;
		box-shadow:none;
	}

	#main-nav.navbar .navbar-nav .dropdown-menu > li { margin:0 !important; }
	#main-nav.navbar .navbar-nav .dropdown-menu > li > a { 
		background: -webkit-gradient(linear, top bottom, from(#03a9f4), to(#c6d4e1)) !important;
		background: -webkit-linear-gradient(top, #03a9f4, #5dcbfd) !important;
		background: -moz-linear-gradient(top, #03a9f4, #5dcbfd) !important;
		background: -o-linear-gradient(top, #03a9f4, #5dcbfd) !important;
		background: -ms-linear-gradient(top, #03a9f4, #5dcbfd) !important;
		background: linear-gradient(top, #03a9f4, #5dcbfd) !important;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff03a9f4', endColorstr='#ffc6d4e1') !important;
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff03a9f4', endColorstr='#ffc6d4e1')" !important;
		
		color:#000 !important; padding:0.5em 1em !important;
		line-height:1.8em !important;
		border-bottom:1px solid #c6d4e1;
	}

	#main-nav.navbar .navbar-nav .dropdown-menu > li > a:hover { 
		background:#efefef !important; 
		border-bottom:1px solid #efefef;
		color:#900 !important
	}
	
*/

	/*#main-nav.navbar .navbar-nav .dropdown {
		background-color: transparent !important;  
	}*/
	#main-nav.navbar .navbar-nav .dropdown-menu {
		border: none; border-radius:0; 
		background-color: transparent;  
		/*margin-top: -5px !important;
		margin-left: 0px;*/
		box-shadow:none;
	}

	#main-nav.navbar .navbar-nav .dropdown-menu > li > a { 
		/*
		background: -webkit-gradient(linear, top bottom, from(#03a9f4), to(#c6d4e1)) !important;
		background: -webkit-linear-gradient(top, #03a9f4, #5dcbfd) !important;
		background: -moz-linear-gradient(top, #03a9f4, #5dcbfd) !important;
		background: -o-linear-gradient(top, #03a9f4, #5dcbfd) !important;
		background: -ms-linear-gradient(top, #03a9f4, #5dcbfd) !important;
		background: linear-gradient(top, #03a9f4, #5dcbfd) !important;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff03a9f4', endColorstr='#ffc6d4e1') !important;
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff03a9f4', endColorstr='#ffc6d4e1')" !important;
		*/
		background-color:#474646;
		
		color:#ffffff !important; padding:0.5em 1em !important;
		line-height:1.8em !important;
		border-bottom:1px solid #e3d6c3;
	}
	#main-nav.navbar .navbar-nav .dropdown-menu > li > a:hover { 
		background:#efefef !important; 
		border-bottom:1px solid #b7c7d6;
		color:#900 !important
	}


		


/* MAIN SLIDE ############################################################################# */
	#mainslide { position:relative; }
	#mainslide .carousel .carousel-indicators li {
		border-color:#ffc;
	}
	#mainslide .carousel .carousel-indicators .active {
		background-color: #ffc; 
	}
	/* ensure full-slider with specific height */
	#mainslide .carousel .carousel-inner {
		/*height: 36.63vw;*/
		height: 480px;
	}
	/* Declare heights because of positioning of img element */
	#mainslide .carousel .item {
	  height: 100%;
	  background-color: #000;
	}
	#mainslide .carousel .background {
		width: 100%;
		height: 100%;
	
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	/* FADING SLIDE snippet */
	#mainslide .carousel-fade .carousel-inner .item {
	  opacity: 0;
	  transition-property: opacity;
	  transition-duration: 1s;
	  transition-timing-function:linear;
	}
	
	#mainslide .carousel-fade .carousel-inner .active {
	  opacity: 1;
	}
	
	#mainslide .carousel-fade .carousel-inner .active.left,
	#mainslide .carousel-fade .carousel-inner .active.right {
	  left: 0;
	  opacity: 0;
	  z-index: 1;
	}
	
	#mainslide .carousel-fade .carousel-inner .next.left,
	#mainslide .carousel-fade .carousel-inner .prev.right {
	  opacity: 1;
	}
	
	#mainslide .carousel-fade .carousel-control {
	  z-index: 2;
	}

	#mainslide .carousel-caption {
		/*top: 24%;*/
		top:45%;
		bottom: auto;
		
		/* widening caption */
		left:0; right:0;
	}

	#mainslide .carousel-caption h1 { 
		font-size:28pt; line-height:30pt; color:#ffc; 
		background:rgba(0,0,0,0.5); 
		padding:28pt;
	}
	#mainslide .carousel-caption p { 
		font-size:18pt; line-height:20pt; 
		background:rgba(255,255,255,0.4); 
		padding:9pt; color:#000;
	}
	
	@media(max-width:979px) {
		#mainslide .carousel .carousel-inner { height:400px; }
		#mainslide .carousel-caption h1 { font-size:24pt; line-height:26pt; }
		#mainslide .carousel-caption p { font-size:18pt; line-height:20pt; }
	}
	@media(max-width:767px) {
		#mainslide .carousel .carousel-inner { height:300px; }
		#mainslide .carousel-caption h1 { font-size:20pt; line-height:22pt; }
		#mainslide .carousel-caption p { font-size:14pt; line-height:16pt; }
	}
	@media(max-width:479px) {
		#mainslide .carousel-caption h1 { font-size:16pt; line-height:18pt; }
		#mainslide .carousel-caption p { font-size:10pt; line-height:12pt; }
	}
	
	
	
	/*
	WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
	now override the 3.3 new styles for modern browsers & apply opacity
	*/
	@media all and (transform-3d), (-webkit-transform-3d) {
		#mainslide .carousel-fade .carousel-inner > .item.next,
		#mainslide .carousel-fade .carousel-inner > .item.active.right {
		  opacity: 0;
		  -webkit-transform: translate3d(0, 0, 0);
				  transform: translate3d(0, 0, 0);
		}
		#mainslide .carousel-fade .carousel-inner > .item.prev,
		#mainslide .carousel-fade .carousel-inner > .item.active.left {
		  opacity: 0;
		  -webkit-transform: translate3d(0, 0, 0);
				  transform: translate3d(0, 0, 0);
		}
		#mainslide .carousel-fade .carousel-inner > .item.next.left,
		#mainslide .carousel-fade .carousel-inner > .item.prev.right,
		#mainslide .carousel-fade .carousel-inner > .item.active {
		  opacity: 1;
		  -webkit-transform: translate3d(0, 0, 0);
				  transform: translate3d(0, 0, 0);
		}
	}

.bgku {
	
	background-color:#1c1c1c;
	background: -webkit-gradient(linear, left right, from(#1c1c1c), to(#9a9a9a));
	background: -webkit-linear-gradient(left, #1c1c1c, #003366);
	background: -moz-linear-gradient(top, #1c1c1c, #9a9a9a);
	background: -o-linear-gradient(left, #1c1c1c, #9a9a9a);
	background: -ms-linear-gradient(left, #1c1c1c, #9a9a9a);
	background: linear-gradient(left, #1c1c1c, #9a9a9a);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#ff1c1c1c', endColorstr='#ff9a9a9a');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#ff1c1c1c', endColorstr='#ff9a9a9a')";
}

.bgku .form-control { margin:2px 0; }

/* SPECIAL HABIT for GRID SECTION ########################################################### */

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media(max-width:991px) {
	#section02 .col-md-4, #section04 .col-md-4, #section04 .item { margin-bottom:30px; }
}
/* GENERAL SETTING FOR SECTION */
.section-title { padding:20px 0; }
.section-title h1 { font-family:'Montserrat'; font-weight:bold;  }
.section-desc { }
	.section-desc .datetime {
		font-size:0.8em; /*background-color:#cc123f;*/ color:#666; /*padding:2px 5px;*/
	}
	.section-desc .title {
		margin-bottom:15px; color:#000;
	}

/* SECTION 01 ############################################################################### */
#section01 { background-color:#f3f3f3; }
#section01 .container { padding-top:20px; }
#section01 .container .kolom { margin-bottom:30px; }
#section01 .info-content {
	padding:20px; background-color:#FFF; text-align:center;	
}

#section01 .info-content .tanggal { margin:10px 0; }
#section01 .info-content .tanggal span { 
	font-size:0.8em; background-color:#cc123f; color:#FFF; padding:2px 5px;
}
#section01 .info-content .judul { font-size:1em; font-weight:bold; margin:20px 0; }
#section01 .info-content .ringkasan { text-align:justify; }
#section01 .info-content .btn-default { margin:10px; }

#section01 .info-detail .datetime { font-size:0.8em; color:#999 }
#section01 .info-detail h3.title { color:#900; margin-bottom:20px; }
#section01 .info-detail p, #section01 .info-detail td, #section01 .info-detail li {
	font-size:13pt !important;
}


#section01 img { width:100% !important; }

@media(min-width:992px) {
	#section01 .info-lain {/* padding-right:30px !important; padding-left:0 !important;*/ }
}


/* SECTION 02 ############################################################################### */
#section02 {
	background-color:#cccccc; padding:20px 0;
}

#section02 .info-content, 
	#section02 .info-content2  { 
	padding:20px; background-color:#FFF; text-align:center; margin-bottom:30px; 
}
#section02 .info-content2 { background:#efefef; }

/* SECTION 03 ############################################################################### */
#section03 {  padding:30px 0; background-color:#efefef !important; }

@media(min-width:768px) {
	.vcenter {
		display: inline-block;
		vertical-align: middle;
		float: none;
		text-align:left !important;
	}
	#section03 .img-responsive {  float:right }
}

/* SECTION 04 ############################################################################### */
#section04 { padding:20px 0; background-color:#cccccc; }
/*#section04 .item {
	padding:10px; margin:0 10px;	
}
#section04 .box { position:relative; }
#section04 .box:after {
    content:'';
    width: 0; 
    height: 0; 
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;   
    border-bottom: 30px solid #cc123f;
    position:absolute;
    left:50%;
    bottom:0;
    transform:translatex(-50%);
	z-index:999;
}*/


/* SECTION 05 ############################################################################### */
#section05 { padding:20px 0; min-height:600px; }
#section05 .section-title { padding:20px 0 0; text-align:center !important; color:#666 }
#section05 .tab-content {
	padding:20px 0; 
}                    

#section05 .tab-content li { 
	padding:7px 0;
	/*margin:0 10px;*/
	border-bottom:1px solid #ccc;
	list-style:none;
	margin-left:-20px;
}
#section05 .tab-content li p { line-height:26px; }
#section05 .tab-content li .linktitle { color:#cc123f; }
#section05 .tab-content li .linkpop { font-size:10pt; color:#cc123f; }

#section05 .tab-content ul a {
	color: #000;
	text-decoration: none;
}

#section05 .tab-content ul a:hover {
	color: #900;
}                    

@media(max-width:991px) {
	#section05 { background:none !important }
	#section05 .section-title { padding:20px 0 0; /*text-align:center !important;*/ }
	#section05 .section_content { float:none; width:100%; }
}

/* OPINI */

@media(max-width:991px) {
	/*#opini { background-image:url(assets/img/bg_opini_2.jpg) !important }*/
}


/* STATISTIK */

#statistik {
	/*background-color:#104382;*/
	padding:5px;/* background:url(../img/bg_05.jpg) center top repeat-y;*/ /*background-color:#a3a2a2;*/
	background-image:url(../img/bg_statistik.jpg); background-size:cover; }

#statistik .container {
	background:url(../img/statistik.png) 100px center no-repeat; min-height:140px;
}


/* STATISTIK */
.statistik-info {
	margin-top:40px;
}

.statistik-data {
  display: inline-block;
  width: 120px;
  height: 120px;
  font-size: 16px;
  line-height: 120px;
  border: 3px solid #000000;
  border-radius: 100px;
  margin-bottom: 20px;
  color:#000000;
}

.statistik-data:before {
	content: '';
	margin: 17px;
	display: block;
	border: 1px solid #999;
	height: 80px;
	border-radius: 50%;
	position: absolute;
	width: 80px;
}

@media(max-width:991px) {
	#statistik .container { background:none !important }
	#statistik h1 { line-height:40px !important }
}

@media(max-width:767px) {
	.statistik-info {
		margin-top:0;
	}
}

/* #banner */

#banner {
	background-image:url(../img/bg_banner.jpg); padding:20px 0 40px;
	background-size:cover;
}
#banner-slider .item {
	padding:10px;	background-color:#FFF; padding:0; margin:0 10px;
}
#banner-slider .tinylink {
	font-size:10pt; line-height:30px; color:#cc123f
}

#banner-slider .item .desc {
	padding:10px; background-color:#FFF; text-align:center;
}

#banner .box { position:relative; }
#banner .box:after {
    content:'';
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;   
    border-bottom: 10px solid #ffffff;
    position:absolute;
    left:50%;
    bottom:0;
    transform:translatex(-50%); /** making it horizontally center **/
	z-index:999;
}

/* galeri ############################################################################## */
#galeri {
	background-color:#c6d4e1; padding:20px;
}

#galeri .item { margin-bottom:30px; }
#galeri .item .box { position: relative; }
#galeri .item img { display: block; width: 100%; height: auto; }

#galeri .caption {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%; 
  background-color:rgba(0,0,0,0.5);
  /*opacity: 0.5;*/
  cursor:pointer;
  display:none;
}


@media(max-width:991px) {
	#galeri .galeri-hidden { display:none; }
}




.owl-prev, .owl-next { margin:20px 1px !important; background:none !important; }

 

/* FOOTER ############################################################################### */
footer {
	padding:20px; color:#c6d4e1;
	background: -webkit-gradient(linear, top bottom, from(#2f4a66), to(#1c3044)) !important;
	background: -webkit-linear-gradient(top, #2f4a66, #1c3044) !important;
	background: -moz-linear-gradient(top, #2f4a66, #1c3044) !important;
	background: -o-linear-gradient(top, #2f4a66, #1c3044) !important;
	background: -ms-linear-gradient(top, #2f4a66, #1c3044) !important;
	background: linear-gradient(top, #2f4a66, #1c3044) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f4a66', endColorstr='#ff1c3044') !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f4a66', endColorstr='#ff1c3044')" !important;
}
footer li a { color:#FFF; }
footer li a:hover { color:#fc0; }
footer li .disabled { color:#999; }

	#return-to-top {
		position: fixed;
		bottom: 20px;
		right: 20px;
		background: rgb(204, 18, 63); /*#cc123f*/
		background: rgba(204, 18, 63, 0.7);
		width: 50px;
		height: 50px;
		display: block;
		text-decoration: none;
		-webkit-border-radius: 35px;
		-moz-border-radius: 35px;
		border-radius: 35px;
		display: none;
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		z-index:999
	}
	#return-to-top i {
		color: #fff;
		margin: 0;
		position: relative;
		left: 16px;
		top: 13px;
		font-size: 19px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	#return-to-top:hover {
		background: rgba(204, 18, 63, 0.9);
	}
	#return-to-top:hover i {
		color: #fff;
		top: 5px;
	}