.title-carousel.small{left:53px;bottom:30px;padding-right:10px;line-height:1.3;}
.date{clear:both;width:100%;float:left;font-size:15px;color:#f3f3f3;font-weight:300;}
.kategori{clear:both;width:100%;float:left;font-size:15px;color:#f3f3f3;font-weight:600;}

.title-white{color:#fff;font-size:30px;font-weight:300;margin-top:0;margin-bottom:20px;float:left}
.title-white.small{font-size:17px;float:left;margin-top:40px;clear:both;width:100%}

.title-blacky{color:#000;font-size:30px;font-weight:300;margin-top:0;margin-bottom:20px;float:left}


.btn.btn-primary.btn-lg.btn-block.green {background:#137343;color:#fff;font-weight:400;text-transform:uppercase;border-radius:0;border-color:#137343;padding-top:15px;padding-bottom:15px;margin-top:40px;margin-bottom:20px;float:left}

#cff .fb-fta.cff-item:first-child{width:24%;float:left;}
#cff .fb-fta.cff-item{width:24%;float:left;}

.dot {clear:both;width:105px;height:105px;margin-left:65px;margin-bottom:15px;border-radius:50%;background-color:#f6520a;position:relative;}
#grad {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.82+0,0+100 */
    position:absolute;left:0;bottom:0px;height:240px;width:100%;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.82) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.82) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.82) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
z-index:100;

}
.video-icon{
left: 30%;
opacity: 0.7;

position: absolute;

margin-top: 10%;

height: 60%;}
#grad-1 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.82+0,0+100 */
    position:absolute;left:0;bottom:4px;height:200px;width:100%;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.82) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.82) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.82) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
z-index:100;

}

.pad5{
  padding-right: 5px;
}
.main-title{padding-top:43px;}
.container-fluid.green{background:#6fc155;padding-top:0;margin-top:-4px;}
#rightpanels{padding-left:5px;padding-right:0}
.boxnews{ height:291px;float:left;width:100%;}
#imgback{ height: 455px; width: 100%;}
#imgbackn{ height: 220px; width: 100%;}
#newssection{margin-top:0;background-color:#f6f6f6; float:left;width:100%;padding-bottom:50px;}
.site-footer{float:left;width:100%;text-align:100%}
.col-md-6.news{height: 302px;float:left;padding-left:0;padding-right:0;min-height:250px;margin-bottom:20px; }
.col-md-6.events{float:left;padding-left:0;padding-right:0;min-height:250px;margin-bottom:25px}
.panel-body img{max-width:290px;}
.panel-footer{font-size: 18px;font-weight: bold;padding: 6px;width: 100%;color: #333;padding-left:15px;float:left;}
.titlehead{float:left;width:100%;margin-top:30px;padding-bottom:20px;}
.panel.panel-default{border: solid 1px #e3e3e3;background:#fff;float:left;min-height:250px; width: 95%}
.panel.panel-default.events{min-height:250px;}
.judul{font-size: 18px;font-weight: bold;padding: 6px;width: 100%;color: #333;padding-left: 15px;float: left;padding-left:0}
.box-pub{width:100%;clear:both;float:left;margin-bottom:15px;padding-bottom:15px;border-bottom:solid 1px #e3e3e3}
.video-icon-label-container {position: absolute;top: 0;left: 0;width: 100%;height: 100%;	}
.video-icon-label {display: table;height: 100%;width: 100%;	}
.video-icon {display: table-cell;vertical-align: middle;text-align: center;}
.thumbnail-container{position:relative;width:100%;float:left;height:95%; margin-bottom: 10px;}
.video-icon i {
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 100%;
    /* background: rgba(255,255,255,0.25); */
    color: #fff;
    text-align: center;
    font-size: 30px;
    padding-top: 7px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 2px;
    box-shadow: 0px 0px 5px #666;
    text-shadow: 0px 0px 5px #666; }
.carousel-indicators1 {
		position: absolute;
		right: 0;
		bottom: 10px;
		z-index: 15;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		justify-content: center;
		padding-left: 0;
		margin-right: 3%;
		margin-left: 15%;
		list-style: none;
	}
.carousel-indicators1 li{
		position: relative;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		width: 5px;
		height: 5px;
		margin-right: 3px;
		margin-left: 3px;
		text-indent: -999px;
		cursor: pointer;
		background-color: rgba(255, 255, 255, 0.5);
	}
.carousel-indicators1 li.active{
		background-color: #FFFFFF;
	}

.see-all{right:40px;top:12px;}
.timeline-TweetList-tweet.customisable-border{float:left!important;width:200px!important;margin-right:20px;}
.timeline-TweetList-tweet:first-of-type{float:left!important;width:200px!important;margin-right:20px;}
#social{height:auto;background:#fff;width:100%;float:left;padding-top:40px;padding-bottom:40px;}

@media only screen and (max-width : 480px){
  .pad5{
    padding-right: 0px!important;
  }
}
@media only screen and (min-width: 1481px) and (max-width: 1600px){
	.boxnews{height:263px;}
	.boxnews img{max-height:257px}
	#imgback{ height: 520px; width: 100%;}
	#imgbackn{ height: 256px; width: 100%;}
	#grad-1 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.82+0,0+100 */
    position:absolute;left:0;bottom:6px;height:200px;width:100%;}
.column-feat{margin-top:0;}
}
@media only screen and (min-width: 1620px){
	#imgback{ height: 578px; width: 100%;}
	#imgbackn{ height: 287px; width: 100%;}
}
@media only screen and (min-width: 1620px) and (max-width: 1700px){
  .boxnews{height:291px;}
	.boxnews img{max-height:271px}
  .column-feat{margin-top:5px;}
}
@media only screen and (min-width: 1710px) and (max-width: 1980px){
	.boxnews{height:292px;}
	.boxnews img{max-height:289px}
	#grad-1 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.82+0,0+100 */
    position:absolute;left:0;bottom:6px;height:200px;width:100%;}
.column-feat{margin-top:0;}
}
@media only screen and (min-width: 1400px) and (max-width: 1480px){
  .boxnews{height:230px;}
    .boxnews img{max-height:230px}
    .column-feat{margin-top:5px;}
}
@media only screen and (min-width: 1300px) and (max-width: 1399px){
	.boxnews{height:230px;}
  	.boxnews img{max-height:230px}
	#imgbackn{ height: 220px; width: 100%;}
    .column-feat{margin-top:5px;}
}
@media only screen and (min-width: 600px) and (max-width: 1300px){
	.boxnews{height:230px;}
	#imgbackn{ height: 230px; width: 100%;}
	.boxnews img{max-height:230px}
  .column-feat{margin-top:5px;}
}