a {
    color: #003d99;
}
.logobpkn {
    display: block !important;
}
#mainMenu nav > ul > li{
    margin-top: 56px;
}
.info-lembaga {
    position: absolute;
    top: 4px;
    right: 140px;
    font-size: 16px;
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    color: #000;
    letter-spacing: 3.6px;
}
.logo-active-scroll{
    width: 80px !important;
    height: auto !important;
    margin-top: 0px;
}
.down-load {
    margin: 20px 0px;
}
.down-load i {
    margin-right: 10px;
}
.team-members.team-members-shadow .team-member .team-desc{
    min-height: 182px;
}
.pagecon {
    width: 800px;
    text-align: center;
    margin: 0 auto;
}
.pagecon label {
    text-align: left;
}
.right-flt {
    margin-top: 10px;
}
.right-flt li {
    margin-right: 10px;
}
.float-wa{
    position:fixed;
    right:40px;
    bottom:30px;
    z-index:1000;
}

a.float-wa:hover,
a.float-wa:visited,
a.float-wa:link{
    color: #fff !important;
}

.txq-wa {
    background: #fff;
    color: #000;
    padding: 8px 15px;
    border-radius: 3px;
    box-shadow: 1px 2px 5px -2px #000;
    display: inline-block;
    vertical-align: top;
    margin-top: 11px;
}

