.br {
    border-radius: 20px;
}

.post {
    background: #ffffff;
    border: 1px solid #f0f0f0;
    margin: 0 0 15px;
    padding: 15px;
}

.content-outer,
.header-outer,
.tabs-outer,
.main-outer,
.main-inner,
.footer-outer,
.post,
.comments,
.widget,
.date-header,
.inline-ad {
    position: relative;
    min-height: 0;
    _position: static;
    _height: 1%;
}

article {
    display: block;
}

.img-thumbnail {
    background: #f0f0f0;
    position: relative;
    float: left;
    width: 200px;
    height: 150px;
    margin: 3px 15px 3px 0;
    border: none;
    border-radius: 0;
    padding: 0;
}

.img-thumbnail img {
    width: 200px;
    height: 150px;
}

a img {
    border: none;
    border-width: 0;
    outline: none;
}

h2.post-title {
    margin-bottom: 10px;
    font-size: 1.5rem;
}

.post-info {
    background: transparent;
    margin: 0 0 10px;
    color: #8D8D8D;
    font-size: 11px;
}

.author-info,
.time-info,
.comment-info,
.label-info,
.review-info {
    display: inline;
    margin-right: 12px;
}

.post-body {
    line-height: 1.6em;
    text-align: justify;
    width: 100%;
        font-size: 0.8rem;
}

a.readmore {
    display: inline-block;
    margin: 15px 0 0;
    background-color: #ffffff;
    border: 1px solid #444444;
    border-radius: 2px;
    padding: 0px 12px;
    line-height: 26px;
    color: #0A66C2;
    font-size: 11px;
    font-weight: bold;
    float: right;
}

/* SIDEBAR WRAPPER */
#sidebar-wrapper {
    background: transparent;
    margin: 0 auto;
}

.sidebar-container {}

.sidebar h2,
.panel h2 {
    font: normal bold 16px Open Sans Condensed, Arial, sans-serif;
    color: #005826;
    margin: 0 0 10px 0;
    padding: 6px 0;
    border-bottom: 3px solid #f0f0f0;
    position: relative;
}

.sidebar h2:after,
.panel h2:after {
    content: " ";
    width: 90px;
    height: 0px;
    position: absolute;
    left: 0;
    bottom: -3px;
    border-bottom: 3px solid #0A66C2;
}

.sidebar .widget {
    margin: 0 0 15px;
    clear: both;
}

