/* ======= Custom CSS for this web ======== */

ul.sticky a {
	text-decoration: none;
}

ul.sticky {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sticky-social {
	right: 0;
	position: fixed;
	top: 165px;
	z-index: 1001;
}

#sticky-social a {
	background: #333;
	color: #fff;
	display: block;
	height: 35px;
	font: 16px "Open Sans", sans-serif;
	line-height: 35px;
	position: relative;
	text-align: center;
	width: 35px;
}

#sticky-social a:hover span {
	right: 100%;
}

#sticky-social a span {
	line-height: 35px;
	right: -120px;
	position: absolute;
	text-align: center;
	width: 120px;
}

#sticky-social a[class*="facebook"],
#sticky-social a[class*="facebook"]:hover,
#sticky-social a[class*="facebook"] span {
	background: #3b5998;
}

#sticky-social a[class*="twitter"],
#sticky-social a[class*="twitter"]:hover,
#sticky-social a[class*="twitter"] span {
	background: #00aced;
}

#sticky-social a[class*="gplus"],
#sticky-social a[class*="gplus"]:hover,
#sticky-social a[class*="gplus"] span {
	background: #dd4b39;
}

#sticky-social a[class*="linkedin"],
#sticky-social a[class*="linkedin"]:hover,
#sticky-social a[class*="linkedin"] span {
	background: red;
}

#sticky-social a[class*="instagram"],
#sticky-social a[class*="instagram"]:hover,
#sticky-social a[class*="instagram"] span {
	background: #517fa4;
}

#sticky-social a[class*="stumbleupon"],
#sticky-social a[class*="stumbleupon"]:hover,
#sticky-social a[class*="stumbleupon"] span {
	background: #eb4924;
}

#sticky-social a[class*="pinterest"],
#sticky-social a[class*="pinterest"]:hover,
#sticky-social a[class*="pinterest"] span {
	background: #cc2127;
}

#sticky-social a[class*="flickr"],
#sticky-social a[class*="flickr"]:hover,
#sticky-social a[class*="flickr"] span {
	background: #ff0084;
}

#sticky-social a[class*="tumblr"],
#sticky-social a[class*="tumblr"]:hover,
#sticky-social a[class*="tumblr"] span {
	background: #32506d;
}

@media (min-width: 770px) {
	.left-column {
		padding-right: 15px !important;
	}

	.right-column {
		padding-left: 15px !important;
	}
}

.row {
	margin: unset !important;
}



.myriadpro {
	/* font-family: 'Myriad Pro'; */
	font-family: "Roboto", sans-serif;
	/*font-weight: bold;*/
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
	background-color: #ffff;
}

.header-top.header-primary .navbar-nav > li > a:hover {
	background-color: #ffff;
}

.header-main.affix.header-transparent {
	background-color: #212122;
}

.header-main.header-transparent .navbar-nav > li > a:hover {
	background-color: #ffff;
}

.header-main.header-transparent {
	background-color: #212122;
}

img.logo {
	height: 76px;
}

.navbar {
	min-height: 40px;
}

.header-main.affix .navbar-nav > li > a {
	padding-top: 23px;
	padding-bottom: 27px;
}

header .header-primary {
	background: #3b709e;
}

.header-top {
	z-index: 1000;
	position: unset;
}

.header-main .navbar-nav > li > a {
	padding: 30px 15px;
	font-size: 11px;
}

.nav > li > a {
	padding: 9px 9px;
}

