body{
    font-family: 'Roboto', sans-serif;
    font-family: 'Source Sans Pro', sans-serif;
    background: #000;
}
@media screen and(min-width:1027px) { 
	.my-col{
		padding:0;
	}	
}
.nav > li{
margin-left: 5px;    
margin-top: 5px;
}
.nav > li.aktiv {
    background-color: #8F1818 !important;
    color: white !important;
    border-radius: 4px;
}
.nav > li > a:focus, .nav > li > a:hover {
    background-color: #8F1818 !important;
    color: white !important;
    border-radius: 4px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-bottom: 1px solid #350000;
}
.bg-slide .carousel-indicators li { visibility: hidden; }
.bg-slide .carousel-control{display: none;}
.navbar{
	margin-bottom:0;
	border:0 none;
	border-radius:0;
}
.navbar.navbar-default.bg-head {
    background-color: #0c0c0c;
}
.navbar-brand{
	height: auto;
}
.navbar-brand img{
    width: 200px;
    height: auto;
    margin: auto;
    width: 230px;
}
.navbar-right.navbar-r{
	margin-top: 17px;
}
.navbar-right.navbar-r li a {
	padding:10px 35px;
	color: white;
}
.wrap-slider h2, .wrap-slider h5{
	color: white;
}
.bg-slide .slide{
	min-height: 300px !important;
}
.bg-slide{
	background-color:#282828;
	padding: 20px 0 10px 0;
	max-height: auto;
	min-height: 365px;
}
article .iklan1{
	padding: 0 0 20px 0;
}
.brt-nas {
    background-color: #E4E4E2;
    margin-bottom:15px;
    border: 1px solid #C8C8C6;
    margin:7px;
}
.brt-nas-news {
    background-color: #E4E4E2;
    padding:7px;
    margin-bottom: 10px;

}

.col-md-4 .zoom{
  	width: auto;
  	margin: 3px;
  	overflow: hidden;
}

.col-md-5 .zoom{
  	width: auto;
  	margin: 3px;
  	overflow: hidden;
	height: 95.5%;
}

.thumbnail .zoom{
  	width: auto;
  	margin: 3px;
  	overflow: hidden;
}

.zoom img {
  width: 100%;
  height: 100%;
  webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-ms-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}
 
.zoom:hover img {
     webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -ms-transform: scale(1.07);
    -o-transform: scale(1.07);
    transform: scale(1.07);
}

.img-responsive.img-brt-news {
    height: auto;
    width: 100%;
    margin: 0px;
    border: 2px solid #FFEBCD;
}
.col-md-7.konten-brt-nas{
	min-height: 150px;
	min-height: 150px;
	overflow: hidden;
}
.row .konten-brt-nas-news h4{
	font-weight: bold;
	margin-bottom:2px;
	font-size: 22px !important;
}

.brt-nas .konten-brt-nas h4{
	font-weight: bold;
	margin-bottom:5px;
	font-size: 16px !important;
	
}
p.date{
	color: #808080;
	margin-bottom:3px;
	font-size: 11px;

}
p.date-news{
	color: #808080;
	margin-bottom:7px;
	font-size: 12px;
}
.readmore{
	border-radius: 10px !important;
	color: white !important;
	margin-right:10px !important;
	margin-bottom:10px;
	margin-top:20px;
}
p.exam-content{
	font-weight: lighter;
	margin-top:5px;
	font-size: 13px !important;
	max-height: 50px;
}
p.exam-content-news{
	font-weight: lighter;
	margin-top:5px;
	font-size: 14px !important;
	
}
p.exam-content2{
	font-weight: lighter;
}
img.media-object{
	height: 135px;
	width: auto;
	margin: auto;
}