.sidebar ul,
.sidebar ol {
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.sidebar li {
    margin: 5px 0;
    padding: 0 0 0 0;
}

/* RECENT POST */
.recent-post-title {
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAaCAYAAACzdqxAAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABiwAAAYsB4dDSvAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAATySURBVEiJbZV9jFRnFYef887szrpi2qXazUp3mfe9Y20xIaHYhETj8iVGaKCBUC0tVoQoGvwgITRKiGCU+hGxwaCGRE0gUtLSFlCIQHddmsa0icSmJhuWzL13d9yATSMbTAu7Ozv3+MeeC8PH/DVvTs7z/s457z0/UVUBFCCO450i8iOmf4NZli2sVCrvASRJ8mngNeAeYBx4LITQBzA0NPSRYrF4RkQWWO7PRVWxxGeBn1pgSER6vffvAlSr1XnOuT6gA5hwzq0ql8unAQYHB2e0tbX9FfiM5T4fQthaNOjWJmi1paVlcXd397sAaZrOdc69ZtBJYE0OvXz5cnupVPpLE3R/CGErgEvTdAuwF0BEkizLFnV3d18ypZ9S1T5gJlDPsuyJEMJJgNHR0Q9dv379zyLSa7kHQgjftguQOI4zQIARK38EYGRk5OFGozEA3A9MiciT3vujdmHJOXcCWGacP4YQNjbN6jvOoKOFQmFRDk2S5MFGo9Fn0Iaqrs+hg4ODrc65V3Koqh4KIWzKoUmSfFNEfuVU9ZKqLpo9e3ZqaiKgH+gCMhHZEEXREYDz58+3lEqll4DlpvRIFEUbgMzmsQnYD9Sdc25xFEVVK9875/4GzDIFm7z3hwAGBgaKHR0dR0RkpUGP1mq19UDDyv+qqh7IO9D83HqA14HZ0xXq5iiKDhikEMfxYRF5wgZ1/MqVK2vnz59ft9yngIOAs7Z+TlSVarX6QKFQOKeqwRK3eO/3G9QlSXIIWGfnk+Pj46vnzJkzaUq/JCJ/AgqqegnojaKoKrVa7eP1en0A+IQlbg0hPJ9D0zT9g6o+Y4M6raqrKpXKhCldAxwBisB/RGSh934IwNXr9f4cqqrbm6CSJMmBHAr0FQqFx3NotVpdBbxg0PeyLFuSQy9evDirCHzSyt8RQvhFE/Q3wEa78Fx7e/vKrq6ucVO6wjn3ItAiIv9V1SWVSmXQHkBXsVjsLxpol/d+j/0njuN9IrLZjm/MmDFjRWdn5zWA4eHhLwAvA63AmIgs9d7/CyBN005V7Qe8U9U9IYTdOTRJkr0issWUvlmv15d3dnZ+YLElWZYdA0rAVWBZuVx+21rzMfv8HwKyG8/NEn8GbLfjP4ClIYSrprQ3y7JTQDvwP+fcsnK5/BbAhQsX7mttbe0H5uZtzVtBHMc/FpHtFvhnoVBY1tPTc9Uu/Cxw0qDvq+oXc2itVusolUpnVXWuoXZ77/c4S/yhiOywwDsTExOf7+npGTOlC4BTwIeBayKyIoqiv1vePVNTU6dVdZ7lPhdC2JVP/weq+hML3O4ajwJnmXaN66r6WBRF/XCna6jqL6Mo2pZ3QOI4zpt8u2s8Yq5xLzAhIiu992fgTtcQkX3e++82tXVn3uO7ucZZg04Cq3PoXVzjd83QJEm+LyK7iiKSNBqNW1zDlM4E6iKy1nt/CqZdY3Jy8oZrAL8PIXwrh6Zpug3YA0wUgcWVSmXUBvWQQT8KTAFf9t6fsAtLzrljwGIr/6D3/uvcXPDfA/Ivd7h5bT4IDDC94Bsiss57/6L1tLWtre1Vbi74F0IIT3NzwW9R1V/nwlW115maW1wD+EoOvYtrHA0hrM+hcRx/Q1X3WaxmxvFvNzw8XHbO9TPtGpmqfi2EcBjudA0ROT42NrYOc400TTeKyG8x12g0GovK5fIwwP8B3DF1BfTENDEAAAAASUVORK5CYII=) repeat-x;
    margin: 0 0 15px;
    padding: 0;
    position: relative;
}

.recent-post-title h2 {
    font: normal bold 14px Arial, sans-serif;
    height: 26px;
    line-height: 26px;
    margin: 0 0;
    padding: 0 10px;
    background: #0A66C2;
    color: #ffffff;
    display: inline-block;
    border-right: 5px solid #fff;
    transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
}

.recent-post-title h2:hover {
    background: #333333;
}

.recent-post-title h2 a {
    color: #ffffff;
}

.recent-post-title h2 a:after {
    content: "\f18e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-left: 6px;
}

.sidebar .recent-post-title h2:after {
    display: none;
}

.recent-post-one-thumb {
    float: left;
    width: 50%;
    margin: 0 0;
}

.recent-post-one-thumb .widget {
    padding: 0 15px 15px 0;
}

.recent-post-one-thumb .widget-content {
    background: #ffffff;
    border: 1px solid #f0f0f0;
    padding: 15px;
}

.recent-post-one-thumb ul {
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

ul.rp_thumbs {
    margin: 0 0 0 0;
}

ul.rp_thumbs li {
    font-size: 12px;
    min-height: 68px;
    margin: 0 0 8px;
    padding: 0 0 8px;
    border-bottom: 1px dotted #f0f0f0;
}

ul.rp_thumbs .rp_thumb {
    position: relative;
    background: #fbfbfb;
    margin: 3px 0 10px 0;
    width: 100%;
    height: 0;
    padding-bottom: 46%;
    overflow: hidden;
}

ul.rp_thumbs .rp_thumb img {
    height: auto;
    width: 100%;
}

ul.rp_thumbs2 {
    font-size: 13px;
}

ul.rp_thumbs2 li {
    padding: 0 0;
    min-height: 66px;
    font-size: 11px;
    margin: 0 0 8px;
    padding: 0 0 8px;
    border-bottom: 1px dotted #f0f0f0;
}

ul.rp_thumbs2 .rp_thumb2 {
    background: #fbfbfb;
    float: left;
    margin: 3px 8px 0 0;
    height: 60px;
    width: 60px;
}

ul.rp_thumbs2 li:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

ul.rp_thumbs2 .rp_thumb2 img {
    height: 60px;
    width: 60px;
}

.sidebar ul.rp_thumbs li:before,
.sidebar ul.rp_thumbs2 li:before,
#bottombar ul.rp_thumbs li:before,
#bottombar ul.rp_thumbs2 li:before {
    display: none;
}

span.rp_title {
    font: normal normal 18px Open Sans Condensed, Helvetica, Arial, sans-serif;
    display: block;
    margin: 0 0 5px;
    line-height: 1.4em;
}

span.rp_title a {
    color: #0A66C2;
}

span.rp_title a:hover {
    color: #005826;
}

span.rp_title2 {
    font-size: 14px;
}

span.rp_summary {
    display: block;
    margin: 6px 0 0;
}

span.rp_meta {
    background: transparent;
    display: block;
    font-size: 11px;
    font-weight: bold;
    color: #8D8D8D;
    text-transform: uppercase;
}

span.rp_meta a {
    color: #8D8D8D !important;
    display: inline-block;
}

span.rp_meta_date,
span.rp_meta_comment,
span.rp_meta_more {
    display: inline-block;
    margin-right: 8px;
}

span.rp_meta_date:before {
    content: "\f073";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 4px;
}

span.rp_meta_comment:before {
    content: "\f086";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 4px;
}

span.rp_meta_more:before {
    content: "\f0a9";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 4px;
}

ul.rp_thumbs2 li a:hover,
ul.rp_thumbs li a:hover {
    color: #005826;
}

/* BOTTOMBAR */
#bottombar {
    background: #444444;
    overflow: hidden;
    margin: 0 auto;
    padding: 15px;
    color: #dddddd;
}

#bottombar .left {
    float: left;
    width: 34%;
}

#bottombar .center {
    float: left;
    width: 34%;
}

#bottombar .right {
    float: right;
    width: 32%;
}

#bottombar .left .widget,
#bottombar .center .widget {
    margin: 0 15px 15px 0;
    clear: both;
}

#bottombar .right .widget {
    margin: 0 0 15px 0;
    clear: both;
}

#bottombar h2 {
    font: normal bold 16px Open Sans Condensed, Arial, sans-serif;
    margin: 0 0 10px 0;
    padding: 6px 0;
    border-bottom: 3px solid #555;
    text-transform: uppercase;
    position: relative;
    color: #eeeeee;
}

#bottombar h2:after {
    content: " ";
    width: 90px;
    height: 0px;
    position: absolute;
    left: 0;
    bottom: -3px;
    border-bottom: 3px solid #eeeeee;
}

#bottombar ul,
#bottombar ol {
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#bottombar li {
    margin: 5px 0;
    padding: 0 0 0 0;
}

