/* CSS Document */

@font-face {
    font-family: 'traditional_arabicregular';
    src: url('../font/trado-webfont.eot');
    src: url('../font/trado-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/trado-webfont.woff2') format('woff2'),
         url('../font/trado-webfont.woff') format('woff'),
         url('../font/trado-webfont.ttf') format('truetype'),
         url('../font/trado-webfont.svg#traditional_arabicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('../fonts/League_Gothic-webfont.eot');
    src: url('../fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/League_Gothic-webfont.woff') format('woff'),
         url('../fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('../fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-weight: 400;
    font-style: normal;

}

body{
	margin: 0px 0px 0px 0px;
	background: url(../images/bg-body.jpg); 	
    background-image: url(../images/bg-idc.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 	
    font-family: 'Open Sans';
	font-size:12px;
	}
a{ text-decoration:none; color:#a4a4a4; }	
img{ border:0; }
.left{
	float:left;
	}
.right{
	float:right;
	}
.clear{
	clear:both;
	}		
h2, h3,h4{ margin:0; padding:0; }	
.green{
	color:#65A10B;
}

#layout
	{
	width: 980px;
	color: #333;
	line-height: 130%;
	font-size:12px;
	margin:0px auto;
	/*background:#FFF;*/
	}
header{
	height:200px;
	background: #FFF url(../images/header-line-bottom.jpg) bottom no-repeat; 	
}
#header-top{
	height:43px;
	background:url(../images/bg-top1.png);
}
#sosmed-icon{
	width:200px;
	padding:8px 0 0 30px;
}
#sosmed-icon img{
	margin-right:5px;
}
#wa-rek{
	color:#FFF;
	width:300px;
	margin-left:160px;
	padding:15px;
	font-size:14px;
	font-weight:bold;
}
#wa-rek a{
	color:#FFF;
}
.wa{
	background:url(../images/wa-icon2.png) no-repeat 0 7px;
	padding:10px 20px 0 28px;
	margin:15px 0 0;
}
.rek{
	background:url(../images/list-rek-icon.png) no-repeat 0 7px;
	padding:10px 0 0 28px;
	margin:15px 0 30px;	
}
#search-box{
	padding:2px 10px 2px;
	border:0px;
	margin:5px 0 0px;
	width:220px;
	background:#FFF;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
}
input.search-button{
	background:url(../images/search-icon.png) no-repeat 3px 2px;
	border:1px;
	height:27px;
	width:25px;
}
input.search-input{
	border:0;
	width:190px;
	height:23px;
	font-size:14px;
}
#header-bottom{
	height:90px;
	padding:10px 0 0px;
	margin-bottom:15px;
}
#logo{
	width:330px;
}

/*#search-box{
	margin:20px 20px 0;
	padding:0px 0px 2px 10px;
	background:#a4b8ce;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
}
input.search-field{
	width:150px;
	height:17px;
	border:none;
	background:#a4b8ce;
	color:#FFF;
}
input.search-submit{
	background:url(../images/search.png) 0px 5px no-repeat;
	height:23px;
	width:27px;
	border:none;
}*/
#main{
	background:#FFF;
	padding:0 0 50px 0;
}
#countdown{
	height:45px;
	width:290px;
	padding:5px 0 0 40px;
	background:url(../images/countdown.png) no-repeat;
	position:absolute;
	right:0;
	top:300px;
}
#main{
	padding:5px 15px 15px;
	line-height:140%;
	background:#FFF;
}
#main1{
	height:565px;
}
#main-left{
	width:636px;
	height:490px;
	padding:0px;
}
#main-right, #main1-slider{
	width:300px;
	height:560px;
	margin:0;
/*	background:url(../images/bg-program-right.png) no-repeat;*/
	background: #FDE576;
	background-image: url("../images/diagonal-lines-pattern.png"); /* fallback */
	line-height:20px;
}
#main-feature{
	margin:15px 0 0;
}
.feature1{
	width:300px;
	margin-right:25px;
}
.feature2{
	width:300px;
}
#main-feature h4 a{
	color:#007f3a;
	font-size:13px;
}