.my-wa{
    box-shadow: 1px 2px 5px -2px #000;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 40px;
    width: 60px;
    height: 60px;
    background-color: #25d366;
    display: inline-block;
    padding-top: 8px;
}
button.btn.btn-primary, .btn:not(.close):not(.mfp-close).btn-primary, a.btn:not([href]):not([tabindex]).btn-primary{
    background-color: #003d99;
    border-color: #003d99;
}
button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]){
    background-color: #003d99;
    border-color: #003d99;
}
button.btn:hover, button.btn:focus, button.btn:not(:disabled):not(.disabled):active, button.btn:not(:disabled):not(.disabled).active, .btn:not(.close):not(.mfp-close):hover, .btn:not(.close):not(.mfp-close):focus, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled):active, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled).active, a.btn:not([href]):not([tabindex]):hover, a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled).active{
    background-color: #003d99;
    border-color: #003d99;
}
#page-title{
    background-size: cover;
    background-repeat: no-repeat;
}
.post-item .post-image .post-meta-category, .post-item .post-slider .post-meta-category, .post-item .post-video .post-meta-category, .post-item .post-audio .post-meta-category, .post-item .post-quote-img .post-meta-category{
    background-color: #003d99;
    border-radius: 8px;
}
.single-post .post-item .post-item-description > h2, .single-post .post-item .post-item-description > h2 > a {
    text-align: left;
    line-height: 48px;
    clear:both;
}
.single-post .post-item img {
    width: auto;
    height: auto;
    max-width: 100%;
}
.post-item-description img {
    margin:10px 0px 30px;
}
.single-post .post-item .post-item-description p {
    margin-bottom: 20px;
}
.single-post .post-item .post-item-description{
    text-align: justify;
}
.order-select-btn {
    margin-top: 30px;
}
.fom-find-mitra .order-up {
    margin-top: 20px;
}
.find-mapp{
    margin-top: -81px;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
}
.order-bt-mapp{
    margin-top: 30px;
}
.space-ll {
    padding: 10px;
    border-bottom: 1px solid #eee;
}
.space-ll .tx1 {
    font-weight: 500;
}
.space-ll:nth-child(even) {
    background: #fff;
}
.space-ll:nth-child(odd) {
    background: #FFF;
}
.map-txt {
    padding: 50px 20px 20px;
}
#agenda .post-item-description a {
    color: #3c4043;
    text-decoration: underline;
}
#topbar {
    background: #003d99;
    color: #fff;
}
#topbar .top-menu > li > a {
    color: #fff;
}
#footer .copyright-content{
    background-color: #003d99;
    color: #fff;
}
#mainMenu nav > ul > li > a{
    font-size: 16px;
    font-weight: 500;
}
.owl-theme .owl-nav {
    margin-top: -1px;
}
.owl-theme .owl-nav [class*='owl-'] {
    display: inline;
}
#main-three-color {
    text-align: center;
    background-image: url(../images/demo/bghome.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    padding: 25px 0;
    margin: 0 auto;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.item-link{
    color: #333333;
    border: 1px solid #d6d6d6;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 30px;
}
#main-three-color a {
    color: #fff;
}
.width-con-three {
    width: 950px;
    margin: 0 auto;
}
.box-ico-home .img-ico img {
    width: 60px;
    margin-bottom: 15px;
}
.box-ico-home .txt-ico {
    font-size: 16px;
}
#main-home-blog {
    padding: 70px 0;
}
.box-link-sidebar .link-tautan:nth-of-type(odd) {
    background-color: #f5f5f5;
}
.box-link-sidebar .link-tautan:nth-of-type(even) {
    background-color: #fff;
}
.box-link-sidebar .link-tautan {
    padding: 12px 10px;
}
.box-link-sidebar .link-tautan a {
    color: #333;
}
.box-link-sidebar .link-tautan a i {
    color: #d6d6d6;
    margin-right: 3px;
}
#anggota .team-image{
    margin-bottom: 0px;
}
#anggota .team-image img{
    width: 200px;
}
.team-desc a{
    color: #000;
    font-weight: 600;
}
.title-nws {
    font-size: 30px;
    margin-bottom: 40px;
}
.title-nws span {
    font-weight: bold;
}
.dat-list-nws .img-nws {
    float: left;
    display: block;
    width: 300px;
}
.dat-list-nws .img-nws img {
    border-radius: 5px;
    max-width: 100%;
}
.content-nws {
    padding-left: 330px;
}
.info-top-h {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.info-top-h .date-top-h {
    color: #fff;
    background: #003d99;
    border-radius: 3px;
    width: 72px;
    height: 72px;
    text-align: center;
    flex: 0 0 72px;
}
.info-top-h .date-top-h .txt1 {
    font-size: 40px;
    display: block;
    margin-top: 15px;
    margin-bottom: 5px;
}
.info-top-h .date-top-h .txt2 {
    font-weight: lighten;
    font-size: 11px;
}
.info-top-h .txt-top-h {
    padding-left: 10px;
}
.info-top-h .txt-top-h a {
    color: #333333;
    font-weight: 600;
    font-size: 20px;
}
.des-top-h {
    padding: 0px 0px 10px;
}
.cat-top-h span {
    padding-left: 10px;
    margin-left: 10px;
    color: #cccccc;
    border-left: 1px solid #cccccc;
}
.cat-top-h {
    margin-bottom: 20px;
}
.tmbl-next {
    color: #333333;
    border: 1px solid #d6d6d6;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 30px;
}
.box-list-nws {
    margin-bottom: 35px;
    border-bottom: 1px solid #e4e6ef;
    padding-bottom: 25px;
}
.topbar-dropdown a.title {
    color: #fff !important;
}
.box-find {
    padding-top: 3px;
    text-align: right;
    position: relative;
}
.mob-search{
    display: none;
}

.box-find .caridat::placeholder {
    color: #fff;
}
.box-find .caridat:focus-visible {
    outline: none;
}
.box-find .caridat {
    color: #fff;
    background: transparent;
    min-height: 30px !important;
    border-bottom: 1px solid #fff;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    font-size: 12px;
    width: 200px;
    padding-right: 20px;
}
.box-find .q2 i {
    font-size: 15px;
    position: absolute;
    top: 11px;
    right: 0;
    cursor: pointer;
}
.right-linkk {
    text-align: right;
}
.right-linkk a {
    color: #fff !important;
}
.right-linkk .q1 {
    display: inline-block;
    margin-left: 20px;
}
.box-event {
    margin-bottom: 10px;
    padding-bottom: 10px;
    min-height: 80px;
}
.box-event .img-event {
    float: left;
    display: block;
    width: 60px;
}
.box-event .img-event img {
    border-radius: 5px;
    max-width: 100%;
}
.box-event .txt-event {
    padding-left: 70px;
    font-size: 12px;
}
.box-event .txt-event .tgl-ll {
    color: #003d99;
    font-weight: 400;
}
div:last-child .box-list-nws {
    border-bottom: 0px;
}
#demos123 .owl-carousel .item {
    background: #4dc7a0 none repeat scroll 0 0;
    height: 10rem;
    padding: 1rem;
}
.prevcustom3 {
    width: 57px;
    height: 57px;
    background-image: url(../images/leftbanner.png);
    position: absolute;
    left: 20px;
    top: 50%;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}