#bottombar ul li:before {
    color: #eeeeee !important;
}

#bottombar a {
    color: #dddddd;
}

#bottombar a:hover {
    color: #ffffff;
}

/* FOOTER */
#footer-wrapper {
    background: #0A66C2;
    margin: 0 auto;
    padding: 15px 5px;
    overflow: hidden;
    color: #eeeeee;
    font-size: 11px;
}

.footer-left {
    float: left;
    margin: 10px;
}

.footer-right {
    float: right;
    margin: 10px;
}

#footer-wrapper a {
    color: #eeeeee;
}

#footer-wrapper a:hover {
    color: #ffffff;
}

/* CUSTOM WIDGET */
.widget ul {
    line-height: 1.4em;
}

/* TABE MENU WIDGET */
.set,
.panel {
    margin: 0 0;
}

.tabs .panel {
    padding: 0 0;
}

.tabs-menu {
    border-bottom: 3px solid #0A66C2;
    padding: 0 0;
    margin: 0 0;
}

.tabs-menu li {
    font: normal bold 16px Open Sans Condensed, Arial, sans-serif;
    font-size: 14px !important;
    text-transform: uppercase;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0 3px 0 0;
    padding: 10px;
    background: #fff;
    color: #005826;
    cursor: pointer;
    position: relative;
}

.tabs-menu .active-tab {
    background: #0A66C2;
    border: 1px solid #0A66C2;
    border-bottom: none !important;
    color: #fff;
}

.tabs-menu li:hover {
    background: #eee;
}

.tabs-menu li.active-tab:hover {
    background: #0A66C2;
}

.tabs-content {
    padding: 10px 0;
}

.tabs-content .widget li {
    float: none !important;
    margin: 5px 0;
}

.tabs-content .widget ul {
    overflow: visible;
}

/* LABEL WIDGET */
.label-size-1,
.label-size-2,
.label-size-3,
.label-size-4,
.label-size-5 {
    font-size: 100%;
    filter: alpha(100);
    opacity: 10
}

.cloud-label-widget-content {
    text-align: left
}

.label-size {
    transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    background: #0A66C2;
    display: block;
    float: left;
    margin: 0 3px 3px 0;
    color: #ffffff;
    font-size: 11px;
    text-transform: uppercase;
}

.label-size a,
.label-size span {
    display: inline-block;
    color: #ffffff !important;
    padding: 6px 8px;
    font-weight: bold;
}

.label-size:hover {
    background: #333333;
}

.label-count {
    white-space: nowrap;
    padding-right: 3px;
    margin-left: -3px;
    background: #333333;
    color: #fff !important;
}

.label-size {
    line-height: 1.2
}

/* POPULAR POST WIDGET */
.PopularPosts ul,
.PopularPosts li,
.PopularPosts li img,
.PopularPosts li a,
.PopularPosts li a img {
    margin: 0 0;
    padding: 0 0;
    list-style: none;
    border: none;
    background: none;
    outline: none;
}

.PopularPosts ul {
    margin: .5em 0;
    list-style: none;
    color: black;
    counter-reset: num;
}

.PopularPosts ul li img {
    display: block;
    margin: 0 .5em 0 0;
    width: 50px;
    height: 50px;
    float: left;
}

.PopularPosts ul li {
    background-color: #eee;
    margin: 0 0 0 0 !important;
    padding: 10px 20px 10px 10px !important;
    counter-increment: num;
    position: relative;
}

.PopularPosts ul li:before,
.PopularPosts ul li .item-title a,
.PopularPosts ul li a {
    font-weight: bold;
    color: #000 !important;
    text-decoration: none;
}

.PopularPosts ul li:before {
    content: counter(num) !important;
    font-family: arial, sans-serif !important;
    font-size: 12px;
    font-weight: bold !important;
    display: block;
    position: absolute;
    top: -5px;
    right: -5px;
    border-radius: 16px;
    background-color: #333;
    color: #fff !important;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    padding-right: 0px !important;
    border: 2px solid #fff;
}