span.list-slider{
	display:block;
	background:url(../images/bullet.gif) no-repeat 0px 6px;
	padding:0 0 5px 15px;
}
span.program-inside{
	font-size:11px;
	line-height:120%;
}

.join{
	padding:15px 0 0 70px;
	border-top:1px solid #ddd;
}
a.more-slider {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	display:block;
	float:right;
	color: #ffffff;
	padding: 1px 16px;
	background: -moz-linear-gradient(
		top,
		#8f4323 0%,
		#8f4323);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#8f4323),
		to(#8f4323));
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 7px;
	border: 1px solid #7d594b;
	-moz-box-shadow:
		0px 1px 1px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 1px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 1px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}


/* Easy Slider */
	#slider-headline{
		background:#c8c8c8;
	}
	#slider-headline h4{
		font-size:18px;
		font-weight:normal;
		margin:0;
		padding:5px 15px;
		line-height:26px;
	}
	#slider-headline h4 a{
		color:#bf0014;
	}

	#slider ul, #slider li,
	#slider-headline ul, #slider-headline li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:300px;
		height:492px;
		/*background:url(../images/bg-slider1.jpg);*/
		overflow:hidden;
		color:#000;
		}	
	#slider-headline li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:636px;
		height:490px;
		background:url(../images/bg-slider1.jpg);
		overflow:hidden;
		color:#000;
		}			
	#slider li div.slider-inner{
		padding:5px 10px;
		font-size:110%;
		line-height:160%;
	}
	#slider li div.slider-inner h4{
		font-size:32px;
		margin:-5px -10px 30px;
		padding:15px 0;
		font-weight:normal;
		text-transform:uppercase;
		color:#FFF;
		letter-spacing:1px;
		text-align:center;
		font-family:'LeagueGothicRegular';
		background: #faa725;
		background-image: url("../images/diagonal-lines-pattern.png"); /* fallback */
		background-image: url("../images/diagonal-lines-pattern.png"), linear-gradient(#faa725, #f46f2e); /* W3C */
	}
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:40px;
		height:40px;
		position:absolute;
		/*left:-30px;*/
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:610px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:40px;
		height:40px;
		background:url(../images/b_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/b_next.png) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:0;
		padding:20px 0 1em 55px;
		height:36px;	
		}
	ol#controls li{
		margin:0 7px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:24px;
		line-height:24px;
		}
	ol#controls li a{
		float:left;
		height:24px;
		line-height:24px;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
		background:#a17d27;
		color:#FFF;
		padding:0 8px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#8f4323;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */


#navBarContainer{
    /*width: 930px;*/
    height: 116px;
    margin: 15px -15px 15px -15px;
	background:url(../images/bg-main-icon.png);
}

ul#navBar{
	width: 930px;
	height: 96px;
	margin: 0px auto;
	list-style: none;
	padding:15px 0 0 30px;
}

ul#navBar li{
	display: inline;
}

ul#navBar li a{
	height: 96px;
	float: left;
	text-indent: -9999px;
}


ul#navBar li#kalkulator a{
	width: 108px;
	background: url(../images/icon-menu.png) no-repeat 0px 0px;
}

ul#navBar li#kalkulator a:hover{
	background-position: 0 -96px;
}

ul#navBar li#rekening a{
	width: 116px;
	background: url(../images/icon-menu.png) no-repeat -108px 0px;
}

ul#navBar li#rekening a:hover{
	background: url(../images/icon-menu.png) no-repeat -108px -96px;
}


ul#navBar li#jemput a{
	width: 123px;
	background: url(../images/icon-menu.png) no-repeat -224px 0px;
}

ul#navBar li#jemput a:hover{
	background: url(../images/icon-menu.png) no-repeat -224px -96px;
}

ul#navBar li#donasi a{
	width: 116px;
	background: url(../images/icon-menu.png) no-repeat -347px 0px;
}

ul#navBar li#donasi a:hover{
	background: url(../images/icon-menu.png) no-repeat -347px -96px;
}

ul#navBar li#barang a{
	width: 126px;
	background: url(../images/icon-menu.png) no-repeat -463px 0px;
}