@media (min-width: 768px) {
	.navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

.navbar-brand {
	padding: 1px 15px;
}

/* Navbar Shrink CSS*/

.navbar-brand > img {
	/*width:100%;
			height:66px;
			max-width: 305px;
			margin-top:-20px;
			*/
	transition: all 0.3s;
}

div.shrink .navbar-brand > img {
	height: 65px;
	/*margin-top: 40px;*/
	transition: all 0.3s;
}

img.mbl {
	position: absolute;
	z-index: 1001;
	left: 10px;
	top: 6px;
	height: 65px;
}

.header-main.header-transparent .dropdown-menu a:not(.btn):hover {
	background: #012b4d;
	color: #fff;
}

/***********************
		 * Essential Structure *
		 ***********************/
.flexsearch--wrapper {
	height: auto;
	width: auto;
	max-width: 100%;
	overflow: hidden;
	background: transparent;
	margin: 0;
	position: static;
}

.flexsearch--form {
	overflow: hidden;
	position: relative;
}

.flexsearch--input-wrapper {
	/*padding: 0 66px 0 0;*/
	padding-left: 20px;
	/* Right padding for submit button width */
	overflow: hidden;
}

.flexsearch--input {
	width: 100%;
}

/***********************
		 * Configurable Styles *
		 ***********************/
.flexsearch {
	/*padding: 0 25px 0 200px;*/
	/* Padding for other horizontal elements */
}

.flexsearch--input {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 35px;
	padding: 0 46px 0 17px;
	background-color: #1a2c44;
	/* border-color: #1A2C44; */
	border-radius: 26px;
	border-style: solid;
	border-width: 0px;
	margin-top: 20px;
	color: #fff;
	font-family: "Helvetica", sans-serif;
	font-size: 12px;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.flexsearch--submit {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 38px;
	height: 43px;
	padding: 0;
	border: none;
	margin-top: 8px;
	margin-right: 0px;
	background: transparent;
	color: #888;
	font-family: "Helvetica", sans-serif;
	font-size: 20px;
	line-height: 60px;
}

.flexsearch--input:focus {
	outline: none;
	border-color: #333;
}

.flexsearch--input:focus.flexsearch--submit {
	color: #fff;
}

.flexsearch--submit:hover {
	color: #fff;
	cursor: pointer;
}

::-webkit-input-placeholder {
	color: #888;
}

input:-moz-placeholder {
	color: #888;
}

/****************
		 * Pretify demo *
		 ****************/
.h1 {
	float: left;
	margin: 25px;
	color: #333;
	font-family: "Helvetica", sans-serif;
	font-size: 45px;
	font-weight: bold;
	line-height: 45px;
	text-align: center;
}

.modal-body a img {
	width: 100% !important;
	height: auto !important;
}

.tombol-modal {
	border: 0px;
	border-radius: 20px;
	position: absolute;
	right: -9px;
	top: -6px;
	z-index: 2;
}

.carousel-fade .carousel-inner .item {
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
	z-index: 2;
}

.nav-tabs.tabs-v3 > li.active > a:after {
	display: none;
}

.small-tiles {
	padding-left: 10px;
	padding-right: 0px;
}

.text-small {
	text-transform: uppercase;
	font-size: 15px;
	font-family: "Myriad Pro";
	padding: 8px 5px 0 5px;
	line-height: 100%;
}

div.tiles {
	max-width: 150px;
	height: 140px;
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 20px;
}

.site-section-top {
	margin-top: 45px;
}

.banner-atas-default {
	margin-top: 0px;
}

.running-section {
	min-height: 35px;
}

.sticky-header-container {
	min-height: 80px;
}

/*
	.banner-atas-scroll {
	margin-top: 50px;
	}*/

ul.marquee {
	width: 100% !important;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

img.framed {
	max-height: 150px;
	width: 213px;
}

footer h5 {
	text-transform: uppercase;
	color: #4c4c4c;
	font-weight: bold;
}

footer a {
	color: #6e6e6e;
}

.bg-alt {
	color: #fff;
	border-top: none !important;
	background: #1f3983 !important;
}

.footer-copyright .copyright-text {
	font-size: 12px;
	color: #fff;
}

.footer-copyright.custom {
	margin-top: 0px;
	background: #00276c;
	padding: 0px;
}

footer .kecil {
	font-size: 14px;
}

footer .kecil-judul {
	font-size: 16px;
}

footer ul.fa-ul li {
	padding-bottom: 6px;
}

footer img.logo-bawah {
	width: 115px;
	height: auto;
	display: inline-block;
}

.icon-social.icon-social-color.circle li {
	border-radius: 10% !important;
}

.icon-social.icon-social-color li a {
	width: 26px;
	height: 26px;
	font-size: 17px;
	color: #000;
}

.icon-social li a:hover {
	color: #fff;
}

.icon-social.icon-social-color li a > i {
	line-height: 28px;
}

.instagram {
	background: #fff;
}

/***********************
	 * Form Pencarian *
	 ***********************/
.search {
	padding: 8px 15px;
	margin-top: 7px;
	background: #fff;
	border: 0px solid #dbdbdb;
	height: 26px;
	width: 186px;
	border-radius: 26px;
	font-size: 11px;
}
.button {
	position: relative;
	/*padding:2px 15px;*/
	top: 1px;
	left: -35px;
	border: none;
	background: none;
	height: 26px;
	color: #2fbffd;
}
.button:hover {
	/*background-color:#fafafa;
		color:#207cca;*/
}

.running-text {
	margin-top: 9px;
	margin-bottom: 9px;
}

/*****************/
/* Column Berita */
/*****************/

@media (min-width: 768px) {
	.paddingnya {
		padding: 0 !important;
	}

	.carousel-inner .item img.slider-berita {
		object-fit: cover;
		height: 495px;
		width: 100%;
	}
}

@media (min-width: 770px) {
	.left-column {
		padding-right: 15px !important;
	}

	.right-column {
		padding-left: 15px !important;
	}
}

@media (max-width: 768px) {
	h1.custom-font.kecil span {
		font-size: 9px !important;
	}
	.hal-kecil-heading-alt span {
		font-size: 11px !important;
	}

	.carousel-caption h2 {
		font-size: 20px;
	}

	.carousel-caption {
		padding: 15px 10px 0px 15px !important;
	}

	.nav-tabs.responsive-text li a span {
		font-size: 10px;
	}
}

.no-padding {
	padding: 0px;
}

.nav-tabs.tabs-v3.beritautama > li.active > a {
	border-color: #f8f8f8;
	/*color: #5C5F68;*/
}

.nav.berita.beritautama > li > a {
	padding: 19px 0px;
}

/*****************/
/* Slider Berita */
/*****************/
#custom_carousel .item {
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.5);
}

#custom_carousel .controls {
	overflow-x: auto;
	overflow-y: hidden;
	padding: 0;
	margin: 0;
	text-align: center;
	position: relative;
	/*background:#ddd*/
}