.PopularPosts ul li:nth-child(1) {
    background-color: rgba(147, 197, 253);
}

.PopularPosts ul li:nth-child(2) {
    background-color: rgba(96, 165, 250);
}

.PopularPosts ul li:nth-child(3) {
    background-color: rgba(59, 130, 246);
}

.PopularPosts ul li:nth-child(4) {
    background-color: rgba(147, 197, 253);
}

.PopularPosts ul li:nth-child(5) {
    background-color: rgba(96, 165, 250);
}

.PopularPosts ul li:nth-child(6) {
    background-color: rgba(59, 130, 246);
}

.PopularPosts ul li:nth-child(7) {
    background-color: rgba(147, 197, 253);
}

.PopularPosts ul li:nth-child(8) {
    background-color: rgba(96, 165, 250);
}

.PopularPosts ul li:nth-child(9) {
    background-color: rgba(59, 130, 246);
}

.PopularPosts ul li:nth-child(10) {
    background-color: rgba(147, 197, 253);
}

.PopularPosts .item-thumbnail {
    margin: 0 0 0 0;
}

.PopularPosts .item-snippet {
    font-size: 11px;
}

.profile-img {
    display: inline;
    opaciry: 10;
    margin: 0 6px 3px 0;
}

/* MEDIA QUERY */
@media only screen and (max-width:1066px) {
    #wrapper {
        margin: 0 auto;
    }
}

@media only screen and (max-width:768px) {
    #wrapper {
        padding: 12px;
    }

    #post-wrapper,
    #sidebar-wrapper {
        float: none;
        width: 100%;
        max-width: 100%
    }

    #search-form {
        width: 100%;
        background: #444;
    }

    #search-form td.search-box {
        padding: 0 10px !important;
    }

    #search-form td.search-button {
        padding: 0 10px;
        width: 1%;
    }

    #search-form input#search-box[type="text"] {
        margin: 0 0 0 0;
    }

    #search-form input#search-button[type="submit"] {
        margin: 0 0 0 0;
    }

    .img-thumbnail {
        margin: 3px 10px 3px 0;
    }

    .recent-post-one-thumb .widget {
        padding: 0 0 10px 0;
    }

    #recent-post-one-thumb-1 .widget,
    #recent-post-one-thumb-3 .widget,
    #recent-post-one-thumb-5 .widget {
        padding: 0 5px 10px 0;
    }

    #recent-post-one-thumb-2 .widget,
    #recent-post-one-thumb-4 .widget,
    #recent-post-one-thumb-6 .widget {
        padding: 0 0 10px 5px;
    }

    .sidebar-container,
    .post-container {
        padding: 15px 0 0px;
    }
}