ul#navBar li#barang a:hover{
	background: url(../images/icon-menu.png) no-repeat -463px -96px;
}

ul#navBar li#waqaf a{
	width: 121px;
	background: url(../images/icon-menu.png) no-repeat -589px 0px;
}

ul#navBar li#waqaf a:hover{
	background: url(../images/icon-menu.png) no-repeat -589px -96px;
}

ul#navBar li#kencleng a{
	width: 96px;
	background: url(../images/icon-menu.png) no-repeat -710px 0px;
}

ul#navBar li#kencleng a:hover{
	background: url(../images/icon-menu.png) no-repeat -710px -96px;
}

ul#navBar li#konfirmasi a{
	width: 111px;
	background: url(../images/icon-menu.png) no-repeat -806px 0px;
}

ul#navBar li#konfirmasi a:hover{
	background: url(../images/icon-menu.png) no-repeat -806px -96px;
}


#main2{
	margin:0 0 15px;
}
#main2-left{
	width:636px;
	min-height:700px;
	padding:0px;
}
#main2-right{
	width:300px;
	height:700px;
	margin:0;
	background:#666;
	color:#FFF;
	line-height:20px;
}
#main2-left h3{
	background:url(../images/bg-news-title.png) no-repeat;
	height:27px;
	font-size:18px;
	padding:4px 0 0 265px;
	color:#666;
	margin-bottom:10px;
}
.news-main img{
	margin-right:15px;
	margin-bottom:5px;
	padding:8px;
	background:#FFF;
	-webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75);
}

.news-main h4 a{
	font-size:16px;
	color: #064e0f;
	line-height:22px;
}
.news-main p{
	font-size:13px;
	line-height:18px;
}
.news-list{
	padding:15px 0;
  display: flex;
  flex-wrap: wrap;
}
.slide-box{
	width:198px;
	margin-right:14px;
  flex-grow: 1;
  flex-basis: 198px;

}
.slide-box h4{
	margin-bottom:8px;
	margin-top:5px;
}
.slide-box h4 a{
	color:#000;
}
.slide-box img{
}
.slide-box p{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
}
#main2-left a.more-news, #main5 a.more-news, #gallery a.more-news{
	background:#ff8a00;
	color:#FFF;
	padding:4px 10px;
	margin:0 0 0 280px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}

.daily-content{
	padding:10px 15px;
}
.daily-content h3 a{
	color:#efca17;
	font-size:14px;
}
.daily-content img{
	margin-right:6px;
}
.daily-content h4 a{
	font-size:12px;
	color:#FFF;
}
.daily-content td{
	padding-bottom:10px;
}
table td{
	vertical-align:top;
}
#main2-right a.more-news{
	background:#999;
	color:#FFF;
	padding:4px 10px;
	margin:0 0 0 100px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}

#main3{
	margin:15px 0 15px;
}

#main3-left{
	width:636px;
	padding:0px;
}
#main3-right{
	width:300px;
	margin:0;
	color:#000;
	line-height:20px;
	font-size:11px;
	line-height:160%;
	background:#FFF;
}

#main3-left h3{
	background:url(../images/bg-waqaf-title.png) no-repeat;
	height:27px;
	font-size:22px;
	padding:0px 0 0 267px;
	color:#666;
	margin-bottom:10px;
}
#main3-left-content{
	background:#f9f4ba;
	padding:10px;
}
#waqaf-utama{
	width:456px;
	line-height:160%;
	margin-right:10px;
}
#waqaf-utama h4 a{
	color:#bf0014;
	font-size:16px;
}
#waqaf-utama img{
	width:436px;
	padding:10px;
	background:#FFF;
	margin-bottom:10px;
	-webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75);
}
#waqaf-list{
	width:150px;
}
#waqaf-list .slide-box{
	margin-right:0;
	width:100%;
}
#waqaf-list .slide-box img{
	width:100%;
	margin:0;
	padding:0;
}
#waqaf-list .slide-box h4{
	margin:0px 0 5px;
	padding:0px;
}
#waqaf-list .slide-box h4 a{
	font-size:11px;
}
#main3-right img{
	margin-bottom:10px;
}
#main3-right td img{
	padding:5px;
	background:#FFF;
	-webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75);
	margin-right:5px;
	margin-left:5px;
}
#main3-right hr{
	border: 0; 
	height: 1px; 
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}	
#main3-right a.more-slider{
	margin-left:100px;
	float:left;
	margin-top:15px;
}