/*-------------KOMUNITAS---------------*/
.panel{
	border:none;
}
.panel-group{
	background-color: transparent;
}
.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body{
	border-top: 0 none;
}
.panel-default .panel-heading{
	background-color: transparent;
	border-color: transparent;
}
.panel-heading{
	padding: 0;
}
.panel-body {
    background-color: #292927;
}
.iklan{margin: 10px 0 15px 0;}
.h-komunitas h4{
	margin-top: 0;
}
.h-komunitas h4 a{
	color:white;
}
.bg-astec {
    background-color: #e4e4e2;
}
.astec-content-left {
    padding-top: 15px;
}
.astec-content-left .img-responsive {
    height: 135px;
    width: 100%;
}
.astec-content-right h4{
	font-weight: bold;
	margin-bottom: 0px;
}
.list-group i.fa.fa-caret-right{
	margin-right: 8px;
	font-size: 21px;
}
.list-group i.fa.fa-caret-right:hover{
	color: red;
}
.list-group a:hover{
	text-decoration: none;
	color: red; 
}

.list-group-item{
	border-bottom: 1px solid grey;
	border-top: 1px solid white;
	background-color: #dadada;
}
.list-group-item:hover p{
	color: red;
}
.list-group-item p{
	display: inline-block;
	margin-bottom: 0;
	color: black;
	font-weight: bold;
}
footer {
    border-top: 5px solid #e54b4b;
    background-color:#242422;
    margin-top:20px; 
    padding: 30px 0;
}
.foot-left h3{
	margin-top: 0;
	}
.foot-left .fa.fa-caret-right {
    color: #fcb501;
    font-size: 24px;
}
.foot-left span {
    color: white;
    vertical-align: super;
	margin-left: 10px;
}
.foot-right{
	padding-top:40px;
}
.foot-right img{
	margin-left: 10px;
	margin-bottom: 10px;
}
.foot-right .fa.fa-caret-right {
    color: #fcb501;
    font-size: 24px;
}
.foot-right span {
    color: white;
    vertical-align: super;
	margin-left: 10px;
}


/*HALAMAN NEWS*/
.pagination > li > a, .pagination > li > a, .pagination > li > span, .pagination > li > span{
	border-color: #fff !important;
	background-color: #E94D12 !important;
	color: #fff !important;
} 
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{
	border-color: #fff !important;
	background-color: #E94D12 !important;
	color: #fff !important;
} 
.pagination > li > a, .pagination > li > span{
	color: #fff !important;
}

/*HALAMAN NEWS DETAIL*/

.header-news-detail p {
	margin-top: 10px;
}
p.date-n {
    color: #a82828;
    margin-bottom: 10px;
}
.header-news-detail p a{
	color: grey;
}

.header-news-detail{
	border-bottom: 2px solid #eaeaea;
	background-color: #E4E4E2;
	padding: 7px;
}
.header-news-detail h3{
	color: #282828;
	line-height: 36px;
	letter-spacing: -.5px;
	width:90%;
	font-weight: bold;
	margin:0;
}
.news-detail img{
    display: inline !important;
/*	width: 100%; */
/*max-height: 380px;*/
}

.col-md-12 .news-detail{
	margin-bottom: 15px;
	margin-top: 0px;
	border-bottom: 3px solid #f2f2f2;
	background-color: #fff;
	padding: 20px 25px;
}
.news-detail h4{
	font-size: 16px;
}
.news-detail .con{
	line-height: 26px;
}

.news-detail .content{
	line-height: 26px;
	padding:0 80px !important;
	overflow:hidden;
	background:transparent !important;
	border:0 !important;
}


.news-detail p.content < img{
	padding:0 0px !important;
	overflow:hidden;
	background:transparent !important;
	border:0 !important;
}


/* readmore link */
h4 > a {  
  color: #333;
}
h4 > a:hover {  
  color: #E94D12;
}

.nav > a {  
  color: #a94442;
}
.nav > a:hover {  
  color: #a94442;
}

.heading-satu{
background: #000 !important;;
width: 100%;
}


.heading-satu a{
color: #fff;
}

.heading-satu a:hover{
color: #fff;
}

.heading-satu-news{
background: #E94D12;
width: 100%;
}


.heading-satu h3{

color: white;
font-weight: bold;
padding-bottom:1px;
}