#custom_carousel .controls li {
	display: table-cell;
	width: 1%;
	max-width: 90px;
}

#custom_carousel .controls li a {
	padding: 5px 3px;
}

#custom_carousel .controls li:first-child a {
	padding: 5px 3px;
	padding-left: 0px;
}

#custom_carousel .controls li:last-child a {
	padding: 5px 3px;
	padding-right: 0px;
}

#custom_carousel .controls li img#borderthumb {
	border: 5px solid gray;
}

#custom_carousel .controls li.active img#borderthumb {
	background-color: #eee;
	border: 5px solid #1a7dd0;
}
#custom_carousel .controls a small {
	overflow: hidden;
	display: block;
	font-size: 10px;
	margin-top: 5px;
	font-weight: bold;
}

#custom_carousel2 .item {
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.5);
}
#custom_carousel2 .controls {
	overflow-x: auto;
	overflow-y: hidden;
	padding: 0;
	margin: 0;
	text-align: center;
	position: relative;
	/*background:#ddd*/
}
#custom_carousel2 .controls li {
	display: table-cell;
	width: 1%;
	max-width: 90px;
}
#custom_carousel2 .controls li a {
	padding: 5px 3px;
}
#custom_carousel2 .controls li:first-child a {
	padding: 5px 3px;
	padding-left: 0px;
}
#custom_carousel2 .controls li:last-child a {
	padding: 5px 3px;
	padding-right: 0px;
}
#custom_carousel2 .controls li img#borderthumb {
	border: 5px solid gray;
}
#custom_carousel2 .controls li.active img#borderthumb {
	background-color: #eee;
	border: 5px solid #19d072;
}
#custom_carousel2 .controls a small {
	overflow: hidden;
	display: block;
	font-size: 10px;
	margin-top: 5px;
	font-weight: bold;
}

.judul-berita {
	font-weight: bold;
	font-size: 22px;
	line-height: 100%;
}
/*li#lithumb.active img#borderthumb {
 border:5px solid black;
}*/

.featured-news {
	height: auto !important;
	border-top: none !important;
	/*border-bottom: 5px solid #14a95d;*/
}

.featured-news h4 a {
	font-family: "Roboto", sans-serif;
	text-transform: capitalize;
	font-size: 15px;
}