#main4-left{
	width:636px;
	padding:0px;
}
#main4-right{
	width:300px;
	min-height:665px;
	margin:0;
	color:#000;
	line-height:20px;
	font-size:11px;
	line-height:160%;
	background:#FFF url(../images/bg-main-icon.png);
}

#main4-left h3{
	background:url(../images/bg-report-title.png) no-repeat;
	height:30px;
	font-size:22px;
	padding:5px 0 0 267px;
	color:#666;
	margin-bottom:0px;
	margin-top:10px;
}
#main4-left-content{
	background:#ebffca;
	padding:10px 10px 20px;
	min-height:495px;
}
#main4-left-content img{
	width:100%;
}
.report-utama{
	width:260px;
	margin:0 15px;
}
#main4-left-content .report-utama img{
	padding:5px;
	width:96%;
	background:#FFF;
	-webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75);
	margin-bottom:15px;
}
#main4-left-content .report-utama p{
	line-height:180%;
}
.report-list{
	width:163px;
}
#main4-left-content .slide-box {
	width:100%;
}
#main4-left-content .slide-box img{
	width:100%;
	margin:0;
	padding:0;
}
#main4-left-content .slide-box h4{
	margin:0px 0 13px;
	padding:0px;
	text-align:center;
	line-height:160%;
}
#main4-left-content .slide-box h4 a{
	font-size:12px;
}
.report-utama h4{
	text-align:center;
}
.report-utama h4 a{
	font-size:16px;
	line-height:160%;
	color: #064e0f;
	line-height:22px;
}
#main4-left a.more-news{
	background:#84b738;
	color:#FFF;
	padding:4px 10px;
	margin:20px 0 10px 280px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}
#main4-right-content{
	padding:10px;
}
#main4-right-content img{
	width:100%;
}
#main4-right-content h4 {
	text-align:center;
	margin-bottom:15px;
}
#main4-right-content h4 a{
	color:#FFF;
	font-size:12px;
}
#poster-list img{
	width:120px;
	margin:0 9px 10px;
}

#main-video{
	background:#1f1f1f;
	margin:15px 0;
}
#main-video-left{
	padding:10px;
	background:#000;
	width:560px;
}
#main-video-right{
	width:370px;
}
a.more-video{
	background:#84b738;
	color:#FFF;
	padding:4px 10px;
	margin:20px 0 40px 580px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}
.video-title{
	background:url(../images/bg-video-title.jpg);
	height:42px;
	padding:10px 10px 0 50px;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
}
.video-list{
	height:55px;
	padding:10px 10px 5px;
}
.video-list img{
	margin-right:10px;
}
.video-list h4{
	font-weight:normal;
}
.video-list h4 a{
	color:#FFF;
	vertical-align:middle;
}

#main5{
	margin-top:30px;
}
#main5-left{
	width:636px;
	padding:0px;
}
#main5-right{
	width:300px;
	margin:0;
	color:#000;
	line-height:20px;
	font-size:11px;
	line-height:160%;
}