.heading-satu h4{
color: white;
font-weight: bold;
padding: 3px;
margin:0;
}

.heading-satu-news h3{
color: white;
font-weight: bold;
padding: 1px;
margin:0;
}



.list-widget{
background: #E94D12;
width: 100%;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}

.list-widget h4{
color: #fff;
font-weight: bold;
padding: 5px;
margin:0;
}

.list-widget h4:hover{
color: #fff;
font-weight: bold;
text-decoration: none;
}


a:hover.collapsed{
text-decoration: none;
}


.col-md-6 .latar{

	background-color: #E4E4E2 !important;
	padding-bottom: 7px;
	margin-top:15px;

}

.panel-title{
	background: #000 !important;
}

.row.bg{
	border: 1px solid #111;
}



.text-center.konten-brt-nas{
background-color: #E94D12;
width: 60%;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}


.text-center.konten-brt-gall{
background-color: #E94D12;
width: 60%;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}

@media only screen and (min-width: 1100px) {
 
.text-center.konten-brt-gall {
    background-color: #E94D12;
    width: 30%;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
}

.text-center.konten-brt-seleb{
background-color: #E94D12;
width: 60%;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}

.container.middle{
	margin-bottom: 15px !important;
}
.col-md-12.middle{
	margin-top: 15px !important;
}
.col-md-12.top-img{

	margin:0 0 0px 0 !important;
}
.col-md-6.middle-img{
	width:100%;
	margin: 15px 0 0 0;
}

.col-md-6.middle-img img{
    width: 100%;
}

.col-md-6.selbad{
	margin:15px 0 0 0;
}

.col-md-6.selbad .thumbnail{
	margin-bottom:5px !important;

}

.panel-group {
	margin-bottom: 15px !important;
}


.bg-slide .carousel-inner .item{
	
	
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 4%, rgba(0,0,0,0.5) 32%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(4%,rgba(0,0,0,0.1)), color-stop(32%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	min-height: 280px !important;
	padding-bottom: 10px;

	
}

.bg-slide .carousel-inner .item.active{
	margin-bottom: 10px;
	
}

.bg-slide .carousel-inner .item h1{
	color: white;
	padding: 5px;
	margin:0px 5px;
	font-weight: bold;
     height:auto;
	
}

.bg-slide .carousel-inner .item h1 a{
	color: white;	
}

.bg-slide .carousel-inner .item h1 a:hover{
	color: #E94D12;	
}

.bg-slide .carousel-inner .item h4{
	color: white;
	padding: 5px;
	margin:0px 5px;
	
}

.bg-slide .carousel-inner .item h4 a{
	color: white;
	
}
.bg-article{
	padding-top: 20px;
}


.col-md-12.md{
	padding: 15px;
}

/* middle carousel */
.bg-astec .carousel {
    margin-bottom: 0;
    padding: 0 50px 0px 50px;
}
/* The controlsy */
.carousel-control {
	left: 7px;
    height: 35px;
	width: 35px;
    background: none repeat scroll 0 0 #E94D12;
    opacity:0.9 !important;
    border-radius: 25px;
   
   
}
.carousel-control.right {
	right: 7px;
}
/* The indicators */
.bg-astec .carousel-indicators {
	right: 50%;
	top: auto;
	bottom: -10px;
	margin-right: -19px;
}
/* The colour of the indicators */
.bg-astec .carousel-indicators li {
	background: #cecece;
}
.bg-astec .carousel-indicators .active {
background: #428bca;
}



@media only screen and (min-width: 768px) {
.thumbnail{
	margin-bottom:0;
}
.carousel-control {
    margin-top: 37px;
}
}


@media only screen and (max-width: 767px) {
.thumbnail{
	margin-bottom:0;
}
.carousel-control {
    margin-top: 50%;
}
}


.col-md-12.salam-konten,.salam-konten h5,.salam-konten p{
	color: #fff !important;
}
@media only screen and (min-width: 768px) {
.col-md-7.desc{
	padding: 0 5px 0 0px;
	margin-top: -18px;
	
}
}
@media only screen and (max-width: 767px) {
.col-md-7.desc{
	padding: 0 15px 0 15px;
	margin-top: -18px;
}
}

hr.bt{
	border: 1px solid #FCBE13;
	margin-top:0;
	margin-bottom: 3px;
}
.desc h4{
	color:#fff;
}

.desc h5{
	color:#FCBE13;
	margin-top:-3px;
}

@media only screen and (min-width: 768px) {
.desc h6{
	color:#FCBE13;
	margin-top:-7px;
	font-size: 10px;
}

.desc h5{
	color:#FCBE13;
	margin-top:-15px;
}
.desc hr{
	border: 1px solid #FCBE13;
}
}

@media only screen and (max-width: 767px) {
.desc h6{
	color:#FCBE13;
	margin-top:-7px;
}
.desc hr{
	border: 1px solid #FCBE13;
	margin-bottom:8px;
}

}



@media(max-width:767px) {
    .navbar .navbar-form {
        width: 185px;
		padding-left: 33px;
		padding-right: 0;
    }

    .navbar .navbar-form input[type='text'] {
        width: 140px;
        min-height: 10px;
    }

    .input-group-btn {
    margin-top: 3px;
    background: #E94D12 !important;
     border-radius: 4px !important;
	}

	.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: 0px;
    }

	.input-group-btn > .btn {
    background: #E94D12 !important;
    }

   ul.breadcrumb{
		width: 90.5%;
		background: #E94D12;
		font-size: 11px;
	}

}
@media(min-width:768px) {
    .navbar .navbar-form {
        width: 300px;
        min-height: 20px;
        margin-right: -75px !important;
    }

    .navbar .navbar-form input[type='text'] {
        width: 170px;
        min-height: 20px;
        margin-top:3px;
    }

    .input-group-btn {
    margin-top: 3px;
    float: left;
    
	}

	.input-group-btn > .btn {
    background: #E94D12 !important;
    }

	ul.breadcrumb{
		width: 96.5%;
		background: #E94D12;
	}


}
.navbar .navbar-form {
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}











.back-to-top {
cursor: pointer;
position: fixed;
bottom: 0;
display:none;
right: 45%;
background: #E94D12 !important;
border: none;
}

#nav {
  width: 100%;
}