.judul-kanal {
	text-transform: uppercase;
	font-family: "Roboto", sans-serif;
	font-size: 15px;
	font-weight: bold;
	/*font-weight: bold;*/
}

#custom_carousel .item {
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.5);
}

#custom_carousel .controls {
	overflow-x: auto;
	overflow-y: hidden;
	padding: 0;
	margin: 0;
	text-align: center;
	position: relative;
	background: #ffffff;
}

#custom_carousel .controls li {
	display: table-cell;
	width: 1%;
	max-width: 70px;
}

#custom_carousel .controls li.active {
	background-color: #eee;
	/*border-top:3px solid red;*/
}

#custom_carousel .controls a small {
	overflow: hidden;
	display: block;
	font-size: 10px;
	margin-top: 5px;
	font-weight: bold;
}

.carousel-caption {
	left: 0;
	right: 0;
	bottom: 0px;
	background: #000;
	background: -moz-linear-gradient(
		top,
		transparent 0,
		rgba(0, 0, 0, 0.47) 31%,
		rgba(0, 0, 0, 0.7) 100%
	);
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, transparent),
		color-stop(31%, rgba(0, 0, 0, 0.47)),
		color-stop(100%, rgba(0, 0, 0, 0.7))
	);
	background: -webkit-linear-gradient(
		top,
		transparent 0,
		rgba(0, 0, 0, 0.47) 31%,
		rgba(0, 0, 0, 0.7) 100%
	);
	background: -o-linear-gradient(
		top,
		transparent 0,
		rgba(0, 0, 0, 0.47) 31%,
		rgba(0, 0, 0, 0.7) 100%
	);
	background: -ms-linear-gradient(
		top,
		transparent 0,
		rgba(0, 0, 0, 0.47) 31%,
		rgba(0, 0, 0, 0.7) 100%
	);
	background: linear-gradient(
		to bottom,
		transparent 0,
		rgba(0, 0, 0, 0.47) 31%,
		rgba(0, 0, 0, 0.7) 100%
	);
	text-align: justify;
	padding: 30px;
}

ul.slider li {
	border-left: 1px solid #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
}

ul.slider {
	border-right: 1px solid #c7c7c7;
}

.slider > li > a:hover,
.slider > li > a:focus {
	text-decoration: none;
	background: none;
}

.slider > li:hover,
.slider > li:focus {
	text-decoration: none;
	background-color: #eeeeee;
}

a.slider-control {
	text-align: left !important;
	padding: 8px 10px !important;
}

a.slider-control span {
	color: #333333;
	font-size: 11px;
}

a.slider-control p {
	line-height: 1;
}

a.carousel-caption h2 {
	text-align: left;
	font-weight: bold;
	margin-top: 0px;
}

/******************/
/* Indicator List */
/******************/
.indicators-box {
	float: left;
	width: 65%;
	padding: 12px 0 0;
}

.indicators-box ~ br {
	display: none;
}

.indicators {
	position: relative;
}

.indicators .mask {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.indicators-box h2 {
	color: #333;
	font: bold 20px/24px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0 0 30px;
}

.indicators-list {
	margin: 0 0 -25px;
	padding: 0 0 3px;
	list-style: none;
	overflow: hidden;
}

.indicators-list li {
	display: inline-block;
	vertical-align: top;
	margin: 0 9px 37px 14px;
	padding: 21px 0 10px;
}
* + html .indicators-list li {
	display: inline;
}

.indicators-list li a {
	float: left;
	padding: 15px 15px 18px;
	background: #0fa3db;
	color: #fff;
	width: 189px;
	font-size: 12px;
	line-height: 14px;
	position: relative;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-decoration: none;
}

.indicators-list li a:after,
.indicators-list li a .after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin: -3px 0 0 -10px;
	border-top: 9px solid #0fa3db;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	-moz-transform: scale(0.9999);
}

.indicators-list li.pink-box a {
	background: #c80974;
}

.indicators-list li.yellow-box a {
	background: #f18f21;
}

.indicators-list li.green-box a {
	background: #10d494;
}

.indicators-list li.pink-box a:after,
.indicators-list li.pink-box a .after {
	border-top-color: #c80974;
}

.indicators-list li.yellow-box a:after,
.indicators-list li.yellow-box a .after {
	border-top-color: #f18f21;
}