#main5-left h3{
	background:url(../images/bg-article-title.png) no-repeat;
	height:30px;
	font-size:22px;
	padding:5px 0 0 267px;
	color:#666;
	margin-bottom:0px;
	margin-top:10px;
}
#main5-left-content{
	background:#ebffca;
	padding:10px 10px 20px;
	margin-bottom:15px;
}
.article-utama{
	width:300px;
	margin-right:15px;
}
.article-utama img{
	padding:5px;
	width:96%;
	background:#FFF;
	-webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75);
	margin-bottom:15px;
}
.article-utama h4 {
	margin-bottom:15px;
}
.article-utama h4 a{
	font-size:16px;
	line-height:160%;
	color: #064e0f;
	line-height:20px;
}
.article-list{
	width:300px;
}
.article-list h4 a{
	color:#222;
	line-height:160%;
}
.article-list td{
	padding:5px 0 10px;
}
.article-list td img{
	margin-right:10px;
	margin-top:5px;
}
#main5 a.more-news{
	margin:0 10px 0 0;
	float:right;
}
blockquote {
    margin: 1em 30px 20px 30px;
    padding: 10px 15px 15px 60px;
    color: #090;
    font-family: georgia;
	font-size:18px;
	line-height:30px;
    float: left;
    background: #EEE url(../images/quote.gif) 10px 10px no-repeat;
    text-align: center;
}
#gallery{
	
}
#gallery h3{
	background:url(../images/bg-gallery-title.jpg) no-repeat;
	height:37px;
	font-size:20px;
	padding:10px 0 0;
	text-align:center;
	color:#FFF;
	margin-bottom:0px;
	margin-top:10px;
}
.gallery-content{
	background:#efefef;
	padding:15px 0;
}
.gallery-item{
	width:140px;
	float:left;
	margin-left:15px;
	margin-bottom:10px;
	font-size:11px;
}
#gallery a.more-news{
	margin:0 10px 0 270px;
	float:left;
	background:#aeaeae;
}
#twitter{
	height:300px;
}

#main-detail{
	width:630px;
	padding:0px;
	font-size:14px;
	font-family:tahoma;
	line-height:155%;
}
#main-detail a{
	color: #090;
}
#sidebar{
	width:300px;
	margin:0;
	background:url(../images/bg-program-right.png) no-repeat;
	line-height:20px;
}
#main-detail img{
	padding:5px;
	background:#FFF;
	-webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.75);
}
#main-detail h1{
	font-size:22px;
	font-weight:normal;
	font-family:georgia, 'times new roman', times, serif;
	color:#930;
	line-height:140%;
	margin:20px 0 0;
}
#main-detail p.arabic {
    font-family: "Traditional Arabic";
    font-family: 'Amiri';
    font-size: 26px;
    text-align: right;
    line-height: 200%;
}
#breadcrumb {
    background: url(../images/bg-garis-miring.gif);
    margin: 5px 0px 15px 0px;
    padding: 8px 10px;
    font-size: 12px;
}
#detail-content img{
	max-width:100%;
	height:auto;
	border:0;
	padding:0;
	box-shadow:none;
}
#detail-content img.detail-img{
	border:1px solid #ccc;
	padding:4px;
}
#main2-right.daily-side{
	margin-top:20px;
	height:100%;
	padding-bottom:50px;
}
.side{
	width:300px;
	margin:20px 0;
	background:#dbf1b3;
	color:#FFF;
	line-height:20px;
	padding-bottom:40px;
}
.side-content{
	padding:10px;
}
.side-content a{
	color:#4ca03e;
	font-weight:bold;
}
.side-content img{
	margin:0 5px 5px;
}
#side-more{
	padding-right:20px;
}
.video-title-side{
	background:url(../images/bg-video-title.jpg);
	height:45px;
	padding:6px 10px 0 50px;
	margin-top:-5px;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
}
#poster-side{
	background:#676566;
	margin-top:20px;
}
#fb-side{
	margin-top:20px;
}

.box-rubrik-post{
	padding:10px 0 15px;
	border-bottom:1px dotted #CCC;
	clear:both;
}
.box-rubrik-post h4{
	font-size:16px;
	padding:5px 0;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
}
.box-rubrik-post h4 a{
	color:#930;
}
.box-rubrik-post img{
	margin-right:10px;
	margin-top:8px;
	border:1px solid #DDD;
	padding:3px;
}
a.more-rubrik{
	display:block;
	background:url(../images/arrow2.png) no-repeat 0 3px;
	text-decoration:underline;
	padding:0 12px;
	margin-top:5px;
	margin-left:570px;
	font-size:11px;
	
}
.pager-wrapper{
	margin:20px 0px;
	text-align:center;
	}	
.pager-wrapper{
	margin:20px 0px;
	text-align:center;
	}
.pager li
{
display: inline;
list-style-type: none;
padding-right: 5px;
}
.pager li a
{
	color:#026A37;
}	

