h1{
   font-size: 30px;
}
h2{
   font-size: 25px;
}
h3{
   font-size: 20px;
}
h4{
   font-size: 18px;
}
h5{
   font-size: 13px;
}
h6{
   font-size: 10px;
}

.fixed-top {
    top: -40px;
    transform: translateY(40px);
    transition: transform .3s;
}

#header-logo{
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
 }
 #header-logo div{
    padding:5px;
 }
 .title-header{
    font-size:30px;
    color:#FFFFFF;
 }

 #footer01{
   display:flex;
   flex-flow:row wrap;
   margin-bottom: 20px;
}
#footer01 > div{
   flex:1 1 200px;
   margin:3px;
   padding:5px;
   /* background:#24282b; */

   border-radius: 5px;
}

#footer01 div.heading-title,#footer01 div.heading-fill{
   color:#FFFFFF;
}
#footer01 div.heading-fill{
   margin-top:10px;
}
#footer01 div.heading-fill>ul{
   padding:0px;
}
#footer01 div.heading-fill>ul li{
   list-style: none;
}
#footer01 div.heading-fill>ul li>a{
   color:#FFFFFF;
   text-decoration: none;
}
#footer01 div.heading-fill>ul li>a:hover{
   color:#ffc107;
}

#footer01 div.heading-fill>address p{
   margin-bottom: 0px;
}

#footer01 div.heading-title::after{
   content: "";
   height: 2px;
   width: 90px;
   background:#ffc107;
   display: block;
   position: relative;
}

.heading-fill #social-media{
   display: flex;
}

.heading-fill #social-media a{
   padding:5px 15px;
   font-size:25px;
}

.btn-detail-flex{
   display:flex;
   flex-flow:row nowrap;
   justify-content:center;
}

.carousel-caption>h3>a{
   color:#fff;
}
.carousel-caption>h3>a:hover{
   color:#d0d0d0;
}
a:hover{
   text-decoration: none;
}

.info-content{
   font-size:12px;
   font-weight:500;
   color:#8a8a8a;
   display:flex;
   flex-flow: row nowrap;
   justify-content:space-between;
}
.info-content>span{
   padding:0px 3px;
   flex:1 1 auto;
}

.info-content-2{
   font-size:12px;
   font-weight:500;
   color:#8a8a8a;
   display:flex;
   flex-flow: row nowrap;
   justify-content:flex-start;
}
.info-content-2>span{
   padding:0px 10px 0px 0px;
}

.info-content-3{
   font-size:14px;
   font-weight:500;
   color:#8a8a8a;
   display:flex;
   flex-flow: row nowrap;
   justify-content:flex-start;
}
.info-content-3>span{
   padding:0px 10px 0px 0px;
}

div.alert2{
	z-index:999;
	position:fixed;
   right:-100px;
   top:70px;
}

@media all and (max-width:991px) {
   .navbar .container{
      justify-content: flex-end !important;
   }
}

@media all and (max-width:800px) {
   #footer01{
      flex-flow:column nowrap !important;
   }
}

@media all and (max-width:767px) {
   #content-berita{
      flex-direction: column-reverse;
   }
}

div#modal{
	background:rgba(0,0,0,0.50);
	position:fixed;
	width:100%;
	height:100%;
	z-index:100000;
	display:block;
	background-image:url('../../../source/file/waiting.gif');
	background-position:center;
	background-repeat:no-repeat;
	top:0px;
}
.content-tags a{
   cursor: pointer;
}

div.gallery-h-250{
   
   width: 100%;
   height: 250px;
   border-radius: 10px;
   margin-bottom: 5px;

}

div.gallery-h-150{
   
   width: 100%;
   height: 150px;
   border-radius: 10px;

}

.flex-total-gambar{
   display:flex;
   flex-flow: column nowrap;
   text-align:center;
   background:#ffc107;
   width:100px;
   font-weight:600;
   color:#ffffff;
   top:10px;
   position:relative;
   right:10px;
   font-size:14px;
   padding:3px;
}

.maintenance_class{
   border:5px solid #e91e1e;
}

.page-404{
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	display:flex;
	flex-flow:column wrap;
}
.title-404{
	font-size:8vw;
	text-align:center;
	font-weight:bold;
}
.sub-title-404{
	text-align:center;
	font-size:4vw;
}
.link-404{
	margin:15px auto;
}
.color-light-red{
	color:#dc3545;
}

.text-overflow-inline{
	display: block;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.text-overflow-block-7 {
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;  
	overflow: hidden;
  }
.text-overflow-block-5{
   display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;  
	overflow: hidden; 
}

.btn-section-edit{
   font-size: 12px;
    padding: 2px 5px;
}

.btn-section-edit > span{
   border: 1px solid #3a9a3a;
   background: #55bd55;
   padding: 0px 6px;
   border-radius: 7px;
}

.modal-body label.control-label{
   font-weight:700;
   font-size:14px;
}