.indicators-list li.green-box a:after,
.indicators-list li.green-box a .after {
	border-top-color: #10d494;
}

.indicators-list li a strong {
	display: block;
	font-size: 18px;
	line-height: 21px;
	padding: 0 0 5px;
}
.indicators-list li a span {
	display: block;
	font-weight: bold;
}
/*
.indicators-list li img {
	position: absolute;
	top: -17px;
	left: 20px;
}*/

.indicators-list li .hold {
	overflow: hidden;
}

.indicators-list li .hold span {
	float: left;
	padding: 0 0 0 10px;
}

.indicators-list li .hold span:first-child {
	padding-left: 0;
}
.indicators-box .btn-prev,
.indicators-box .btn-next,
.service-list-gallery .btn-prev,
.service-list-gallery .btn-next {
	display: none;
}

img.foto-bupati {
	position: absolute;
	top: -75px;
	z-index: 10;
}

.label {
	padding: 0.4em 0.6em 0.4em !important;
	border-radius: 0 !important;
}

.kritik-saran li a,
.kritik-saran li p {
	color: #fff;
}

.media-left img.media-object.foto-list-besar {
	float: left;
	margin-right: 10px;
}

.media-left img.media-object.foto-list-kecil {
	width: 100%;
	height: auto;
}

.ikon-kecil {
	position: absolute;
	top: -23px;
	left: 20px;
	background: #fff;
}
.fa-4x.icon-circle,
.fa-4x.icon-square {
	width: 96px;
	height: 96px;
	font-size: 46px;
	line-height: 94px;
}
.icon-circle,
.icon-square {
	background-color: #fff;
	color: #fff;
	border-radius: 50%;
	width: 38px;
	height: 38px;
	border: 2px solid transparent;
	text-align: center;
	line-height: 32px;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

a.sidebar-utama {
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	padding: 14px 9px !important;
}

li > a.sidebar-utama {
	color: #fff !important;
	background-color: #3b709e !important;
	border-color: #3b709e transparent !important;
}

li > a.sidebar-utama.kanan {
	margin-left: 5px;
}

li.active > a.sidebar-utama {
	background-color: #3b709e !important;
	border-color: #3b709e transparent !important;
}

li.active > a.sidebar-utama.kanan {
	margin-left: 5px;
}

ul.social-tabs.custom {
	border-bottom: 3px solid #c9ddee;
}

img.borderthumb {
	border: 1px solid #817f7f;
	object-fit: cover;
}

.social-tabs .uppercase span {
	text-transform: uppercase;
	font-weight: bold;
	margin-left: 5px;
}

li.media.space {
	margin: 0 20px;
}

.space .media-left {
	padding-right: 20px;
}

.tab-pane ul.media-list {
	padding-top: 25px;
}

.halaman-kecil {
	height: 400px;
}

.hal-kecil-heading {
	background-color: #3b709e;
	height: 41px;
	padding-top: 10px;
	font-weight: bold;
}

.hal-kecil-heading-alt {
	background-color: #04519b;
	height: 41px;
	padding-top: 10px;
	font-weight: bold;
}

.hal-kecil-heading-alt span {
	font-size: 15px;
}

h1.custom-font {
	font-weight: bold;
	color: #ffffff;
}

h1.custom-font.kecil span {
	font-size: 12px;
}

ul.bg-light {
	padding-top: 20px;
	padding-bottom: 5px;
}

.list-special {
	border-bottom: 1px #d4d1d1 solid;
	padding: 12px 0;
	height: 85px;
	margin-top: 5px;
}

li.list-special {
	list-style-type: none;
}

li.list-special:last-child {
	border-bottom: none;
}

.overflow-special {
	overflow: hidden;
	height: 60px;
}

.slider-control img {
	object-fit: cover;
	height: 66px;
	width: 100%;
}

a.list-group-item.custom {
	padding: 10px 10px;
}
a.list-group-item.custom img {
	width: 80%;
	object-fit: cover;
}

div.box-body.custom {
	padding: 40px 50px 15px 50px;
}

div.content-box.featured-news.jajak-pendapat {
	margin-top: 15px !important;
}

.running-text li.kecil {
	color: #fff;
	font-size: 13px;
}