.nextcustom3 {
    width: 57px;
    height: 57px;
    background-image: url(../images/rightbanner.png);
    position: absolute;
    right: 20px;
    top: 50%;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}


.prevcustom2 {
    width: 45px;
    height: 45px;
    background-image: url(../images/leftbanner.png);
    position: absolute;
    left: 10px;
    top: 50%;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}
.nextcustom2 {
    width: 45px;
    height: 45px;
    background-image: url(../images/rightbanner.png);
    position: absolute;
    right: 10px;
    top: 50%;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}
#main-banner{
    display: block;
}
#mobile-banner{
    display: none;
}
@media only screen and (max-width: 1200px) {
    #mainMenu nav > ul > li:nth-last-child(1){
        display: none;
    }
    #mainMenu nav > ul > li:nth-last-child(2){
        display: none;
    }
    #mainMenu nav > ul > li:nth-last-child(3){
        display: none;
    }
    .order-select-btn {
        width: 78px;
    }
}




@media only screen and (max-width: 991px) {
    .info-lembaga{
        display: none;
    }
    #mainMenu nav > ul > li:nth-last-child(1){
        display: block;
    }
    #mainMenu nav > ul > li:nth-last-child(2){
        display: block;
    }
    #mainMenu nav > ul > li:nth-last-child(3){
        display: block;
    }
    .width-con-three{
        width: 100%;
    }
    .sidebar {
        padding-top: 40px;
    }
    .logobpkn{
        margin-top: 0px;
    }
    .box-event .txt-event{
        font-size: 14px;
    }
    .order-select-btn {
        width: auto;
        margin-top: 20px;
    }
    .order-select-key {
        margin-top: 20px;
    }
    .ifrm-map {
        margin-top: 50px;
    }
    .map-txt {
        padding: 50px 0px 20px;
    }
    .order-tw2-mapp {
        margin-top: 20px;
    }
    .find-mapp {
        margin-top: 0px;
    }
}
@media only screen and (max-width: 767px) {
    .team-members.team-members-left .team-member .team-image{
        float: none;
        width: 100%;
    }
    .team-members.team-members-left .team-member .team-desc{
        width: 100%;
    }
    .right-flt {
        margin: 10px auto;
        width: 190px;
        display: block;
    }
    .right-flt li {
        margin-right: 10px;
    }
    .right-linkk .q1 {
        display: inline-block;
        margin-left: 0px;
        margin-right: 10px;
    }
    #main-banner{
        display: none;
    }
    #mobile-banner{
        display: block;
    }
    #footer .copyright-content{
        text-align: center;
    }
    .right-linkk {
        text-align: center;
        margin-top: 20px;
    }

    .dat-list-nws .img-nws{
        width: 100%;
        float: none;
    }
    .content-nws {
        padding-left: 0px;
        padding-top: 25px;
    }
    .dat-list-nws{
        position: relative;
    }
    .info-top-h {
        display: block;
        align-items: normal;
        margin-bottom: 10px;
    }
    .info-top-h .date-top-h{
        position: absolute;
        top: 0px;
    }
    .info-top-h .txt-top-h {
        padding-left: 0px;
    }
    .box-find{
        display: none;
    }
    .mob-search {
        display: inline-block;
    }
    .mob-search a{
        color: #000;
        position: absolute;
        right: 30px;
        top: 27px;
        font-size: 20px;
        z-index: 3;
    }
    .width-con-three .col-md-4 {
        display: inline-block;
        width: 33%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .box-ico-home .txt-ico {
        font-size: 12px;
        line-height: 17px;
        text-align: center;
    }
    .box-ico-home .img-ico img {
        width: 55px;
        margin-bottom: 11px;
    }
    .mob-hide{
        display: none;
    }
    #mainMenu nav > ul > li.hover-active > a, #mainMenu nav > ul > li.hover-active > span, #mainMenu nav > ul > li.current > a, #mainMenu nav > ul > li.current > span, #mainMenu nav > ul > li:hover > a, #mainMenu nav > ul > li:hover > span, #mainMenu nav > ul > li:focus > a, #mainMenu nav > ul > li:focus > span{
        border-bottom: 0px;
    }
    .single-post .post-item .post-item-description .post-meta-share{
        display: none;
    }
}