#waqaf-banner{
	padding:5px 0 20px;
	border-bottom:2px dashed #000;	
}
#waqaf-info{
	border-bottom:2px dashed #000;	
	margin-bottom:15px;
}
#waqaf-info img{
	border-right:1px solid #000;
	margin:10px 15px 10px 5px;
	padding-right:10px;
}
#waqaf-info p{
	font-size:14px;
	color:#397c67;
	padding:10px 0px;
	line-height:27px;
}

#waqaf-news{
	background:#3b9e7f url(../images/waqaf-news-header.jpg) no-repeat;
	padding:70px 0 5px;
	margin-bottom:20px;
}
#waqaf-news-content{
	padding:10px 10px 0px;
	margin-bottom:15px;
}
.waqaf-news-utama{
	width:520px;
	margin-right:25px;
	line-height:180%;
	font-size:14px;
	color:#000;
}
.waqaf-news-utama img{
	padding:5px;
	width:100%;
	margin-bottom:15px;
}
.waqaf-news-utama h4 {
	margin-bottom:15px;
	border-top:2px dashed #feffff;
	border-bottom:2px dashed #feffff;
	padding:10px 0;
	font-family: 'Montserrat', sans-serif;	
}
.waqaf-news-utama h4 a{
	font-size:20px;
	line-height:24px;
	color: #feffff;
	font-weight:normal;
}
.waqaf-news-list{
	width:370px;
}
.waqaf-news-list h4{
	border-top:1px dashed #feffff;
	border-bottom:1px dashed #feffff;
	padding:4px 0;
}
.waqaf-news-list h4 a{
	color:#222;
	font-family: 'Montserrat', sans-serif;	
	font-size:13px;
	line-height:20px;
	color: #feffff;
	font-weight:normal;
}
.waqaf-news-list td{
	padding:5px 0 20px;
}
.waqaf-news-list td img{
	margin-right:10px;
	margin-top:0px;
}
.waqaf-news-list a.more-news{
	background:#015b3f;
	color:#FFF;
	padding:6px 10px;
	margin:20px 0 10px 280px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	float:right;
	font-size:14px;
}

#waqaf-article{
	background:url(../images/waqaf-article-header.jpg) no-repeat;
	padding:70px 0 5px;
	margin-bottom:20px;
}
.waqaf-article-list{
	width:303px;
	margin-right:20px;
	font-size:13px;
}
.no-margin-right{
	margin-right:0;
}
.waqaf-article-list img{
	width:100%;
}
.waqaf-article-list h4{
	border-top:1px dashed #00510d;
	border-bottom:1px dashed #00510d;
	padding:4px 0;
	margin-top:8px;
}
.waqaf-article-list h4 a{
	color:#00510d;
	font-family: 'Montserrat', sans-serif;	
	font-size:18px;
	line-height:26px;
	font-weight:normal;
}
.waqaf-article-list a.more-news{
	background:#015b3f;
	color:#FFF;
	padding:6px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	float:right;
	font-size:13px;
}

#waqaf-report{
	background:url(../images/waqaf-report-header.jpg) no-repeat;
	padding:70px 0 5px;
}

#waqaf-report-left h3{
	background:url(../images/bg-report-title.png) no-repeat;
	height:30px;
	font-size:22px;
	padding:5px 0 0 267px;
	color:#666;
	margin-bottom:0px;
	margin-top:10px;
}
#waqaf-report-left-content{
	padding:10px 10px 30px;
	min-height:495px;
}
#waqaf-report-left-content img{
	width:100%;
}
.waqaf-report-utama{
	width:390px;
	margin:0 15px;
	padding:10px 10px 30px;
	background:#54bc9b;
	font-size:13px;
}
#waqaf-report-left-content .waqaf-report-utama img{
	width:100%;
	margin-bottom:15px;
}
#waqaf-report-left-content .waqaf-report-utama p{
	line-height:180%;
}
.waqaf-report-list{
	width:245px;
}
#waqaf-report-left-content .slide-box {
	width:100%;
}
#waqaf-report-left-content .slide-box img{
	width:100%;
	margin:0;
	padding:0;
}
#waqaf-report-left-content .slide-box h4{
	margin:8px 0 13px;
	padding:8px 0;
	text-align:center;
	line-height:22px;
	border-top:2px dashed #111;
	border-bottom:2px dashed #111;
}
#waqaf-report-left-content .slide-box h4 a{
	font-size:16px;
	font-family: 'Montserrat', sans-serif;	
	font-weight:normal;
}
.waqaf-report-utama h4{
	text-align:center;
	border-top:2px dashed #FFF;
	border-bottom:2px dashed #FFF;
	padding:8px 0;
}
.waqaf-report-utama h4 a{
	font-family: 'Montserrat', sans-serif;	
	font-weight:normal;
	font-size:20px;
	line-height:26px;
	color: #FFF;
}
.waqaf-report-utama a.more-news{
	background:#015b3f;
	color:#FFF;
	padding:4px 10px;
	margin:30px 0 20px 150px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	clear:both;
}