@media only screen and (max-width:640px) {

    .mar-top {
        margin-top:3rem !important;
    }
    #wrapper {
        padding: 10px;
    }

    #post-wrapper,
    #sidebar-wrapper,
    #bottombar .left,
    #bottombar .center,
    #bottombar .right {
        float: none;
        width: 100%;
        max-width: 100%
    }

    .sidebar-container,
    .post-container {
        padding: 10px 0 0px;
    }

    .largebanner .widget,
    #bottombar,
    .berlangganan-box,
    .author-profile {
        padding: 10px;
    }

    .post {
        margin: 0 0 10px;
        padding: 10px;
    }

    .berlangganan-box {
        margin: 0 -10px 15px;
    }

    .author-profile {
        margin: 15px -10px 0px;
    }

    .pagenavi {
        margin: 6px 0 10px;
    }

    .recent-post-one-thumb .widget-content {
        padding: 10px;
    }

    #bottombar .left .widget,
    #bottombar .center .widget,
    #bottombar .right .widget,
    .sidebar .widget {
        margin: 0 0 10px 0;
    }

    .nav-social,
    .nav-menu {
        display: none;
    }

    .tinynav1 {
        display: block;
    }
}
.acaca{
  padding-bottom: 10rem;
}
@media only screen and (max-width:480px) {
    #wrapper {
        padding: 8px;
    }
    
    .acaca{
        padding-bottom:4rem;
    }

    .header,
    .header-right,
    .recent-post-one-thumb {
        float: none;
        width: 100%;
        max-width: 100%
    }

    .header img {
        max-width: 160px;
    }

    .largebanner .widget,
    #bottombar,
    .berlangganan-box,
    .author-profile {
        padding: 8px;
    }

    .berlangganan-box {
        margin: 0 -8px 15px;
    }

    .author-profile {
        margin: 15px -8px 0px;
    }

    .post,
    .breadcrumbs {
        margin: 0 0 8px;
        padding: 8px;
    }

    .post-body a>img {
        width: 100%;
    }

    .recent-post-one-thumb .widget-content {
        padding: 8px;
    }

    .img-thumbnail,
    .img-thumbnail img {
        width: 120px;
        height: 90px;
    }

    .img-thumbnail {
        margin: 3px 8px 3px 0;
    }

    #recent-post-one-thumb-1 .widget,
    #recent-post-one-thumb-3 .widget,
    #recent-post-one-thumb-2 .widget,
    #recent-post-one-thumb-4 .widget,
    #recent-post-one-thumb-5 .widget,
    #recent-post-one-thumb-6 .widget {
        padding: 0 0 8px 0;
    }

    .comments .comment-block,
    .comments .comments-content .inline-thread {
        padding: 10px !important;
    }

    .comment .comment-thread.inline-thread .comment {
        margin: 0 0 0 0 !important;
    }

}

@media screen and (max-width:320px) {
    #wrapper {
        padding: 6px;
    }

    .post,
    .breadcrumbs,
    .berlangganan-box,
    .author-profile {
        padding: 6px;
    }

    .berlangganan-box {
        margin: 0 -6px 15px;
    }

    .author-profile {
        margin: 15px -6px 0px;
    }

    .recent-post-one-thumb .widget-content {
        padding: 6px;
    }

    .img-thumbnail,
    .img-thumbnail img {
        width: 100px;
        height: 80px;
    }
}

.gbr-tengah{
    margin: 0 auto;
    display:block;
    max-width:100%;
    
}

a {
    color: #8D8D8D;
}

a:hover{text-decoration: none;}

.mar-top{
    margin-top: 6rem;
}

.faq{
    font-size: 1.5rem;
}

.footer-p{
    margin-bottom: 0.5rem;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.hover08 figure img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.hover08 figure:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.wp-pagenavi {
    width: 100%;
    /* clear: both; */
    font-size: initial;
    padding: 5px 0;
    text-align: center;
    margin: 5px auto 80px auto;
    line-height: 45px;
    float:  left;
}
.pages {
    color: #000;
    width: auto;
    height: auto;
    margin: 0 3px;
    border: 1px solid #e9e9e9;
    padding: 8px;
    background-color: #FFF;
}
.current-pag {
    color: #333;
    width: auto;
    height: auto;
    margin: 0;
    border: 1px solid #e9e9e9;
    padding: 8px;
    margin-right: 3px;
}
.current-pag {
    color: #FFFFFF;
    background-color: #000000;
}
.wp-pagenavi a:hover {
    border: 1px solid #e9e9e9;
    color: #FFF;
    background-color: #000000;
}
.wp-pagenavi a {
    color: #000;
    text-decoration: none;
    border: 1px solid #e9e9e9;
    padding: 8px;
    background-color: #FFF;
    margin: 5px 0;
}

.btn-primary {
    color: #fff;
    background-color: #0A66C2;
    border-color: #0A66C2;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    content: ">";
}