body{
  font-family:'Nunito';
  background: #2c3e50;
}
p{
	margin: 20px 0;
}
.list-li ol{list-style: decimal; margin-left: 15px;}
.list-li table tr:first-child th, table tr:first-child td, table tr:first-child {
   border: 1px solid #ccc;
}
.list-li table tr th, table tr td {
	font-size:12px;
    border: 1px solid black;
}
.list-li table tr td {
	padding-left: 5px;
}
.list-li ul{list-style: decimal; margin-left: 15px;}
#navigation.modern.white-nav .columns .nav-menu ul.dropdown-menu li a {text-transform: uppercase;}
#navigation.modern .columns ul li a,#navigation.modern .columns ul li button {
  font-size: 12px;
  font-weight : bold;
} 
#navigation.modern .columns ul li a:hover{
	background-color:#11a04d !important;
}
.container-custom{ max-width:100%;}
.container-2 {max-width:100%;padding: 0 27px;}
.container-3 {padding-left:108px;}
.box-m-kiri{
    background: rgb(243, 156, 18);
    padding-right: 10px;
    border-bottom: 55px solid #f2b03d;
    border-left: 40px solid #27ae60;
    margin-right: -16px;
    top:0px;
     -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;
}
#navigation.modern .columns ul.nav > li.active > a {color: #fff !important;background-color: #11a04d !important;}

.change-box-m-kiri{
     border-bottom: 55px solid #f2b03d;
}

#pagetop{
  max-height: 70px;
  height: 70px;
  line-height: 70px;
}

#pagetop .left {
    padding-left: 50px;
    padding-right: 50px;
    float: left;
    text-align: left;
    background: linear-gradient(45deg, #fd7600 0%,#f2b03d 100%);
    /* margin-left: -190px; */
}

#pagetop .right-custom {
    padding-right: 50px;
    float: right;
    text-align: left;
}

#pagetop .mr-kanan {
    float: left;
    background: transparent;
    border-bottom: 70px solid #f2b03d;
    border-right: 40px solid transparent;
    width: 45px;
}