#main-wide{
	padding:10px 0px 15px;
	line-height:140%;
	background:#FFF;
}

#poster-top{
	background:url(../images/bg-poster-top.png);
	height:589px;
	padding:60px 20px 0;
}
#poster-top img{
	width:100%;
}
.poster-top-list{
	width:210px;
}
.poster-top-main{
	width:480px;
	padding:0 20px;
}
.poster-top-main h3{
	margin:30px 0 0 60px;
	width:360px;
	font-size:20px;
	line-height:24px;
	text-align:center;
	font-family: 'Ubuntu Condensed', sans-serif;	
	font-weight:normal;
}
.poster-top-main h3 a, .poster-list-item h4 a{
	color:#FFF;
}
.poster-list-item{
	margin-bottom:20px;
}
.poster-list-item h4{
	font-size:16px;
	line-height:20px;
	text-align:center;
	font-family: 'Ubuntu Condensed', sans-serif;	
	font-weight:normal;
}
#poster-post{
	padding:10px 7px;
	background:#FFF;
}
.poster-card{
	height:225px;
	width:225px;
	margin:7px 8px;
	float:left;
}
.poster-card img{
	width:100%;
}
.back{
	text-align:center;
	font-family: 'Ubuntu Condensed', sans-serif;	
	font-weight:normal;
	font-size:22px;
	line-height:26px;
	display:table;
	vertical-align:middle;
	background:#b7b5b6;
	color:#1526a8;
	width:185px;
	height:185px;
}
.back a {
    vertical-align:middle;
    display: table-cell;
	border-top:2px dashed #1526a8;
	border-bottom:2px dashed #1526a8;
	color:#1526a8;
}

#main-detail .gallery-item img{
	border:0;
	padding:0;
	box-shadow:none;
}

#main-detail h2{
	font-size:32px;
	line-height:36px;
	font-family: 'Ubuntu Condensed', sans-serif;	
	font-weight:normal;	
	margin:0 0 20px;
	text-transform:uppercase;
}

ul.gallery_foto{
	list-style:none;
	margin:0;
	padding:0;
	margin-bottom:20px;
	}
ul.gallery_foto li{
	display:inline;
	}	
#main-detail ul.gallery_foto li img{
	border:2px solid #b6b6b6;
	margin:0 2px 5px 2px;
	box-shadow:none;
	}
ul.gallery_foto li img:hover{
	border:2px solid #BB8C4E;
	}
.foto-content img{
	}	
.gallery-list{
	width:250px;
	height:200px;
	border:1px solid #DDD;
	background:#F9F9F9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:20px;
	margin-right:15px;
	margin-left:15px;
	margin-bottom:20px;
	text-align:center;
	}	
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