#nav.affix-top {
   position: absolute;
   top:0;
   left:0;
   z-index:10;
   height:auto;
   background-color:transparent;
   border:0;
}

#nav.affix {
   position: fixed;
   top: 0;
   z-index:10;
   -webkit-transition: all .6s ease-in-out;
}


@media (min-width: 767px) {
  .navbar-nav.nav-justified > li{
      float:none;
  }
  
}
  
.navbar-nav {
  margin: 1px 1px; 
}  

.navbar-toggle {
	outline:0;
	margin-top: 22px;
}

.divider {
	height:50px;
}

.panel {
	border-width:0;
}


.scroll-top {
   position:fixed;
   bottom:0;
   right:6%;
   z-index:100;
   background: #f2f3f2;
   font-size:24px;
   border-top-left-radius:3px;
   border-top-right-radius:3px;
}
.scroll-top a:link,.scroll-top a:visited {
  color:#222;
} 
 
section {
  color: #ffffff;
  min-height: 400px;
  height: auto !important;
  height: 100%;
  padding-top:20px;
}


@media (max-width: 767px) {
	.bg-slide {
    background-color: #282828;
    padding: 0px 0 !important;
    min-height: 7px !important;
	}
	.bg-slide p {
    font-size: 12px !important;
	}
	.item h1{font-size: 16px; font-weight: bold; color: #000;}
	.item h4{font-size: 11px;}

	.brt-nas .konten-brt-nas h4{
	font-weight: bold;
	margin-bottom:5px;
	font-size: 16px !important;
	
	}
   

	.brt-nas .konten-brt-nas h1{
	font-weight: bold;
	margin-bottom:5px;
	font-size: 20px !important;
	
    }
    .brt-nas .konten-brt-nas{
    padding: 0 20px;
    }
	.brt-nas .konten-brt-nas h4{
	font-weight: bold;
	margin-bottom:5px;
	font-size: 14px !important;
	font-weight: bold;
	
	}
	.brt-nas .konten-brt-nas p{
	color: #444;
	margin-bottom:3px;
	font-size: 12px;0

	}
	.icons-ul>li a {
	font-weight: bold !important;
	font-size: 14px !important;
	color: #333 !important;

	}
	.konten{
	width: 95% !important;
	margin: auto;	
	}
	
	.carousel-inner > .item > a > img, .carousel-inner > .item > img {
     width:100% !important;   
     height:150px !important;
     min-height:150px !important;
    }  
    .transition-timer-carousel .carousel-caption {
     bottom:-20px !important;   
    }

	h4.card-title{
	font-size: 14px;
	}



}


.brt-nas-news .list-news{border: 1px solid #C8C8C6; padding: 5px;}



h4.text-center a{
	color: #fff;
}

h4.text-center a:hover{
	color: #fff;
}


.h-komunitas h5 a{
	color: #fff !important;
	font-size: 16px;
}

.h-komunitas h5 a:hover{
	color: #E94D12 !important;
}

.h-komunitas p{
	font-size: 12px;
}





.transition-timer-carousel .carousel-caption {
    background: -moz-linear-gradient(top,  rgba(8,8,0,0) 0%, rgba(9,9,8,0.3) 5%, rgba(8,8,8,8.9) 45%, rgba(0,0,0,9) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(4%,rgba(0,0,0,0.1)), color-stop(45%,rgba(0,0,0,0.9)), color-stop(100%,rgba(0,0,0,9))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(8,8,0,0) 0%,rgba(9,9,8,0.3) 5%,rgba(8,8,8,8.9) 45%,rgba(0,0,0,9) 100%); /* Chrome10+,Safari9.1+ */
    background: -o-linear-gradient(top,  rgba(8,8,0,0) 0%,rgba(9,9,8,0.3) 5%,rgba(8,8,8,8.9) 45%,rgba(0,0,0,9) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(8,8,0,0) 0%,rgba(9,9,8,0.3) 5%,rgba(8,8,8,8.9) 45%,rgba(0,0,0,9) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(8,8,0,0) 0%,rgba(9,9,8,0.3) 5%,rgba(8,8,8,8.9) 45%,rgba(9,9,9,9) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	width: 100%;
	left: 0px;
	right: 0px;
	bottom: 0px;
	text-align: left;
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 25px;
}
.transition-timer-carousel .carousel-caption .carousel-caption-header {
	margin-top: 10px;
	font-size: 24px;
}

@media (min-width: 970px) {
    /* Lower the font size of the carousel caption header so that our caption
    doesn't take up the full image/slide on smaller screens */
	.transition-timer-carousel .carousel-caption .carousel-caption-header {
		font-size: 36px;
	}
}
.transition-timer-carousel .carousel-indicators {
	bottom: 0px;
	margin-bottom: 5px;
}
.transition-timer-carousel .carousel-control {
	z-index: 11;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar {
    height: 5px;
    background-color: #5cb85c;
    width: 0%;
    margin: -5px 0px 0px 0px;
    border: none;
    z-index: 11;
    position: relative;
}
.transition-timer-carousel .transition-timer-carousel-progress-bar.animate{
    /* We make the transition time shorter to avoid the slide transitioning
    before the timer bar is "full" - change the 4.25s here to fit your
    carousel's transition time */
    -webkit-transition: width 4.25s linear;
	-moz-transition: width 4.25s linear;
	-o-transition: width 4.25s linear;
	transition: width 4.25s linear;
}














.comment-section{
    list-style: none;
    max-width: 800px;
    width: 100%;
    margin: 10px auto 20px auto;
    padding: 20px 0 10px 0;
    border-top:1px dashed #ddd;
}

.comment{
    display: flex;
    border-radius: 3px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.comment.user-comment{
    color:  #808080;
}

.comment p.author-comment{
    color:  #60686d;
    justify-content: flex-end;
}

/* User and time info */

.comment .info{
    width: 17%;
}

.comment.user-comment .info{
    text-align: left;
}

.comment.author-comment .info{
    order: 3;
}


.comment .info a{	/* User name */
    display: block;
    text-decoration: none;
    color: #656c71;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 10px 0 3px 0;
}

.comment .info span{	/* Time */
    font-size: 11px;
    color:  #9ca7af;
}


/* The user avatar */

.comment .avatar{
    width: 8%;
}

.comment.user-comment .avatar{
    padding: 5px;
}

.comment.author-comment .avatar{
    order: 2;
    padding: 10px 3px 0 18px;
}

.comment .avatar img{
    display: block;
    border-radius: 50%;
}

.comment.user-comment .avatar img{
    float: right;
}





/* The comment text */

.comment p{
    line-height: 1.5;
    padding: 18px 22px;
    width: 50%;
    position: relative;
    word-wrap: break-word;
}

.comment.user-comment p{
    background-color:  #f2dede;
}

.comment p.author-comment{
    background-color:  #e2f8ff;
    order: 1;
}

.user-comment p:after{
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 2px solid #f3f3f3;
    left: -8px;
    top: 18px;
}

.author-comment p:after{
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 2px solid #e2f8ff;
    right: -8px;
    top: 18px;
}




/* Comment form */

.write-new{
    margin: 80px auto 0;
    width: 50%;
}

.write-new textarea{
    color:  #444;
    font: inherit;

    outline: 0;
    border-radius: 3px;
    border: 1px solid #cecece;
    background-color:  #fefefe;
    box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.06);
    overflow: auto;

    width:100%;
    min-height: 80px;
    padding: 15px 20px;
}

.write-new img{
    border-radius: 50%;
    margin-top: 15px;
}

.write-new button{
    float:right;
    background-color:  #87bae1;
    box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.12);
    border-radius: 2px;
    border: 0;
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;

    padding: 10px 25px;
    margin-top: 18px;
}



/* Responsive styles */

@media (max-width: 800px){
    /* Make the paragraph in the comments take up the whole width,
    forcing the avatar and user info to wrap to the next line*/
    .comment p{
        width: 100%;
    }

    

    /* Reverse the order of elements in the user comments,
    so that the avatar and info appear after the text. */
    .comment.user-comment .info{
        order: 2;
        text-align: left;
    }

    .comment.user-comment .avatar{
        order: 1;
    }

    .comment.user-comment p{
        order: 3;
    }


    /* Align toward the beginning of the container (to the left)
    all the elements inside the author comments. */
    .comment.author-comment{
        justify-content: flex-start;
    }


    .comment-section{
        margin-top: 10px;
    }

    .comment .info{
        width: auto;
    }

    .comment .info a{
        padding-top: 15px;
    }

    .comment.user-comment .avatar,
    .comment.author-comment .avatar{
        padding: 15px 10px 0 18px;
        width: auto;
        width: 25%;
    }

    .comment.user-comment p:after,
    .comment.author-comment p:after{
        width: 12px;
        height: 12px;
        top: initial;
        left: 28px;
        bottom: -6px;
    }

    .write-new{
        width: 100%;
    }
}



.alert{
	font-size: 12px;
}
.form-horizontal{
	min-height: 1.5em !important;
}








a.gallery{
	color: #E94D12;
	font-size: 12px;
}
a.gallery:hover{
	color: #E94D12;
}


a.profil{
	color: #000;
}
a.profil:hover{
	color: #E94D12;
}




    .text {
      /*font-family: 'Bree Serif';*/
      color:#E94D12;
      font-size:12px;
      margin-bottom:10px;
      padding:12px;
      background:#fff;
    }




.magazine{
	width: 100%;
	height: auto;
}

.magazine img{
	width: 100%;
}



.magazine .caption {
    background:#313131;
    width: 100%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    text-align: left;
    padding-top: 5px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 15px;
}

.magazine .caption h1{
margin-top: 0 !important;
}

.magazine .caption h1 a{
color: #E94D12;
font-size: 30px;
line-height: 120%;
text-align: left;
text-transform: none;
font-weight: bold;
margin-top: 0 !important;
margin: 8px 0;
}

.magazine .caption span.desc_hl {
width: 535px;
line-height: 130%;
font-size: 14px;
color: #f6f6f6;

}


.magazine .caption span.desc_hl a {
color: #E94D12;
}


.magazine .caption .labdate {
    color: #959595;
    display: block;
    margin-top: 5px;
}
.magazine .caption .mb5 {
    margin-bottom: 5px;
}






/* share icon */
.popup-share {
  background: #fff;
  border: 1px solid #d5d6d6;
  padding: 0;
  margin: 0;
  -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.15);
  -moz-box-shadow: 1px 1px 5px rgba(0,0,0,.15);
  box-shadow: 1px 1px 5px rgba(0,0,0,.15);
}

.popup-share a[class^="icon-"], .popup-share a[class*=" icon-"] {
  display: block;
  text-decoration: none;
  padding: 4px 10px;
}

.popup-share a[class^="icon-"]:hover, .popup-share a[class*=" icon-"]:hover {
  background: #2095f0;
  text-decoration: none;
  color: #fff
}

.inline-share{
  margin-bottom:5px;

}

.inline-share a[class^="icon-"], .inline-share a[class*=" icon-"] {
  font-size: 22px;
  text-decoration: none;
}

.inline-share a[class^="icon-"] span, .inline-share a[class*=" icon-"] span {
  display: none;
}

.icon-facebook {
  color: #3b5998;
}
.icon-linkedin {
  color: #007bb6;
}
.icon-twitter {
  color: #00aced;
}
.icon-googleplus {
  color: #dd4b39;
}
.icon-email {
  color: #E94D12;
}










.page-header2 {
    padding-bottom: 9px;
    margin: -30px 0 20px;
    border-bottom: 1px solid #eee;
}




.icons-ul{  
    width:90%;
    padding-left: 3px;

}

.icons-ul>li {
position: relative;
list-style: none;
padding: 10px 10px 0 0 ;
}

.icons-ul>li a {
font-weight: bold;
font-size: 18px;
color: #333;
}

.icons-ul>li a:hover {
font-weight: bold;
color: #E94D12;
cursor: pointer;
}

icons-ul {
margin-left: 2.142857142857143em;
list-style-type: none;
}

ul, ol {
margin-top: 0;
margin-bottom: 10px;
}

.icons-ul .icon-li {
position: absolute;
left: -2.142857142857143em;
width: 2.142857142857143em;
text-align: center;
line-height: inherit;
}

[class^="icon-"], [class*=" icon-"] {
display: inline;
width: auto;
height: auto;
line-height: normal;
vertical-align: baseline;
background-image: none;
background-position: 0% 0%;
background-repeat: repeat;
margin-top: 0;
}


.konten{
width: 75%;
margin: auto;
background: none !important;
border: 0 !important;
}



.gall-kotak{
	background-color: #fff;
}


.post-type-1 {
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 30px;
    padding-bottom: 20px;
}


.kotak-gallery{
	margin-top: 20px;
	padding:15px !important;
	background-color: #292927 !important;
}



.portfolio-item {
  margin-bottom: 30px;
}

.card{
background-color:#000;
padding-bottom:7px;
}

.meta-tags{
padding:5px;
color:#959595 !important;
}

.card-title{
padding:5px;
margin-top:0 !important;
}

h4.card-title a{
	font-size: 16px;
	color:white;
}


.magazine .zoom {
    width: auto;
    margin: 3px;
    overflow: hidden;
    height: 95.5%;
}

.card .zoom {
    width: auto;
    margin: 3px;
    overflow: hidden;
    height: 95.5%;
}

.navbar-collapse {
padding-right:0;
}


.carousel-inner > .item > a > img, .carousel-inner > .item > img {
 width:100% !important;   
 min-height:570px;
 max-height:570px;
}