.bg-search{
	background: linear-gradient(45deg, #f2b03d 25%,#fd7600 100%);
}

#pagetop img {
    max-height: 65px;
}
.logo-font{
  margin: 18.5px;
}
.btn-custom{ border-radius : 0px;}
.bg-hijau{background-color:#27ae60;}
.bg-orange{background-color:#f39c12;}
.color-orange{color: #f39c12; }
.color-hijau{color: #27ae60; }
.border-hijau { border: 1px solid #27ae60}
.border-orange { border: 1px solid #f39c12}
.bg-hijau-hover:hover{background-color:#27ae60;}
.bg-orange-hover:hover{background-color:#f39c12;}
.title{margin: 0 0 0 0;}
.costum-box-news{min-height: 385px;}
.img-icon{margin-right: 5px; max-width: 50px; margin-top: -10px;}
/* video*/
.uppercase {text-transform:uppercase !important;}
.center {text-align:center !important;}
.header-top-area {background: #2B8738;border-top:3px solid #FF7302}
.tickers {background: #2B8738;}
.ticker-head, .slider-right ul li .right-content,
.header-bottom-area .search .search-icon i {background: #FF7302 !important;}
.ticker-head {padding: 10px 20px;}
.header-bottom-area .search .search-box input {border:2px solid #FF7302}
.header-top-area .header-top-left ul li {text-transform: uppercase;color:#fff;}
.header-top-area .header-top-left ul li a {color:#fff;}
.header-middle-area {padding: 10px 0;}
.header-middle-area .logo-area {padding-top: 0;}
.header-bottom-area .main-menu ul li ul li a {text-transform:uppercase;}
.slider-right ul li .right-content a {text-transform:uppercase;}
.slider-right ul li:last-child {margin-top: 6px;border: 1px solid #ddd;}
#banner-carousel .next-prev-top {overflow: initial;}
#banner-carousel .next-prev-top .news-control {
    background: #2B8738;    
    position: absolute;
    top: 45%;
    width: 30px;
    z-index: 9;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
#banner-carousel .next-prev-top .left {left: 10px;}
#banner-carousel .next-prev-top .right {right: 10px;}
.preview-2 .nivo-directionNav a.nivo-prevNav:before, 
.preview-2 .nivo-directionNav a.nivo-nextNav:before {background:#2B8738 !important;}
.view-area a {padding: 5px 10px;border: 1px solid #ddd;}
.view-area a:hover{color:#fff;}
.nav-tabs li.active, .nav-tabs li:hover {background:#2B8738;}
.title-bg:after, .title-bg:before {background: #FF7302}
.trending-news .list-col {background: #252525;min-height: 397px;}
.trending-news .list-col h3 {margin: 5px;text-align: center;}
.trending-news .list-col h3 a {color: #fff;text-transform:uppercase;font-size: 15px;}
.footer-bottom-area .footer-bottom p {font-size: 12px;text-transform: uppercase;color: #999;}
.sidebar-latest .like-box {margin-bottom:10px;}
.sidebar-latest .like-box-next {margin: 0 0 10px;}
.slider-right ul li .right-content {left:0;text-align: center;background: #AD1F1F;bottom:0}
.slider-right ul li .right-content h3 {margin: 0;padding: 5px 0;font-size: 18px;}
.slider-right ul li .right-content a:hover{color:#fff;}
.inner-page-header .banner {background: #FF7302;height: 50px;}
.single-blog-page-area {padding: 10px 0 0;}
.single-blog-page-area .single-image {width: 50%;float: left;margin-right: 10px;}
.inner-page-header .header-page-title h1 {font-size: 25px;}
/*paging*/
.pagination-area {margin: initial !important;max-width: initial;float: right;}
.single-blog-page-area ul li {margin-left:0;padding: 10px 0;}
.pagination-area ul li a, .pagination-area ul li span {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;	
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;	
	border-bottom: 1px solid #ddd;	
	color: #000000;	
	display: block;	
	font-size: 18px;	
	height: 50px;	
	line-height: 50px;	
	text-align: center;	
	text-decoration: none;	
	transition: all 0.5s ease 0s;	
	width: 50px;
}
.pagination-area ul li span.active {background:#ddd;}
.pagination-area ul li:nth-child(4) a {line-height: 50px;}
.blog-page-area li.news-list {border: 1px solid #ddd !important;}
.single-blog-page-area h3,.blog-page-area li h3 {text-transform:uppercase;}
.gellary-area .single-gellary {margin-bottom: 20px;border: 1px solid #ddd;min-height:400px;}

.blog-page-area ol li {list-style: inherit;padding: 0;margin-bottom: 2px !important;overflow: inherit;}
/* .blog-page-area ul li {} */

.title-total-data {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}
.leave-comments-area {padding-top: 0 !important;height: 55px;margin-bottom: 10px;padding-bottom: 10px;}
select.form-control {height:45px;}
.single-blog-page-area .leave-comments-area .btn-send {margin-top: 0;padding: 10px;height: 45px;width: 100%;}
.btn-reset {display: block;text-align: center;background: #555 !important;}
.table th {background: #2B8738;color:#fff;}

.tickers .owl-nav .owl-prev, .tickers .owl-nav .owl-next, .read-more.hvr-bounce-to-right::before {background: #FF7302;}
#top-news-slider div a {text-transform:uppercase;}
#top-news-slider div a:hover {color: #FF7302;}

#map iframe {width:100%;height:200px;}

.fetuered-videos #featured-images-section .videos-text {
  position: absolute;
  bottom: 20px;
  left: 20px;
  z-index: 10;
}
.fetuered-videos #featured-images-section .videos-text a {
  font-size: 12px;
  color: #ffffff;
}
.fetuered-videos #featured-images-section .date {
  color: #ffffff;
  font-size: 12px;
}
.fetuered-videos #featured-images-section .single-videos {
  position: relative;
  overflow: hidden;
}
.fetuered-videos #featured-images-section .single-videos .images {
  position: relative;
  overflow: hidden;
}
.fetuered-videos #featured-images-section .single-videos .images:after {
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.fetuered-videos #featured-images-section .single-videos .images:hover h3 a {
  color: #d32f2f;
}
.fetuered-videos #featured-images-section .single-videos .images:hover .overley {
  opacity: 1;
  transform: scaleY(1);
  z-index: 10;
}
.fetuered-videos #featured-images-section .single-videos .images a {
  display: block;
}
.fetuered-videos #featured-images-section .single-videos .images a img {
  transition: all 0.5s ease 0s;
}
.fetuered-videos #featured-images-section .single-videos .images .overley {
  position: absolute;
  left: 0;
  right: 0;
  text-align: left;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  transform: scaleY(0);
  transform-origin: 0 1 0;
  opacity: 0;
  transition: all 0.5s ease 0s;
  padding: 30px;
}
.fetuered-videos #featured-images-section .single-videos .images .overley .videos-icon {
  padding: 20% 0;
  text-align: center;
}
.fetuered-videos #featured-images-section .single-videos h3 {
  margin-bottom: 0px;
}
.fetuered-videos #featured-images-section .single-videos h3 a {
  color: #ffffff;
  transition: all 0.5s ease 0s;
  font-size: 18px;
}
.fetuered-videos #featured-images-section .single-videos h3 a:hover {
  color: #d32f2f;
}
.fetuered-videos #featured-images-section .owl-nav .owl-next {
  background: transparent;
  width: 30px;
  height: 30px;
  border-radius: 0;
  opacity: 1;
  margin: 2px;
  right: 0;
  position: absolute;
  top: -64px;
  border: 1px solid #ddd;
  transition: all 0.5s ease 0s;
  text-align: center;
}
.fetuered-videos #featured-images-section .owl-nav .owl-next i {
  color: #101010 !important;
}
.fetuered-videos #featured-images-section .owl-nav .owl-next:hover {
  background: #d32f2f;
  border: 1px solid #d32f2f;
}
.fetuered-videos #featured-images-section .owl-nav .owl-next:hover i {
  color: #ffffff !important;
}
.fetuered-videos #featured-images-section .owl-nav .owl-next i {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #d32f2f;
}
.fetuered-videos #featured-images-section .owl-nav .owl-prev {
  background: transparent;
  width: 30px;
  text-align: center;
  height: 30px;
  border-radius: 0;
  opacity: 1;
  margin: 2px;
  right: 35px;
  position: absolute; 
  top: -64px;
  border: 1px solid #ddd;
  transition: all 0.5s ease 0s;
}
.fetuered-videos #featured-images-section .owl-nav .owl-prev i {
  color: #101010 !important;
}
.fetuered-videos #featured-images-section .owl-nav .owl-prev:hover {
  background: #d32f2f;
  border: 1px solid #d32f2f;
}
.fetuered-videos #featured-images-section .owl-nav .owl-prev:hover i {
  color: #ffffff !important;
}
.fetuered-videos #featured-images-section .owl-nav .owl-prev i {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #d32f2f;
}
.video-iframe {width: 100%;height: 250px;}
.video-gallery {min-height:400px;}

.info{
	margin: 15px; top: 40%; min-height: 500px; width: 100%;
	/* .infocard {} */
}
.h-slide{
	    height : 500px;
}
.select2-container--default .select2-selection--single {
	height: auto;
    line-height: normal;
    padding: 4px 13px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
}
.des p{ margin: 0px;}
.chartdiv {width: 100%; height: 280px;}
@media only screen and (max-width: 768px){
	.info {
	     margin-left : 0px;
	     top : 10%;     
	}
	.infocard { display : block !important; max-width: 370px;}
	.h-slide{
	    height : 136px;
	    width: 100%;
	    max-height : 136px;
	}
}

/*MAP*/
#map {
	width:100%;
	height:500px;
	clear:both;
}
.infowindow {
	width: 400px;
	margin-bottom:10px;
}
.infowindow thead {
	background: #996F4E;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.infowindow th {
	padding: 2px 5px;
	border: 1px solid #fff;
	width: 50%;
}
.infowindow td {
	padding: 2px 5px;
	border: 1px solid #ccc;
}
.infowindow td.col-left {
    background: #222D32;
    color: #fff;
    font-weight: bold;
    text-transform:uppercase;
}
.infowindow td.col-right {
	font-weight: bold;
    text-transform:uppercase;
}
.leaflet-popup {width: 500px;}
.select-prop {width:48%;float:left;}

/*MAP DIV ICON*/
.leaflet-div-icon {background: transparent !important;border: 0 !important;}
.map-div-icon {border-radius: 50%; padding:3px;width:30px;height:30px;}
.map-div-icon-beban {width:37px;height:37px;}
.map-div-icon-green {background:#2B8638;}
.map-div-icon-blue {background:#5959FF;}
.map-div-icon-yellow {background:#c4c419;}
.map-div-icon-red {background:#FF1E00;}
.map-div-icon-brown {background:#915E3B;}
.map-div-icon-gray {background:#7B7B7B;}
.map-div-icon-black {background:#000;}
.map-div-icon-content {color:#fff;font-weight:bold;text-align:center;padding-top:5px;font-size:10px;}
.map-div-icon-content-beban {padding-top:8px;}
.map-title {padding:3px;color:#fff;}

.lihat-perusahaan, .lihat-sebaran-kabkota {display:block;margin:5px 0;}

.gis-title {font-weight:bold;text-transform:uppercase;}
span.nama-param {
    width: 70%;
    display: inline-block;
}

/* scrollbar */
::-webkit-scrollbar { /* width */
  width: 4px;
} 

::-webkit-scrollbar-track { /* Track */
  background: #ffffff; 
}   

::-webkit-scrollbar-thumb { /* Handle */
  background: #0c9abc; 
} 

::-webkit-scrollbar-thumb:hover { /* Handle on hover */
  background: #2bb6c9; 
}