footer{
/*	height:500px;*/
	padding:20px 0 35px;
	color:#FFF;
	background: #0d733e;
	background-image: url("../images/diagonal-lines-pattern.png"); /* fallback */
	background-image: url("../images/diagonal-lines-pattern.png"), linear-gradient(#0d733e, #0e5630); /* W3C */
	
}
footer.footer-waqaf{
	height:330px;
}
#footer-left{
	width:300px;
	padding:20px 0 0 30px;
}
#footer-left a{
	color:#FFF;
}
#footer-left ul{
	margin:15px 10px 5px 30px;
	padding:0;
}
#footer-left ul li{
	padding:2px 0;
	line-height:160%;
}
#footer-right{
	width:620px;
	padding-top:25px;
}
#footer-right h3{
	/*font-size:16px;
	border-bottom:1px solid #ffbb00;
	padding:7px 0 7px 0;
	margin-bottom:0px;
	margin-top:10px;
	color:#000;*/
    background:url(../images/rekening-umum.png) 0 0 no-repeat;
	border-bottom:1px solid #ffbb00;
    display:block;
    height:29px; /* your image height */
    text-indent:-99999em;
    width:100%; /* your image width */
    overflow:hidden;	
}
#footer-right h3 span{
	background:#ffe701;
	padding:5px 10px 4px;
}
table { 
    border-spacing: 0;
    border-collapse: collapse;
}
table td.bankcol{
	width:300px;
	padding:10px 7px 10px 10px;
	background-color: rgba(10,60,33,.5);
	border-spacing: 0px;
	border-collapse: separate;
}
table#rek-idc2 tr:nth-child(even) {background-color: rgba(7,38,22,.5);}
table td.semua-rek{
	background:url(../images/semua-rek.png) no-repeat right rgba(10,60,33,.5);
}
table td.semua-rek2{
	background:url(../images/semua-rek2.png) no-repeat right rgba(10,60,33,.5); 
	height:30px;
	padding:0;
	border-bottom:1px solid #ffbb00;
}

table tr.bawah td.bankcol{ border-bottom:1px solid #ffbb00; }
span.bankname{
	float:left;
	font-size:15px;
}
span.bankrek{
	float:right;
	font-size:15px;
	font-weight:bold;
	color:#fef568;
}
#rek-bca2{
	background-color: rgba(7,38,22,.5);
	padding:9px;
	margin-top:10px;
	text-align:center;
	font-size:14px;
}
#footer-left.footer-waqaf-left{
	width:350px;
	font-size:14px;
	padding-top:5px;
}
#footer-right.footer-waqaf-right{
	width:560px;
	font-size:14px;
	padding-top:20px;
}
table#rek-idc td{
	width:200px;
	font-size:14px;
	font-weight:bold;
	padding:10px 0 0 0;
}
table#rek-idc td.lebar{
	width:240px;
}
table#rek-idc td img{
	float:left;
	padding-right:5px;
	margin-top:-5px;
}
table#rek-idc.rek-wakaf td{
	width:90%;
}
.gold{ color: #fff77b; font-weight:bold; font-size:15px;}
table#rek-idc td.rek-nama{ 
	font-weight: normal; 
	text-align: center; 
	font-size: 13px;
	padding-bottom:10px;
}
table#rek-idc td.rek-bca{
	background:#0a4225;
	padding:10px 10px 5px 10px;
	font-size:11px;
}
table#rek-idc td .bca{
	font-size:14px;
}
.rekening-box{
	width:300px;
	margin-top:30px;
}
.rekening-box.yatim{
	margin-right:20px;
}
.rekening-box h4{
	border-bottom:2px solid #ffcc00;
	color:#000;
	font-size:15px;
	margin:0;
	background:#ffcc00;
}
.rekening-box h4.cinta-yatim{
    background:url(../images/rek-cinta-yatim.gif) 0 0 no-repeat;
	border-bottom:1px solid #ffbb00;
    display:block;
    height:27px; /* your image height */
    text-indent:-99999em;
    width:100%; /* your image width */
    overflow:hidden;	
}
.rekening-box h4.spesial-waqaf{
    background:url(../images/rek-waqaf.gif) 0 0 no-repeat;
	border-bottom:1px solid #ffbb00;
    display:block;
    height:27px; /* your image height */
    text-indent:-99999em;
    width:100%; /* your image width */
    overflow:hidden;	
}
.rekening-dark{
	background:#0a4225;
	padding:10px 10px 5px 10px;
	
}
table#rek-idc td.semua{
	font-weight:normal;
	font-size:12px;
	padding-bottom:10px;
}

#copyright{
	background:none;
	padding-left:20px;
}