nav.navbar.navbar-default.desa/* Base */
* {outline:none;}
html, body {height: 100%;}
body {font-family: 'Open Sans', sans-serif;font-size: 13px;line-height: 1.6;color: #8c8c8c;background-color: #fff;}
h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif;}
a {color: #404040;}
a:hover {color: #404040;transition-property: all;transition-duration: 0.3s;transition-timing-function: linear;}
a.none:hover {text-decoration: none;}

/* Header */
.top {background-color: #404040;padding: 5px 0;color: #fff;}
.top p {margin: 0;}
.top ul {margin: 0;padding: 0;}
.top li i {color: #fff;}
.top li a {color: #fff;}
.top li a:hover {text-decoration: none;}
.top li a:hover,.top li a:hover i {color: #005FA6;transition-property: all;transition-duration: 0.3s;transition-timing-function: linear;}

/* Navigation background-color: #237fb3 */
.navbar {-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;margin-bottom: 0;}
.navbar .container {position: relative;}
.navbar-default {-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;width: 100%;border: none;border-bottom: 1px solid #ddd;background-color: #fff;}
.navbar-default .navbar-nav > li > a {color: #404040;font-weight: normal;font-size: 13px;}
.navbar-default .navbar-nav > li > a:hover {background-color: transparent;color: #005FA6;}
.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > .open > a:focus {background-color: transparent;color: #005FA6;}
.navbar-default .navbar-nav .active > a,.navbar-default .navbar-nav .active > a:hover,.navbar-default .navbar-nav .active > a:focus {color: #005FA6;background-color: transparent;}
.navbar-default .navbar-toggle {margin: 10px 0 0 15px;}
.navbar-default .navbar-toggle,.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {border: none;background: #004861;color:#fff;}
.navbar-default.pemilu .navbar-toggle,.navbar-default.pemilu .navbar-toggle:hover,.navbar-default.pemilu .navbar-toggle:focus {color:#f00;}
.navbar-default.pendidikan .navbar-toggle,.navbar-default.pendidikan .navbar-toggle:hover,.navbar-default.pendidikan .navbar-toggle:focus {color:#486d63;}
.navbar-default .navbar-toggle i {font-size: 18px;}
.navbar-toggle {padding: 7px 10px 4px 10px !important;}
.navbar-default .navbar-collapse {float: right;border-top: none;padding-left: 0;padding-right: 0;}
.navbar-brand>img {padding: 15px 5px 5px 15px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;padding-bottom: 3px; width: 22px}
.navbar-toggle.marginright15.marginbottom12.collapsed .middle-bar{opacity: 1;}
.navbar-toggle.marginright15.marginbottom12.collapsed .top-bar, .navbar-toggle.marginright15.marginbottom12.collapsed .bottom-bar{transform: rotate(0);}
.navbar-toggle.marginright15.marginbottom12 .middle-bar{opacity: 0;}
.navbar-toggle.marginright15.marginbottom12 .top-bar{transform: rotate(45deg);transform-origin: 10% 10%}
.navbar-toggle.marginright15.marginbottom12 .bottom-bar{transform: rotate(-45deg);transform-origin: 10% 10%}

@media screen and (max-width: 768px) {.navbar-default .navbar-collapse {padding-left: inherit;padding-right: inherit;}}
@media screen and (max-width: 992px) {.navbar-default .navbar-collapse {width: 100%;margin-left: 0;margin-right: 0;max-height: none;}}
@media (min-width:768px) {.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {margin-left: 0;}}

.main-navbar-nav {-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;transition: all 0.3s linear; background: #004861 !important; margin-bottom: 0px !important; padding-left: 20px; padding-right: 20px; -webkit-columns: 100px 2; /* Chrome, Safari, Opera */
  -moz-columns: 100px 2; /* Firefox */columns: 100px 2; padding-bottom: 20px; height: 100vh}
.main-navbar-nav > li > a {padding-top: 30px;padding-bottom: 30px;line-height: 1; color: #fff !important; font-family: 'gothambold1' !important;}
.main-navbar-nav li > .dropdown-menu {-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;min-width: 225px;border: none;border-top: 2px solid #005FA6;}
.main-navbar-nav li > .dropdown-menu > li > a {padding: 10px;position: relative;color: #404040;line-height: 1.12857143;font-size: 12px;}
.main-navbar-nav li > .dropdown-menu > li > a:hover,.main-navbar-nav li > .dropdown-menu > li > a:focus {color: #005FA6;background-color: transparent;}
.main-navbar-nav li > .dropdown-menu > li > a i {position: absolute;right: 20px;top: 50%;margin-top: -8px;font-size: 16px;}

@media screen and (min-width: 993px) {.main-navbar-nav .dropdown:hover > .dropdown-menu {display: block;}.main-navbar-nav .dropdown:hover > .dropdown-menu .dropdown:hover .dropdown-menu {left: 225px;top: 0;margin-top: -2px;}}
@media screen and (max-width: 992px) {.main-navbar-nav > li {}.main-navbar-nav > li:last-child {border-bottom: none;}.main-navbar-nav > li > a {padding-top: 12px;padding-bottom: 12px;}}

.navbar-brand {height: auto;padding: 0;}

@media screen and (max-width: 992px) {.navbar-toggle {display: block;}.navbar-collapse.collapse {display: none !important;}.main-navbar-nav.navbar-nav,.main-navbar-nav.navbar-nav > li {float: none !important;}.navbar-collapse.collapse.in {display: block !important;overflow-y: auto !important;}}

main.site-main{
    margin-top: 63px !important;
}
/* Hero */
.hero_area {background-image: url(img/hero.jpg);background-position: center center;background-repeat: no-repeat;background-size: cover;height: 475px;padding: 0;}
.hero_content {padding: 120px 0;}
.hero_content h1 {text-shadow: 1px 1px 2px rgba(0,0,0,0.75);color: #005FA6;font-weight: 700;font-size: 42px;}
.hero_content h2 {text-shadow: 1px 1px 2px rgba(0,0,0,0.25);color: #000;font-weight: 700;font-size: 32px;margin-top: 0;width: 45%;line-height: 38px;}

/* Boxes */
.boxes_area {padding-top: 40px;padding-bottom: 10px;padding-left: 0;padding-right: 0;background-color: #f8f8f8;}
.box {position: relative;}
.box h3 {position: relative;margin-bottom: 20px;padding-bottom: 20px;}

@media (min-width:769px) {
    .boxes_area div[class*="col-"]:after {content: " ";display: block;position: absolute;top: 0;right: 0;width: 1px;height: 100%;background-color: #ebebeb;}
    .boxes_area div[class*="col-"]:last-child:after {display: none;}
}

/* Home */
.home_content h2:after,.box h3:after {content: '';position: absolute;width: 30px;background-color: #005FA6;height: 2px;left: 0;bottom: 0;}
.box i {position: absolute;right: 0;top: 0;margin: 0;color: #005FA6;font-size: 45px;}
.boxes_area h3 {font-size: 16px;font-weight: 500;margin-top: 0;margin-bottom: 18px;}
.services {padding-top: 50px;padding-bottom: 50px;}
h2.section-title {text-align: center;color: #404040;}
.services p.desc {text-align: center;font-size: 13px;margin-bottom: 20px;}
.services .media {margin-top: 30px;}
.services .media i {font-size: 45px;color: #005FA6;}
.services .media h4 {font-size: 15px;font-weight: 600;color: #404040;}
.services .media p {text-align: left;}

/* News */
.home-area {padding-bottom: 50px;}
.home_content h2 {position: relative;font-size: 17px;font-weight: 600;padding-bottom: 20px;color: #404040;margin-bottom: 30px;}
.home_list ul {margin: 0;padding: 0;float: left;width: 100%;}
.home_list ul li {list-style: none;}
.home_list .thumbnail {border: none;padding: 0;}
.thumbnail .caption {padding: 9px;color: #404040;padding-left: 0;padding-right: 0;}
.home_list h3 {font-size: 16px;font-weight: 600;margin-top: 10px;margin-bottom: 10px;color: #404040;}
.home_list p {color:#8c8c8c}
.home_list a.btn {font-size: 13px;padding: 0;color: #005FA6;}
.home_bottom .row {margin-left: -5px;margin-right: -5px;}
.home_bottom div[class*="col-"] {padding-right: 5px;padding-left: 5px;position: relative;}

/* References */
.carousel-control{ width:  4%; }
.carousel-control.left,.carousel-control.right {margin-left:0;background-image:none;}

@media (max-width: 767px) {.carousel-inner .active.left {left: -100%;}.carousel-inner .next {left: 100%;}.carousel-inner .prev {left: -100%;}.active > div {display:none;}.active > div:first-child {display:block;}}
@media (min-width: 767px) and (max-width: 992px ) {.carousel-inner .active.left {left: -50%;}.carousel-inner .next {left:  50%;}.carousel-inner .prev {left: -50%;}.active > div {display:none;}.active > div:first-child {display:block;}.active > div:first-child + div {display:block;}}
@media (min-width: 992px ) {.carousel-inner .active.left {left: -25%;}.carousel-inner .next {left: 25%;}.carousel-inner .prev {left: -25%;}}

/* Footer */
footer.site-footer {background: #e6e6e6;padding: 20px 0 0;float: left;width: 100%;}
footer.site-footer h4 {font-size: 17px;font-weight: 500;}
footer.site-footer ul {padding-left: 0;margin-bottom: 20px;list-style: none;}
footer.site-footer ul a {color: #666;font-size: 13px;}
footer.site-footer p {font-size: 13px;}
footer.site-footer p a {color: #666;}
p.text {color: #666;}
#copyright {background: #404040;color: #ccc;padding: 15px 0;font-size: 12px;margin-top: 20px;}
#copyright p, #copyright ul {margin: 0;float: left;font-size: 12px;}
#copyright a {color: #fff;font-size: 12px;}
.site-footer li a:hover {color:#005FA6;}
ul.big li {float: left;width: 49%;}
ul.big li:nth-child(2n) {margin-left: 2%;}

@media (max-width:462px) {.fbox:last-child {margin-top: 20px;float: left;width: 100%;}}

/* Maillist */
.login-form-1 {max-width: 300px;border-radius: 5px;display: inline-block;}
.main-login-form {position: relative;}
.login-form-1 .form-control {border: 0;box-shadow: 0 0 0;border-radius: 0;background: transparent;color: #555555;padding: 7px 0;font-weight: bold;height:auto;}
.login-form-1 .form-control::-webkit-input-placeholder {color: #999999;}
.login-form-1 .form-control:-moz-placeholder,.login-form-1 .form-control::-moz-placeholder,.login-form-1 .form-control:-ms-input-placeholder {color: #999999;}
.login-form-1 .form-group {margin-bottom: 0;border-bottom: 2px solid #fff;padding-right: 20px;position: relative;}
.login-form-1 .form-group:last-child {border-bottom: 0;}
.login-group {background: #efefef;color: #999999;border-radius: 8px;padding: 10px 20px;}
.login-group-checkbox {padding: 5px 0;}
.login-form-1 .login-button {position: absolute;right: -25px;top: 50%;background: #ffffff;color: #999999;padding: 11px 0;width: 50px;height: 50px;margin-top: -25px;border: 5px solid #efefef;border-radius: 50%;transition: all ease-in-out 500ms;}
.login-form-1 .login-button:hover {color: #555555;transform: rotate(450deg);}
.login-form-1 .login-button.clicked {color: #555555;}
.login-form-1 .login-button.clicked:hover {transform: none;}
.login-form-1 .login-button.clicked.success {color: #2ecc71;}
.login-form-1 .login-button.clicked.error {color: #e74c3c;}

/* Breadcrumb */
.bread_area {border-bottom: 1px solid #9c9c9c;padding: 10px; font-family: 'MontserratRegular';background: #e7e7e7;}
.bread_area span {color: #e18123;font-weight: bold;}
.breadcrumb {margin: 0;background: #fff;padding: 0;}
.bread_area a:hover, .bread_area a:focus, .bread_area a:active{text-decoration: none;}
.bread_area.pendidikan {background: #486d63;color: #cecece;}
.bread_area.pendidikan span {background:#fff; padding:3px; border-radius:50%;}
.bread_area.pendidikan a {color: #fff;}
.bread_area.pendidikan a:hover,.bread_area.pendidikan a:active,.bread_area.pendidikan a:focus {color: #cecece;}

/* Page */
.page-main {float: left;width: 100%;background-color: #fff;margin-bottom: 30px;}

/* Category */
.category-main {float: left;width: 100%;background-color: #fff;margin-bottom: 30px;}
.category-content h3 {font-size: 19px;margin-bottom: 20px;}
.category-main .media {margin-top: 30px;}
.category-main .media:first-child{margin-top: 0;}
.category-main ul li {list-style: none;position: relative;}
.category-main .media-left {padding-right: 20px;}
.category-main .meta {position: absolute;bottom: 0;border-bottom: 2px solid #e7e7e7;width: 71%;min-height: 30px;line-height: 24px;padding-bottom: 3px;}
.category-main .category-meta {width: 67%;}
.category-main .meta .arc-comment {float: left; margin-right: 5px; border-right: 2px solid #e7e7e7;padding-right: 7px;}
.category-main .meta .arc-comment a, .archive ul.arc-share li a {color: #333;font-size: 15px;}
.category-main .meta .arc-comment a:hover, .archive ul.arc-share li a:hover {text-decoration: none;color: #ff1515;}
.category-main .meta .arc-date {float: right;font-size: 15px;color: #333;}
.category-main ul.arc-share {float: left;margin: 0;padding: 0;margin-right: 5px;}
.category-main ul.arc-share li {float: left;list-style: none;margin-left: 10px;}
.category-main .archive-cat a {color: #ff1515;}
.category-main .archive-cat a:hover {color: #333; text-decoration: none;}


/* Sidebar */
.widget h4,h2.page-title, h2.category-title {position: relative;margin-top: 0;padding-bottom: 20px;margin-bottom: 20px;font-size: 17px;font-weight: 700;color: #404040;width: 100%;}
.widget h4 {font-size: 15px;margin-left: 15px;}
.widget h4:after,h2.page-title:after, h2.category-title:after {content: '';position: absolute;width: 30px;background-color: #005FA6;height: 2px;left: 0;bottom: 0;}
.widget {margin-bottom: 30px;}
.sidebar ul {padding-left: 15px;padding-right: 15px;margin: 0;}
.sidebar ul li {list-style: none;}
.sidebar ul li a {padding: 3px 15px;display: block;margin-left: -15px;margin-right: -15px;color: #404040;}
.sidebar li.current a {background-color: #005FA6;margin-left: -15px;margin-right: -15px;color: #FFFFFF;}
.sidebar ul li a:hover {background-color: #005FA6;color: #FFFFFF;text-decoration: none;transition-property: all;transition-duration: 0.2s;transition-timing-function: linear;}

/* Responsive */
@media screen and (max-width:462px) {
    .top {text-align: center;}.top ul.list-inline{float: none !important;text-align: center;}
    .hero_content {padding: 80px 0;}
    .hero_content h1 {font-size: 32px;}
    .hero_content h2 {width: 90%;font-size: 21px;}
    /*.boxes_area .row {margin-left: -20px;margin-right: -20px;}*/
    .boxes_area .box p {margin-bottom: 30px;}
    .services .media .media-left {padding-right: 15px;}

    .category-content .media-body {float: left;position: relative;width: 100%;}
    .category-content .media-body h3 {margin-top: 20px;}
    .category-main .meta {position: relative;width: 100%;}
    .category-main .meta .pull-left {margin-left: 40px;}
    .category-main .meta .pull-right {display: none;}

    .sidebar {margin-top: 40px;}
}
@media (min-width:463px) and (max-width:768px) {
    .fbox {float: left;}
    .fbox:nth-child(3) {float: right !important;}
}

/* Stylish header navbar */
button.navbar-toggle.collapsed.bisnis,button.navbar-toggle.bisnis, button.navbar-toggle.collapsed.budaya,button.navbar-toggle.budaya, button.navbar-toggle.collapsed.kesehatan,button.navbar-toggle.kesehatan,button.navbar-toggle.collapsed.foto,button.navbar-toggle.foto,button.navbar-toggle.collapsed.otomotif,button.navbar-toggle.otomotif,button.navbar-toggle.collapsed.pemilu,button.navbar-toggle.pemilu,button.navbar-toggle.collapsed.pendidikan,button.navbar-toggle.pendidikan,button.navbar-toggle.collapsed.metrocepu,button.navbar-toggle.metrocepu {
    background: transparent !important;
}
nav.navbar.navbar-default.bisnis {
    background: #7f8c89;
}
nav.navbar.navbar-default.pendidikan {
    background: #d9efe9;
}
nav.navbar.navbar-default.kesehatan {
    background: #8e0000;
}
nav.navbar.navbar-default.budaya {
    background: #1f351f;
}
nav.navbar.navbar-default.metrocepu {
    background: #828282;
}
nav.navbar.navbar-default.otomotif {
    background: #1a6b6d;
}
nav.navbar.navbar-default.pemilu {
    background: #f9f9f9;
}
nav.navbar.navbar-default.desa {
    background: #31708f;
}
nav.navbar.navbar-default.ramadan {
    background: #bac3ba;
}
nav.navbar.navbar-default.news.advertorial-partai-golkar.navbar-fixed-top {
    background: #fef200;
}
button.navbar-toggle.collapsed.news.advertorial-partai-golkar.marginright15.marginbottom12 {
    background: #fef200;
    color: #000;
}
button.navbar-toggle.news.advertorial-partai-golkar.marginright15.marginbottom12 {
    background: #fef200;
    color: #000;
}
ul.nav.navbar-nav.news.advertorial-partai-golkar.main-navbar-nav {
    background: #fef200 !important;
}
ul.nav.navbar-nav.news.advertorial-partai-golkar.main-navbar-nav > li > a {
    color: #000 !important;
}
ul.nav.navbar-nav.ramadan.main-navbar-nav {
    background: #99a199 !important;
}
.bread_area.news.advertorial-partai-golkar {
    background: #fef200;
}
.image_single_post.news.advertorial-partai-golkar {
    background: #fef200;
    color: #000;
}
.image_single_credit.news.advertorial-partai-golkar {
    background: #fef200;
    color: #000;
}
.bread_area.desa {
    background: #31708f;
    color: #fff;
}
.bread_area.desa a {
  color: #fff;
}
.bread_area.ramadan {
    background: #f7ff8b;
}
.image_single_post.desa.nomargintop {
    background: #31708f;
}
.image_single_post.desa {
    background: #31708f;
    padding-bottom: 3px;
    color: #fff;
    font-weight: bold;
}
button.navbar-toggle.collapsed.desa.marginright15.marginbottom12 {
    background: #31708f;
}
button.navbar-toggle.desa.marginright15.marginbottom12 {
    background: #31708f;
}
button.navbar-toggle.ramadan.marginright15.marginbottom12  {
    background: #939393;
}
ul.nav.navbar-nav.desa.main-navbar-nav {
    background: #31708f !important;
}
footer.desa {
    background: #1d4c21;
}
nav.navbar.navbar-default.foto, .news_feed.foto {
    background: #4f6067;
}
nav.navbar.navbar-default.bank-jateng.navbar-fixed-top {
    background: #00376d;
}
.image_single_post.bank-jateng.nomargintop {background: #00376d;}
.image_single_post.bank-jateng.nomargintop h5 {color: #ff8151;}
.image_single_post.bank-jateng.nomargintop h1 {color: #fff;}
ul.nav.navbar-nav.bisnis.main-navbar-nav {
    background: #7f8c89 !important;
}
ul.nav.navbar-nav.pendidikan.main-navbar-nav {background: #d9efe9 !important;}
ul.nav.navbar-nav.pendidikan.main-navbar-nav > li > a {color: #424242 !important;}
ul.nav.navbar-nav.pendidikan.main-navbar-nav > li > a:hover {color: #486d63 !important;}
ul.nav.navbar-nav.kesehatan.main-navbar-nav {background: #8e0000 !important;}
ul.nav.navbar-nav.budaya.main-navbar-nav {background: #1f351f !important;}
ul.nav.navbar-nav.metrocepu.main-navbar-nav {background: #828282 !important;}
ul.nav.navbar-nav.otomotif.main-navbar-nav {background: #1a6b6d !important;}
ul.nav.navbar-nav.pemilu.main-navbar-nav {background: #f9f9f9 !important;}
.pemilu.main-navbar-nav > li > a {color: #ca0000 !important;}
.pemilu.main-navbar-nav > li > a:hover {color: #B30000 !important;}
ul.nav.navbar-nav.foto.main-navbar-nav {background: #4f6067 !important;}

.link_latest.news h1 {color: #fff;}
.link_latest.news h1:hover{color: #ff6e00;}

.link_latest.bisnis h1 {color: #fff;}
.link_latest.bisnis h1:hover {color: #fc0;}
.link_latest.bisnis h5 {color: #fc0;}

.link_latest.pendidikan h1 {color: #fff;}
.link_latest.pendidikan h1:hover {color: #dedede;}
.link_latest.pendidikan h5 {color: #dedede;}

.link_latest.metrocepu h1 {color: #fff;}
.link_latest.metrocepu h1:hover {color: #dedede;}
.link_latest.metrocepu h5 {color: #fffaaf;}

.link_latest.budaya h1 {color: #fff;}
.link_latest.budaya h1:hover{color: #ebff00;}
.link_latest.budaya h5 {color: #ebff00;}
.link_latest.budaya h5:hover{color: #fff}
.link_latest.kesehatan h1 {color: #ffff4e;}
.link_latest.kesehatan h1:hover {color: #fc0;}
.link_latest.kesehatan h5 {color: #f0f0f0;}
.link_latest.kesehatan h5:hover{color: #fff;}
.link_latest.foto h1 {color: #ffff00;}
.link_latest.foto h1:hover {color: #fff;}
.link_latest.foto h5 {color: #f0f0f0;}
.link_latest.foto h5:hover{color: #fff;}
.link_latest.foto h6{color: #fff;}

.link_latest.desa h5 {
    color: #f8ff8e;
}
.link_latest.desa h5:hover {
    color: #fff;
}
.link_latest.desa h1 {
    color: #fff;
}
.link_latest.desa h1:hover {
    color: #f8ff8e;
}
.link_latest.desa h6{
  color: #c7c7c7;
}
.image_single_post{margin-top: 20px;}
.image_single_post.news {background: #114760;padding-bottom: 7px;color: #fff;}
.image_single_post.bisnis {background: #7f8c89;padding-bottom: 7px;color: #fff;}
.image_single_post.pendidikan {background: #486d63;padding-bottom: 7px;color: #fff;}
.image_single_post.metrocepu {background: #828282;padding-bottom: 7px;color: #fff;}
.image_single_post.kesehatan{
    background: #8e0000;
    padding-bottom: 7px;
    color: #fff;
}
.image_single_post.budaya {
    background: #1e351f;
    padding-bottom: 7px;
    color: #fff;
}
.image_single_post.otomotif {
    background: #1a6b6d;
    color: #fff;
    padding-bottom: 4px;
}
.image_single_post.pemilu {
    background: #eaeaea;
    color: #464646;
    padding-bottom: 4px;
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
}

.image_single_post.foto {
    background: #4f6066;
}
.image_single {position:relative;}
.image_single_credit {
    position: absolute;
    bottom: 2px;
    left: 3px;
    font-size: 8px;
    font-family: 'arial' !important;
    font-weight: bold;
}
.image_single_credit.news{
    background: #114760;
    padding: 3px;
    color: #fff;
}
.image_single_credit.budaya {
    background: #1e351f;
    padding: 3px;
    color: #fff;
}
.image_single_credit.bisnis {
    background: #7f8c89;
    padding: 3px;
    color: #f3ff91;
}
.image_single_credit.kesehatan {
    background: #8e0000;
    color: #fff;
    padding: 3px;
}
.image_single_credit.pemilu {
    background: #c3c3c3;
    color: #000;
    padding: 3px;
}
.image_single_credit.otomotif {
    background: #1a6b6d;
    color: #fff;
    padding: 3px;
}
.image_single_credit.desa {
    background: #31708f;
    padding: 3px;
}

.link_latest.otomotif h1 {
    color: #fff;
}

footer.otomotif{
     background: #1a6b6d !important;
}
footer.foto{
     background: #4f6067 !important;
}
footer.pendidikan {
    background: #4c7167;
}
/* Stylish
    header
    navbar
*/
.the_content{padding-left: 15px; padding-right: 15px}
.the_content_foto{background: #4f6066; margin-top: 2px; margin-bottom: 2px;}
#headlines-mobile {background: #004861; padding-bottom: 12px}
#headlines-mobile .sp-caption-container{text-align: left; padding: 0 15px}
#headlines-mobile .sp-caption-container small{color: #ccc}
#headlines-mobile .sp-caption-container a > span {color: #ddd; font-family: 'MontserratRegular' !important; font-size: 0.8em; line-height: 0.8em}
#headlines-mobile .sp-caption-container a {color: #fff; font-family: 'gothambold1' !important; font-size: 1.3em; line-height: 1.3em}
#headlines-mobile .sp-caption-container a:hover{text-decoration: none;}
.news_feed {margin-top: 20px;}
.news_feed-header {padding-left: 15px; padding-right: 15px; margin-bottom: 12px;}
.news_feed.boks-info figure.news_feed-header img {width: 60%;margin-bottom: 20px;}
.content_single_post .news_feed.boks-info figure.news_feed-header img{margin-bottom: 5px;}
.content_single_post .news_feed.boks-info figure.news_feed-header > figcaption span {color: #fff; font-family: 'MontserratRegular' !important;}
.news_feed-content{padding-left: 15px; padding-right: 15px;}
.post_type {margin-bottom: 10px;}
li.news_feed-content.warta-foto {background: #4a5575; padding-bottom: 7px}
li.news_feed-content.warta-foto h1 a {color: #fff; font-size: 0.9em !important}
li.news_feed-content.warta-foto h1 {line-height: 1.1em !important}
li.news_feed-content.warta-foto h6.news_feed-tgl {color: #c0fda0;}
li.news_feed-content.warta-foto h3 {margin: 0 0 8px 0;font-family: 'DroidSans' !important;font-size: large;font-weight: bold;color: #f6ff6a;}
li.news_feed-content.cover h5.news_feed-subtitle a {
    color: #fffd8b;
}

li.news_feed-content.cover h1.news_feed-title a {
    color: #fff !important;
}
li.news_feed-content.cover {
    background: #114861;
}
li.news_feed-content.cover h6.news_feed-tgl {
    color: #ffcbcb;
}
li.news_feed-content.cover .post_type span {
    background: #fff;
    padding: 4px;
    border-radius: 4px;
    color: #114861;
    font-family: 'MontserratRegular' !important;
}
li.news_feed-content.features {
    background: #ffd774;
}
li.news_feed-content.features .post_type span {
    background: #114861;
    padding: 4px;
    border-radius: 4px;
    color: #fff;
    font-family: 'MontserratRegular' !important;
}
li.news_feed-content.galleria {
    background: #afb3bb;
}
li.news_feed-content.galleria .post_type span {
    background: #e97721;
    padding: 4px;
    border-radius: 4px;
    color: #fff;
    font-family: 'MontserratRegular' !important;
}
li.news_feed-content.galleria h6.news_feed-tgl {
    color: #2b2909;
}
li.news_feed-content.galleria h1.news_feed-title a {
    color: #B30000 !important;
}
ul.news_feed{list-style: none; padding-left: 0}
.terkait ul.news_feed {border-bottom: solid 1px #ddd;
    margin-bottom: 20px;}
ul.news_feed.in_article {background: #f1f1f1;padding-bottom: 8px;}
ul.news_feed.in_article h1.news_feed-title {font-size: 1.1em !important;}
ul.news_feed li {border-bottom: solid 1px #ddd; padding-top: 12px;}
ul.news_feed li:last-child{border-bottom: none;}
h6.news_feed-tgl {margin-top: 0; margin-bottom: 0.3em; font-family: 'MontserratRegular' !important;}
h5.news_feed-subtitle{margin-top: 0; font-family: 'MontserratRegular' !important; margin-bottom: 0.3em}
.terkait h5.news_feed-subtitle{margin-top: 0; font-family: 'MontserratRegular' !important; margin-bottom: 0.3em; font-size: 0.9em !important}
h5.news_feed-subtitle a {color: #B30000;}
h1.news_feed-title {margin-top:0; font-family: 'gothambold1' !important; font-size: 1.3em !important; line-height: 1.3em}
.terkait h1.news_feed-title {margin-top:0; font-family: 'gothambold1' !important; font-size: 1.1em !important; line-height: 1.3em}
h1.news_feed-title-medium {margin-top:0; font-family: 'gothambold1'; font-size: 1.1em !important; line-height: 1.2em}
h1.news_feed-title-large {margin-top:0; font-family: 'gothambold1'; font-size: 1.3em !important; line-height: 1.3em}
h4.bg-terkait-features {
  background: #32033a;
  margin-left: 0 !important;
  padding-left: 15px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-weight: bold;
  color: #ffc5c5;
  font-family: 'gothambold1';
}
.marginbottom0 {margin-bottom: 0 !important}

.news_feed.boks-primary {background: #004861;padding-top: 1px;padding-bottom: 6px;}
.news_feed.boks-primary h4{color: #fff}
.news_feed.boks-primary h6.news_feed-tgl {color: #fdfdfd}
.news_feed.boks-primary h1.news_feed-title-medium a {color: #fff;}
h5.news_feed-subtitle-medium {margin-bottom: 0;}
h5.news_feed-subtitle-medium a {color: #bcea00;font-weight: bold;}
.news_feed.boks-danger {background: #8e0000;padding-top: 1px;padding-bottom: 12px;}
.news_feed.boks-danger h4{color: #f7ff00}
.news_feed.boks-danger h6.news_feed-tgl {color: #fffb00}
.news_feed.boks-danger h1.news_feed-title-medium a {color: #fff}
.news_feed.boks-success {background: #32033a;padding-top: 1px;padding-bottom: 12px;}
.news_feed.boks-success h4{padding-left: 15px; font-weight: bold;color: #ffc5c5;}
.news_feed.boks-success h6.news_feed-tgl {color: #ff8c43}
.news_feed.boks-success h1.news_feed-title-medium a {color: #fff}
.news_feed.boks-info {background: #081b06;padding-top: 6px;padding-bottom: 12px;}
.news_feed.boks-info ul, .news_feed.boks-warning ul{list-style: none; padding-left: 0; margin-top: 12px;}
.news_feed.boks-info ul li{border-bottom: solid 1px #ddd; padding-top: 12px;}
.news_feed.boks-info ul li:last-child{border-bottom: none;}
.news_feed.boks-info ul li:first-child{border-top: solid 1px #ddd;}
.news_feed.boks-info h6.news_feed-tgl {color: #c0d2ff}
.news_feed.boks-info h1.news_feed-title-medium a, .news_feed.boks-info h1.news_feed-title a {color: #fcf79f}
h1.news_feed-title a:hover, h1.news_feed-title-medium a:hover, h5.news_feed-subtitle a:hover, footer ul.navbar-nav li > a:hover, .news_feed.boks-warning  h1.news_feed-title-medium > a:hover {text-decoration: none;}
.news_feed.boks-warning {
    background: #a74800;
    padding-top: 12px;
}
.news_feed.boks-warning h4 {
    margin: 0 0 12px 15px;
    color: #fff;
    font-family: 'MontserratRegular' !important;
}
.news_feed.boks-warning  h1.news_feed-title-medium > a{
    color: #fff;
}
.news_feed.boks-warning  h6.news_feed-tgl {
    color: #c5c5c5;
}
.news_feed-content.foto {border-bottom: solid 5px #fff; padding-bottom: 5px; padding-right: 0 !important;}
.news_feed-content.foto > figcaption {padding-top:10px}
.news_feed-content.foto > figcaption h6 {color: #ebff7d;}
.news_feed-content.foto > figcaption h1 a {color: #fff;}
.news_feed.foto ul {list-style: none; padding-left: 0; padding-right: 0 !important;}
.news_feed.foto ul li { border-bottom: solid 1px #fff; padding: 15px;}
.news_feed.foto ul li h6 {color: #ebff7d;}
.news_feed.foto ul li h1 a {color: #fff;}
.news_feed.mustika {background-color: #267d13}
.news_feed-content.mustika {padding-bottom: 5px; padding-right: 0 !important; border-bottom: solid #fff 5px}
.news_feed-content.mustika > figcaption {padding-top:10px}
.news_feed-content.mustika > figcaption h6 {color: #ebff7d;}
.news_feed-content.mustika > figcaption h1 a {color: #fff;}
.news_feed.mustika ul {list-style: none; padding-left: 0; padding-right: 0 !important;}
.news_feed.mustika ul li { border-bottom: solid 1px #fff; padding: 15px;}
.news_feed.mustika ul li figcaption {padding-top: 0 !important}
.the_content_foto ul.news_feed_foto {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.the_content_foto ul.news_feed_foto li.news_feed-content_foto:last-child {
    border-bottom: none;
}
.the_content_foto ul.news_feed_foto li.news_feed-content_foto {
    padding-top: 15px;
    border-bottom: solid 2px #fff;
    padding-bottom: 15px;
}
.the_content_foto ul.news_feed_foto li.news_feed-content_foto h1 > a {
    color: #fff;
}
.the_content_foto ul.news_feed_foto li.news_feed-content_foto h1 > a:hover,  .the_content_foto ul.news_feed_foto li.news_feed-content_foto h1 > a:active, .the_content_foto ul.news_feed_foto li.news_feed-content_foto h1 > a:focus{
    color: #fdf20b;
}
.the_content_foto ul.news_feed_foto li.news_feed-content_foto h6.news_feed-tgl {
    color: #ffd906;
}
.btn-our {
    background: #e97721;
    color: #fff;
    font-family: 'MontserratRegular' !important;
    font-weight: bold;
}
.btn-our:hover{
    background: #ff6e00;
}
footer {
    background: #031821;
    color: #ea7f28;
    padding-top: 10px;
}
footer ul.navbar-nav li {
    display: inline;
    margin-right: 9px;
}
footer ul.navbar-nav {
    padding-left: 0;
    text-align: center;
}
footer ul.navbar-nav li > a {
    font-family: 'MontserratRegular' !important;
    color: #f9f9f9;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #e97621;
    border-color: #ff7300;
}
.pagination>li>a, .pagination>li>span {
    color: #031821;
}
.tgl_single_post {
    padding-right: 15px;
    padding-left: 15px;
    font-family: 'MontserratRegular' !important;
    font-size: 0.8em;
    padding-top: 20px;
    margin-bottom: 2px;
    color: #909090;
}
.subtitle_single_post {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 3px;
    font-family: 'MontserratRegular' !important;
    font-size: 14px;
    line-height: 17px;
    color: #b30000;
}
.title_single_post {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
    font-family: 'gothambold1' !important;
    font-size: 1.5em !important;
    line-height: 1.1em;
    color: #004861;
}
.link_latest {
    padding-top: 8px;
    padding-bottom: 5px;
}
.link_latest h5{
    font-family: 'MontserratRegular' !important;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 3px;
}
.link_latest h1 {
    font-family: 'gothambold1' !important;
    font-size: 1.5em !important;
    line-height: 1.1em;
    margin-top: 0;
}
.link_latest a:hover{
    text-decoration: none;
}

img.img-full {width: 100%;height: auto;display: block;}
.image_single_caption, .content_single_post figure.image figcaption {
    padding-left: 15px;
    padding-right: 15px;
    font-family: 'arial' !important;
    font-size: 12px;
    line-height: 14px;
    text-align: right;
    margin-top: 5px;
}
.content_single_post figure.image figcaption{font-weight: bold;}
.content_single_post {
    color: #232323
}
.content_single_post p{
    padding-left: 15px;
    padding-right: 15px;
}
.content_single_post p > a {
    color: #ff0500;
}
.content_single_post p, .content_single_post ol {
    font-size: 15px;
    line-height: 21px;
    margin-top: 20px;
}
.content_single_post figure.image {
    margin-top: 20px;
    background: #e7e7e7;
    padding-bottom: 12px;
    border-bottom: 1px solid #9c9c9c;
    border-top: 1px solid #9c9c9c;
    padding-top: 1px;
    margin-bottom: 20px;
}
.content_single_opening {
    padding: 6px 40px;
    color: #000;
    font-size: 16px;
    font-family: 'DroidSans';
    line-height: 21px;
    text-align: center;
    margin-top: 20px;
}

.show_author {
    text-align: center;
    margin-top: 10px;
    font-family: 'MontserratRegular';
    font-weight: bold;
    color: red;
}

.show_author_pewarta {
    margin-top: 10px;
    font-family: 'MontserratRegular';
    font-weight: bold;
    color: #949494;
    padding-left: 15px;
    margin-bottom: 15px;
}

.content_single_post ol{padding-left: 30px; padding-right: 20px}
.content_single_post ol li{margin-bottom: 12px; padding-left: 10px !important}
.content_single_post ol li:before{font-weight: bold !important; text-align: right;}
.content_single_post h4 {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 130%;
    line-height: 1.4;
    font-family: 'DroidSans';
    border-bottom: dashed #ddd 1px;
    padding-bottom: 15px;
    text-align: center;
    border-top: dashed #ddd 1px;
    padding-top: 15px;
}
.content_single_post .terkait {
    margin-top: -15px;
    margin-bottom: -15px;
}
.content_single_post .terkait h4 {
    border: none;
    text-align: left;
    margin-left: 15px;
    margin-bottom: 0;
    padding-bottom: 0;
    font-family: 'MontserratRegular' !important;
}
.terkait h4 {
  background: #031821;
  padding: 7px 0 7px 15px;
  color: #fff;
  font-weight: bold;
}
.terkait.desa h4 {
    background: #1d4c21;
    color: #fff;
}
h4.baca_juga {
    margin-top: 20px;
    margin-bottom: 0;
    padding-left: 15px;
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 110%;
    font-family: 'MontserratRegular' !important;
}
h4.baca_juga.news {
    background: #114861
    color: #fff;
}
h4.baca_juga.kesehatan {
    background: #8f2d12;
    color: #fff;
}
h4.baca_juga.bisnis {
    background: #7f8c89;
    color: #fff;
    font-weight: bolder !important;
}
div.galleries figure{background: #4f6067; padding-bottom: 15px; padding-top: 7px;}
div.galleries figure > figcaption{
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 5px;
}
div.galleries figure > figcaption .foto-ke{text-align: center; font-weight: bold; font-family: 'MontserratRegular' !important; font-size: 80%;}
div.galleries figure > figcaption .keterangan-foto, div.galleries figure > figcaption .keterangan-foto p{font-size: 14px;line-height: 19px;margin-top: 5px; color: #fff;}
div.galleries ul{list-style: none; text-align: center; margin-top: 12px; margin-bottom: 12px}
div.galleries ul li{display: inline-block; background: #4f6067; padding: 6px 12px; border-radius: 50%; }
div.galleries ul li:first-child{padding: 6px 14px;}
div.galleries ul li a{font-family: 'gothambold1'; color: #fff}
div.galleries ul li.active{background: #264854;}
div.galleries ul li a.disabled{cursor: none; color: #ffe403}
div.galleries ul li a:hover, div.galleries ul li a:active, div.galleries ul li a:focus{text-decoration: none;}
.image_single_post ul#galleries-nav {list-style: none; text-align: center; margin-top: 12px; padding-top: 12px;}
.image_single_post ul#galleries-nav li {display: inline;}


.image_single_post ul#galleries-nav li > a {
    background: #ff3600;
    color: #fff;
    padding: 4px 7px;
}
.image_single_post ul#galleries-nav li > a.disabled {
    background: #000852; cursor: not-allowed;
}
.image_single_post ul#galleries-nav li > a:hover, .image_single_post ul#galleries-nav li > a:visited, .image_single_post ul#galleries-nav li > a:focus, .image_single_post ul#galleries-nav li > a:active{text-decoration: none !important;}
.googleadsmobile {padding: 10px 0; border-top: solid #404040 2px; border-bottom: solid #404040 2px; margin: 15px 0; background: #888888;}
video {
  width: 100%;
  max-height: 100%;
}
.videowrapper { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .videowrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }