.no-padding{
  padding: 0;
}
.border-box{
  border: 1px solid #eee;
}
#header{
  background-color: rgba(0,0,0,.3);
}
.tp-banner-container,
.tp-banner-container .tp-banner{ position: relative;z-index: 1; height: 756px;}
#video-full{
  position: fixed;
  z-index: 1;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); 
}
#foto-walikota{
	position: absolute;
	z-index: 20;
	bottom: 0;
	left: 0;
	width: 630px;
}

.section-home{
  position: relative;
  z-index: 2;
}

#running-text{
	background-color: #bf0526;
	color: white;
	position: fixed;
	z-index: 4;
	bottom: 0;
	left: 0;
	right: 0;
}
#running-text p{ margin: 0; padding: 20px 0; }
#running-text p, #running-text a{
	color: white;
}

/*Album Foto*/
#album-foto{
  padding: 0;
}
#album-foto .carousel-control .glyphicon-chevron-left, 
#album-foto .carousel-control .glyphicon-chevron-right, 
#album-foto .carousel-control .icon-prev, 
#album-foto .carousel-control .icon-next{ font-size: 14px; }
#album-foto .carousel-caption{
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5px;
}

#banner-tautan{
  background-image: url(../img/client-bg2.jpg);
}

#informasi{
  background-image: url(../img/batik3a.jpg);
  background-position: center;
  background-repeat: repeat;
}

#berita-populer .overlay-light{
  background-color: rgba(0,0,0,.47);
}
#berita-populer.parallax-image4{
  background-image: url(../img/inner-header.jpg);
  background-size: cover;
  background-position: center;
}
#berita-populer h4 a{
  color: white;
}
#berita-populer h4 a:hover{
  color: #bf0426;
}

#medsos{
  background-color: rgba(255,255,255,1);
}
#medsos .social-icons{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
#medsos .social-icons .social-icon{
  text-align: center;
  padding: 15px;
  width: 20%;
}
#medsos .social-icons .social-icon img{
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  height: auto;
}

#footer{ z-index: 5; }
#footer .colorfull-row{
  background-image: url(../img/batik2a.jpg);
  background-position: center;
}
#footer address{
  line-height: 1.6em;
}
#footer .copyright-area .copyright { float: none; text-align: center; }
#footer .recent-posts .post-title{ color: khaki; }
#footer .recent-posts .post-title:hover{ color: white; }
.list-style-4 li a{ color:white; }
.list-style-4 li a:hover i {
  color: white;
}
.list-style-4 li a:hover {
  color: khaki;
}
.list-style-4 i {
  color: khaki;
}

#footer .social-icons .social-icon i{
	border-style: solid solid;
  border-width: 1px 1px;
}

/* Statistik Pengunjung */
.statistik-pengunjung {padding: 1.5em 0;}
.statistik-pengunjung b {
  width: 47%;
  text-align: left;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
}
.statistik-pengunjung .value {
  text-align: right;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
}
.statistik-pengunjung .table{
  color: #f5f5f5;
}
/* End of Statistik Pengunjung */

@media (min-width: 768px) {
  #medsos .social-icons{
    flex-wrap: nowrap;
  }
  #medsos .social-icons .social-icon{
    width: 15%;
  }   
}

@media (min-width: 992px) {
  #album-foto .col-md-2{
    width: 20%;
  }
  #footer .copyright-area { 
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  #footer .copyright-area .copyright { float:left; text-align:left; }
  #counter {
    text-align: right;
  }
}

@media (min-width: 1170px){
  #medsos .social-icons .social-icon{
    width: 5%;
  }
}