.new-header{background: #fff;}
/* microsite */
.microsite-header-dpr{width:100%!important; background:url(../images/placeholders/microsite/dpr/dpr-header.png) center top; height:105px;border-bottom:5px solid #D7D7D7; margin-top:167px!important;}
.microsite-header-dpr2018{width:100%!important; background:url(../images/placeholders/microsite/dpr2018/dpr-header.png) center top; height:103px;border-bottom:3px solid #D7D7D7; margin-top:-19px!important;}
.microsite-header-giias2017{width:100%!important; background:url(../images/placeholders/microsite/autoshow2017/autoshow-header.png) center top; height:105px; margin-top:-10px!important; border-bottom:5px solid #D7D7D7;}
.microsite-header-ramadan1437h{width:100%!important; background:url(../images/placeholders/microsite/ramadan1437h/ramadan1437h-header.png) center top; height:105px; margin-top:-10px!important; border-bottom:5px solid #D7D7D7;}
.microsite-header-ramadan1438h{width:100%!important; background:url(../images/placeholders/microsite/ramadan1438h/ramadan1438h-header.png) center top; height:105px; margin-top:167px!important;border-bottom:5px solid #D7D7D7;}
.microsite-header-ramadan1439h{width:100%!important; background:url(../images/placeholders/microsite/ramadan1439h/ramadan1439h-header.png) center top; height:105px; margin-top:-20px!important; border-bottom:5px solid #D7D7D7;}
.microsite-header-prancis2016{width:100%!important; background:url(../images/placeholders/microsite/prancis2016/prancis2016-header.png) center top; height:105px; margin-top:-10px!important;border-bottom:5px solid #D7D7D7;}
.microsite-header-pilkada-dki-2017{width:100%!important; background:url(../images/placeholders/microsite/pilkada-dki-2017/pilkada-dki-2017-header.jpg) center top; height:105px; margin-top:-10px!important;border-bottom:5px solid #D7D7D7;}
.microsite-header-pilkada-2018{width:100%!important; background:url(../images/placeholders/microsite/pilkada-2018/pilkada-2018-header.jpg) center top; height:105px; margin-top:-10px!important;border-bottom:5px solid #D7D7D7;}
.microsite-header-pilkada2018{width:100%!important; background:url(../images/placeholders/microsite/pilkada2018/pilkada2018-header.jpg) center top; height:105px; margin-top:-10px!important;border-bottom:5px solid #D7D7D7;}
.microsite-header-financialcorner{width:100%!important; background:url(../images/placeholders/microsite/financialcorner/financialcorner-header.png) center top; height:105px; margin-top:-10px!important; border-bottom:5px solid #D7D7D7;}
.microsite-header-seagames2017{width:100%!important; background:url(../images/placeholders/microsite/seagames2017/seagames2017-header.png) center top; height:105px; margin-top:-10px!important; border-bottom:5px solid #D7D7D7;}
.microsite-header-infrastrukturuntuknegeri{width:100%!important; background:url(../images/placeholders/microsite/pupr2017/pupr2017-header.png) center top; height:105px; margin-top:-10px!important; border-bottom:5px solid #D7D7D7;}
.microsite-header-pialadunia2018{width:100%!important; background:url(../images/placeholders/microsite/pialadunia2018/pialadunia2018-header.png) center top; height:105px; margin-top:-20px!important; border-bottom:5px solid #D7D7D7;}
.microsite-header-sejutarumah{width:100%!important; background:url(../images/placeholders/microsite/sejutarumah/sejutarumah-header.jpg) center top; height:105px; margin-top:167px!important; border-bottom:5px solid #D7D7D7;}
.microsite-header-asiangames2018{width:100%!important; background:url(../images/placeholders/microsite/asiangames2018/asiangames2018-header.png) center top; height:105px; margin-top:-10px!important;border-bottom:5px solid #D7D7D7;}
.microsite-header-bankmandiri{width:100%!important; background:url(../images/placeholders/microsite/mandiriupdate/mandiriupdate-header.png) center top; height:205px; margin-top:-15px!important;border-bottom:5px solid #FFBC00;}
.microsite-header-pemilu2019{width:100%!important; background:url(../images/placeholders/microsite/pemilu2019/pemilu2019-header.png) center top; height:105px; margin-top:-5px!important;border-bottom:5px solid #D7D7D7;}
.microsite-header-menyatukannusantara{width:100%!important; background:url(../images/placeholders/microsite/menyatukannusantara/menyatukannusantara-header.png?v=2) center top; height:105px; margin-top:-5px!important;border-bottom:5px solid #D7D7D7;}
.microsite-header-ramadan1440h{width:100%!important; background:url(../images/placeholders/microsite/ramadan1440h/ramadan1440h-header.png?v=2) center top; height:105px; margin-top:167px!important;border-bottom:5px solid #D7D7D7;}
.microsite-header-pemprovdki{width:100%!important; background:url(../images/placeholders/microsite/pemprovdki/header_pemprov-dki.png) center top; height:105px; margin-top:167px!important;border-bottom:5px solid #D7D7D7;}
.microsite-header-ramadan{width:100%!important; background:url(../images/placeholders/microsite/ramadan/1443h/header.png) center top; height:100px; margin-top:180px!important;}
.microsite-header-ramadhan{width:100%!important; background:url(../images/placeholders/microsite/ramadan/1443h/header.png) center top; height:100px; margin-top:180px!important;}
.microsite-header-goodnews{width:100%!important; background:url(../images/placeholders/microsite/goodnews/header.jpg) center top; height:105px; margin-top:180px!important;border-bottom:5px solid #D7D7D7;}
.microsite-header-kemendesa{width:100%!important; background:url(../images/placeholders/microsite/kemendesa/microsite_banner.jpg) center top; height:105px; margin-top:179px!important;border-bottom:5px solid #D7D7D7;}
.microsite-header-kemendikbud{width:100%!important; background:url(../images/placeholders/microsite/kemendikbud/microsite_banner.jpg) center top; height:105px; margin-top:179px!important;border-bottom:5px solid #D7D7D7;}
.microsite-header-harihabitatdunia{width:100%!important; background:url(../images/placeholders/microsite/harihabitatdunia/microsite_banner_pupr03.jpg) center top; height:100px; margin-top:179px!important;border-bottom:5px solid #D7D7D7;} 
.microsite-header-giias2021{width:100%!important; background:url(../images/placeholders/microsite/giias2021/microsite_desktop_giias2021.jpg) center top; height:100px; margin-top:179px!important;border-bottom:5px solid #D7D7D7;} 
.microsite-header-pamsimas{width:100%!important; background:url(../images/placeholders/microsite/pamsimas/microsite_banner_pamsimas.jpg) center top; height:100px; margin-top:179px!important;border-bottom:5px solid #D7D7D7;} 
.microsite-header-kemenaker{width:100%!important; background:url(../images/placeholders/microsite/kemenaker/microsite_banner_kemenaker.jpg) center top; height:100px; margin-top:179px!important;border-bottom:5px solid #D7D7D7;}
.microsite-header-rona{width:100%!important; background:url(../images/placeholders/microsite/rona/microsite_banner_rona.jpg) center top; height:100px; margin-top:179px!important;border-bottom:5px solid #D7D7D7;}
.microsite-header-haji{width:100%!important; background:url(../images/placeholders/microsite/haji2022/desktop_haji.jpeg) center top; height:100px; margin-top:180px!important;}
.microsite-header-kotaksuara{width:100%!important; background:url(../images/placeholders/microsite/kotaksuara/microsite_banner_KotakSuara.jpg) center top; height:100px; margin-top:180px!important;}
/* Ramadan 1422 h */
.bg-ramadan-1442h {
    width: 100%!important;
    background: url(../images/placeholders/microsite/ramadan/1442h/bg.png) bottom;
    background-repeat: no-repeat;
    height: 100vh;
    top: 171px;
    position: fixed;
    background-size: cover;
    /* height: 1024px;
    position: absolute; */
    margin-top: -5px!important;
    z-index: -1;
}
.microsite-ramadan-1442h .wrap-content-details.suara-article-content {
    padding: 15px
}
.microsite-ramadan-1442h .wrap-content-details.suara-article-content .content-details .image img {
    width: 100%;
}
.microsite-ramadan-1442h .wrap-content-details.suara-article-content .content-details .sum {
    width: 100%;
    border-right: 1px solid #eee;
}
.microsite-ramadan-1442h .wrap-content-details.suara-article-content .icon-social-widget ul li img {
    width: 200px;
}
.microsite-ramadan-1442h .others-list-thumb-detail {
    padding: 0px 15px;
} 
.microsite-ramadan-1442h .others-list-thumb-detail ul li {
    width: 242px;
}
.microsite-ramadan-1442h .suara-list-posts-carousel-2-widget .item {
    margin: 0 7px;
}
.microsite-ramadan-1442h .suara-list-posts-carousel-2-widget .widget-header {
    padding: 7px 7px 0px 7px;
}
.banner-header {
    position: relative;
}
.count_down_ramadan1422h {
    position: relative;
    width: 970px;
    margin: 0 auto;
}
.count_down_ramadan1422h .wrap_count_down {
    width: 220px;
    height: 100px;
    background: url(../images/placeholders/microsite/ramadan1442h/bg_countdown.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    right: 0px;
    top: -88px;
}
.count_down_ramadan1422h .wrap_count_down .wrap-countdown {
    position: relative;
    width: 100%;
    right: 0px;
    top: -10px;
}
.banner-ramadan-1442h {
    z-index: 9;
    width: 100%;
    margin-top: 171px;
}
.microsite-ramadan-1442h {
    margin-top: 15px;
    /* background: #fff; */
}
.microsite-ramadan-1442h .col-left .widget {
    margin-bottom: 15px;
}
.microsite-ramadan-1442h .col-right {
    background: #fff;
    padding: 15px;
    position: relative;
}
.microsite-ramadan-1442h .col-right .banner {
    width: 100%;
    height: auto;
}
.microsite-ramadan-1442h .instagram-media.instagram-media-rendered {
    width: 270px !important;
    min-width: 270px !important;
}
/* .microsite-ramadan-1442h .wrapper-2col .widget-area-3 {
    background: #fff;
    padding-bottom: 5px;
    height: 50px;
    margin-bottom: 10px;
} */
.microsite-ramadan-1442h .wrapper-2col .widget-area-3 .widget-header {
    border-bottom: 1px solid #000;
} 
.microsite-ramadan-1442h .wrapper-2col .widget-area-3 .widget-header .header-breadcrumb ul li,
.microsite-ramadan-1442h .wrapper-2col .widget-area-3 .widget-header .header-breadcrumb ul li a {
    color: #000
}
.count-down-sticky {
    position: fixed;
    margin-left: 970px;
    width: 155px;
    height: 155px;
    background: url('../images/countdown-sound-adzan/bg.png') no-repeat;
    background-size: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    bottom: 5%;
}
/* .count-down-adzan::before {
    content: '';
    width: 155px;
    height: 155px;
    position: absolute;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
    background: url('../images/countdown-sound-adzan/bg.png') no-repeat;
    background-size: 100%;
} */
.count-down-sticky .wrap {
    width: 171px;
    height: 171px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
    position: relative;
    transform: 0% rotate(0deg) !important;
    z-index: 9999;
}
.count-down-sticky .wrap img {
    height: 20px;
    width: auto;
    z-index: 9999;
}
.count-down-sticky .wrap .info-adzan {
    font-size: 12px;
    color: #fff;
    margin-top: 10px;
    font-weight: 700;
    margin-bottom: 5px;
    z-index: 9999;
}
.count-down-sticky .wrap .time {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
    z-index: 9999;
}
.count-down-sticky .wrap .wilayah {
    font-size: 10px;
    z-index: 9999;
}
/* .count-down-sticky .icon-rotate {
    background: #FFC926;
    padding: 10px;
    border-radius: 50%;
    right: 5px;
    top: 5px;
    position: absolute;
    z-index: 9999;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } */

.count-down-sticky .icon-rotate {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9998;
    -webkit-animation:spin 8s linear infinite;
    -moz-animation:spin 8s linear infinite;
    animation:spin 8s linear infinite;
    cursor: pointer;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.count-down-sticky .icon-rotate.mute {
    background: url('../images/countdown-sound-adzan/mute-full.png') no-repeat;
    background-size: 90%;
}
.count-down-sticky .icon-rotate.unmute {
    background: url('../images/countdown-sound-adzan/unmute-full.png') no-repeat;
    background-size: 90%;
}
.count-down-sticky .icon-rotate.no-rote {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}
.adzan-wrap {
    display: none;
}
#stop-adzan {
    display: none;
}
/* .count-down-sticky .icon-rotate img {
    width: 90%;
    height: 90%;
} */
/* .count-down-sticky .icon-rotate img {
    width: 20px;
    height: 20px;
} */
.buka-puasa {
    position: fixed;
    width: 155px;
    height: 155px;
    background: url('../images/countdown-sound-adzan/bg.png') no-repeat;
    background-size: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    top: 40%;
}
.buka-puasa.none {
    display: none;
}
.buka-puasa .wrap img {
    height: 25px;
    width: auto;
    margin-bottom: 8px;
    z-index: 9999;
}
.buka-puasa .wrap h5 {
    font-size: 14px;
    margin-top: 0px;
    text-align: center;
    color: #fff;
    font-weight: 700;
}
/* Ramadan 1422 h END */

/* Microsite */
.microsite-sertipikatuntukrakyat, .microsite-header-sertipikatuntukrakyat {
    /*width: 100%!important;
    background: url(../images/placeholders/microsite/sertipikatuntukrakyat/header_atr-bpn_1920x250px.png) center top;
    height: 250px;
    margin-top: 167px!important;
    border-bottom: 5px solid #D7D7D7;*/
}
.microsite-header-sertipikatuntukrakyat-detail {
    width: 100%!important;
    background: url(../images/placeholders/microsite/sertipikatuntukrakyat/banner-atr-bpn.png) center top;
    height: 250px;
    margin-top: 167px!important;
    border-bottom: 5px solid #D7D7D7;
}
.microsite-header-ingatpesanibu-detail {
    width: 100%!important;
    background: url(../images/placeholders/microsite/ingatpesanibu/banner-top-covid-microsite.png) center top;
    height: 250px;
    margin-top: 167px!important;
    border-bottom: 5px solid #D7D7D7;
}
/* Giias */
.giias {
    width: 100%!important;
    background: url(../images/placeholders/giias-2019/hompage_1920x100px.jpg) center top;
    height: 100px;
    margin-top: -5px!important;
    border-bottom: 5px solid #D7D7D7;
}
/* End Giias */

.twitter-box{ display:block; height:400px;}
.col300x2{background-color:#EEEEEE; padding:10px;}
.col300x2-title{ background-color:#F9F9F9;  padding:10px;font-family:'Oswald', sans-serif;font-size: 14px; line-height: 20px; font-weight:normal;}
.pMic-left{ width:315px; float:left; display:block; } 
.pMic-right{  width:315px; float:right; display:block;}

/* microsite DPR */
.bgclr tr{ background-color:#EEEEEE;}
.bgclr tr td{ border:1px solid #FFF; padding:10px; vertical-align:top; line-height:24px; letter-spacing:normal; font-family:Arial; font-size:13px;}
.idclr1{ background-color:#B8AD8C!important;}
.idclr1 th{ font-family:'Oswald', sans-serif; font-size:16px; font-weight:normal;padding:10px!important;}
.boxstyleMic{}
.boxstyleMic ul{}
.boxstyleMic ul li{ float:left; display:block; margin:5px 2px;}

/* microsite Prancis 2016 */
#wrapperBox .boxOthers{min-height:265px; background-color:#F3F3F3;padding:4px;}
#wrapperBox .boxOthers:hover{ background-color:#CCC;}
#wrapperBox .boxOthers h4{font-family:'Oswald', sans-serif; font-weight:normal;text-align:center; font-size:16px; color:#333333;line-height:20px;}
#wrapperBox .micBox {cursor:pointer; height:201px;  float:left; margin:0px; }
.boxMicTitle{ background-color:#B8AD8C; margin-bottom:10px; padding:7px 0px 10px 10px; font-family:'Oswald', sans-serif; font-size:16px; font-weight:normal;}
.selectStyle{ float:right; margin-right:10px;}
.selectStyle select{ padding:1px 5px 2px 5px; border:1px solid #FFFFFF; font-size:12px;}
.btnPar{ background-color:#960; color:#FFF; border:none; width:321px; padding:5px 0px;font-size:14px; letter-spacing:1px;font-family:'Oswald', sans-serif;}
.btnPar:hover{ background-color:#3E1F00;}
.btnPar.act{ background-color:#3E1F00;}
.wrap-jadwal{background-color:#F3F3F3;padding:0px; padding-left:2px;}
.wrap-jadwal .big-header{padding-top:10px; color:#666;font-family:'Oswald', sans-serif; background-color:#E6E7E7; border-bottom:1px solid #E0E2E2; font-size:26px; padding:15px 0px; text-align:center;}
.wrap-jadwal ul li{ width:300px; float:left; margin:20px 11px;}
.box-jadwal-list{ border-bottom:7px solid #FCD404;}
.box-jadwal-list .header{background:#112D72 url(../images/placeholders/microsite/prancis2016/bg-jadwal.png) center top; height:39px; padding-top:10px; color:#FFF;font-family:'Oswald', sans-serif; font-size:18px; text-align:center;}
.box-jadwal-list .jadwal{background-color:#FFF;}
.box-jadwal-list .jadwal .date{ font-size:11px; text-align:center; padding-top:10px;}
.box-jadwal-list .jadwal .br{border-bottom:1px solid #EDEEEE;}

.jadwal-list{ text-align:center;font-size:13px; height:50px; padding-top:10px;}
.jadwal-list .col1{float:left;font-family:'Oswald', sans-serif;width:85px;text-align:right; text-transform:uppercase; margin-left:2px;}
.jadwal-list .col2{float:left; width:20px; margin:0px 5px;}
.jadwal-list .col3{float:left;font-size:12px;background-color:#E6E7E7;color:#666;width:20px;font-family:'Oswald', sans-serif;}
.jadwal-list .col4{ float:left;font-family:'Oswald', sans-serif;font-size:12px;padding:0px 5px;}
.jadwal-list .col5{ float:left;font-size:12px;background-color:#E6E7E7;color:#666;width:20px;font-family:'Oswald', sans-serif;}
.jadwal-list .col6{ float:left; width:20px; margin:0px 5px; }
.jadwal-list .col7{float:left;font-family:'Oswald', sans-serif;width:85px;text-align:left!important; text-transform:uppercase;margin-right:2px;}

.titleGrup{ background:url(../images/placeholders/microsite/prancis2016/bg-titlegrup.png) center top;color:#FFF!important;font-family:'Oswald', sans-serif;font-size:20px; padding:15px 15px; color:#555; height:50px;}

.titleTopSkor{ background:url(../images/placeholders/microsite/prancis2016/bg-topskor.png) center top;padding-top:10px; color:#FFF;font-family:'Oswald', sans-serif; font-size:26px; padding:15px 0px; text-align:center}

.titleSkor{ background-color:#FFD24D; border-bottom:2px solid #DDDDDD; padding:10px 15px; color:#555;}
.titleSkor .title{font-family:'Oswald', sans-serif;font-size:16px;}
.listSkor{}
.listSkor .list{ background-color:#EFEEEE; border-bottom:1px solid #DDDDDD; padding:10px 20px 10px 15px; color:#666;}
.listSkor .list .title{font-family:'Oswald', sans-serif;font-size:14px;}
.fmr10{ float:left; margin-right:10px;}
.tts-center{ float:left; text-align:right; width:200px; margin-right:20px;}
.bts-center{ float:right; text-align:right; width:60px;}
.tts-center2{ float:left; text-align:right; width:230px; margin-right:20px;}
.bts-center2{ float:right; text-align:right; width:325px;}
.mr40{ margin-right:40px;}
.tNum{ width:50px; display:block; float:left;}
.wNum{ width:50px; display:block; float:left;padding-left:5px;}
#p-slide{ width:300px; background-color:#CCC;}

ul.klsm{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.klsm-slide{position:absolute; display:none;}
ul.klsm-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.klsm-controls.v-centered li a{position:absolute; top:17px!important; margin-right:10px; }
ul.klsm-controls.v-centered li.klsm-next a{right:0; width:19px; height:27px; background:url(../images/placeholders/microsite/prancis2016/icon-right.png) no-repeat center top;}
ul.klsm-controls.v-centered li.klsm-prev a{left:255px; width:19px; height:27px; background:url(../images/placeholders/microsite/prancis2016/icon-left.png) no-repeat center top;}
ol.klsm-markers{list-style: none; padding: 0; margin: 0; width:100%; display:none;}
ol.klsm-markers.h-centered{text-align: center;}
ol.klsm-markers li{display:inline;}
ol.klsm-markers li a{display:inline-block;}
p.klsm-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

.flags-portugal, .flags-inggris, .flags-swedia, .flags-jerman, .flags-albania, .flags-austria, .flags-belgia, .flags-hungaria, .flags-irlandia, .flags-irlandia_utara, .flags-islandia, .flags-italia, .flags-kroasia, .flags-polandia, .flags-prancis, .flags-republik_ceko, .flags-rumania, .flags-rusia, .flags-slowakia, .flags-spanyol, .flags-swiss, .flags-turki, .flags-ukraina, .flags-wales, .flags-irlandiautara, .flags-ceko {
 background-image: url('../images/placeholders/microsite/prancis2016/flags.png');background-repeat:no-repeat;width:20px;height:20px;display:block;}
.flags-portugal{background-position:0px 0px;}
.flags-inggris{background-position:-20px 0px;}
.flags-swedia{background-position:-40px 0px;}
.flags-jerman{background-position:-60px 0px;}
.flags-albania{background-position:-80px 0px;}
.flags-austria{background-position:-100px 0px;}
.flags-belgia{background-position:-120px 0px;}
.flags-hungaria{background-position:-140px 0px;}
.flags-irlandia{background-position:-160px 0px;}
.flags-irlandia_utara, .flags-irlandiautara{background-position:-180px 0px;}
.flags-islandia{background-position:-200px 0px;}
.flags-italia{background-position:-220px 0px;}
.flags-kroasia{background-position:-240px 0px;}
.flags-polandia{background-position:-260px 0px;}
.flags-prancis{background-position:-280px 0px;}
.flags-republik_ceko, .flags-ceko{background-position:-300px 0px;}
.flags-rumania{background-position:-320px 0px;}
.flags-rusia{background-position:-340px 0px;}
.flags-wales{background-position:-360px 0px;}
.flags-spanyol{background-position:-380px 0px;}
.flags-swiss{background-position:-400px 0px;}
.flags-turki{background-position:-420px 0px;}
.flags-ukraina{background-position:-440px 0px;}
.flags-slowakia{background-position:-460px 0px;}

/* microsite Ramadam 2016 */
.TabJadwal{ text-align:center!important; }

.TabTitleJadwal{ background-color:#466289; color:#FFF;}
.TabTitleJadwal td{ font-family:'Oswald', sans-serif; font-size:14px; padding:15px 16px 15px 20px; border-right:1px solid #DBE8F9; border-left:1px solid #DBE8F9;}

.TabListJadwal{color:#13386A;}
.TabListJadwal td{font-family:Arial; padding:10px 0px 10px 0px; text-align:center; font-size:12px;border-right:1px solid #DBE8F9;border-left:1px solid #DBE8F9; font-weight:bold; }

.TabListJadwal.bg1{background-color:#D1E1F7;}
.TabListJadwal.bg2{background-color:#B7D0F2;}
.TabListJadwal.active{background-color:#F4BEB5;}

.jadwal-select{font-weight:bold;}
.select-text{ color:#13386A; font-family:'Oswald', sans-serif; font-size:16px;  padding-top:2px; font-weight:normal; }
.box-select{background-color:#FFF; border:1px solid #9FB2CC; color:#333; font-family:'Oswald', sans-serif; font-size:14px; font-weight:normal; padding:2px 5px; width:210px; margin-bottom:10px; }
.wrapheaderjadwal{ width:970px; margin:0 auto;}
.wrapbanner{padding-top:5px; float:right; text-align:center; width:300px;}
.headerText{font-family:'Oswald', sans-serif; font-size:12px; font-weight:normal; color:#FFF;
text-shadow: 1px 1px 1px #1F5D7F, 1px 1px 3px black; margin:0px; padding:0px;}
.headerTabJad{ text-align:center!important; -moz-box-shadow: 0px 2px 3px #666; margin-top:5px; 
-webkit-box-shadow: 4px 2px 2px #1F5D7F;box-shadow: 0px 2px 3px #1F5D7F;}
.headerTabTitleJad{ background-color:#FA6020; color:#FFF;}
.headerTabTitleJad td{ font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center; padding:2px 3px 2px 3px; line-height:14px; border:1px solid #ffffff; }
.headerTabTitleJad.bg{background-color:#01424A;}
.bg-header-jadwal{  background:url(../images/placeholders/microsite/prancis2016/bg-header-jadwal.png) no-repeat center top; height:90px;}
.box-header-jadwal{ float:left; margin-left:40px; margin-top:10px;}
.regular{ width:800px; float:left;}
.nojadwal .regular{ width:890px; float:left;}
.slick-slide {margin:0px 10px;text-align:center;}
.slick-next:before{right:0; width:19px; height:27px; background:url(../images/placeholders/microsite/prancis2016/icon-right.png) no-repeat center top;}
.slick-prev:before{width:19px; height:27px; background:url(../images/placeholders/microsite/prancis2016/icon-left.png) no-repeat center top;}
.btn-download{ background-color:#01204F; width:90px;height:90px; float:right; text-align:center; color:#C1D101;font-size:18px; }
.btn-download h5{font-family:'Oswald', sans-serif; color:#FFF; padding:0px; margin:13px 0px 5px 0px; font-size:16px;} 
.btn-download a{color:#C1D101;}
.btn-download a:hover{color:#C1D101; text-decoration:underline;}
.btn-download p{font-size:11px; font-weight:bold;}
.jadList{font-weight:normal; line-height:16px;}
.jadList a{color:#C1D101;}
.jadList a:hover{color:#C1D101; text-decoration:underline;}
.jadList .st1{font-family:'Oswald', sans-serif; color:#FFF; font-size:16px;}
.jadList .st2{font-family:'Oswald', sans-serif; color:#FFF; font-size:14px; margin-top:6px; margin-bottom:2px; }
.jadList .st3{ font-size:11px; font-weight:bold; color:#B3C8DA;}
.jadList .st4{ font-size:11px; font-weight:bold; color:#C1D101;}
.live{ background-color:#EC1B23;font-family:'Oswald', sans-serif; color:#FFF; font-size:10px; padding:2px 5px; letter-spacing:1px; margin-left:5px;}
.btn-zakat{background-color:#fa6020; color:#FFF; border:none; font-size:12px; padding:5px 20px; text-align:center;}
.wrapPad tr td{ padding:5px 0px;}
.headerKalkulator{background-color:#EEEEEE; border:1px solid #E4E3F0; padding:10px 15px; margin-bottom:20px;}
.headerKalkulator .textKal{font-size:14px;float:left; width:460px; line-height:19px;}
.headerKalkulator .imgKal{ float:right; border-left:1px solid #A3B4CD; padding-left:10px;}

/* microsite autoshow 2016 */
.microsite-header-giias2016{width:100%!important; background:url(../images/placeholders/microsite/autoshow2016/autoshow-header.png) center top; height:105px; margin-top:-10px!important;border-bottom:5px solid #D7D7D7;}

.container-polling{ background-color:#F5F5F5; padding:0px 20px;}
.header-polling{width:100%!important; background:url(../images/placeholders/microsite/pilkada-dki-2017/header-polling-1.jpg) center top; height:100px;}
.header-polling-2{width:100%!important; background:url(../images/placeholders/microsite/pilkada-dki-2017/header-polling-2.jpg) center top; height:100px;}
.header-polling-3{width:100%!important; background:url(../images/placeholders/microsite/pilkada-dki-2017/header-polling-3.jpg) center top; height:100px;}
.box-polling{ border-bottom:3px solid #fff;}
.box-polling h3{ font-size:16px; padding:0px; margin:5px 0px 10px 0px;}

.box-polling .c-left{ float:left; width:180px; text-align:center;} 
.box-polling .c-center{float:left; width:215px; margin-left:30px; margin-top:40px;}
.box-polling .c-center h2{ font-size:36px; font-weight:bold; margin-right:8px; padding-top:10px;text-shadow: 2px 2px 3px #999;}

.box-polling .c-center.active{opacity: 0.5; filter: alpha(opacity=50);}
.box-polling .c-right{ float:right; width:180px;text-align:center;}
.box-polling .p-text{ text-align:center;}
.box-polling .p-text p{ font-size:12px; line-height:18px;}
.btn-vote{ text-align:right;}
.btn-vote a:hover{opacity: 0.5; filter: alpha(opacity=50);}

.p-img{ padding-top:10px; height:105px; float:right; margin-left:443px; width:190px; position:absolute; margin-top:-10px; text-align:center;
}
.p-img h3{ font-size:15px; margin-top:5px;}

.p-agenda{}
.p-agenda tr td{ padding:10px 10px; border:1px solid #fff; line-height:16px; font-size:12px;}
.p-agenda h3{font-size:16px; text-align:center; padding:0px; margin:0px;}
.p-agenda .bg1{background-color:#bbb;}
.p-agenda .bg2{background-color:#ddd;}
 
.btn-see{ background-color:#F80505; color:#fff; position:absolute; font-size:9px; margin:0px; padding:2px 5px;margin-top:95px; opacity:0.6;}

.brline{ height:3px; background-color:#ccc;}
.v-polling{ text-align:center; margin-bottom:20px;}
.content-article-polling{ margin-top:-40px; font-size:13px; line-height:22px; letter-spacing:0.5px; color:#666;}
.content-article-polling h3{ color:#666;}
.content-article-polling p{  font-size:13px; line-height:22px; letter-spacing:0.5px; color:#666;}
.content-article-polling ol{ margin-left:33px; list-style-type:decimal; padding-top:10px;}
.content-article-polling ol li{ padding-bottom:10px;}

.content-article-polling a{}
.content-article-polling a:hover{ color:#ED1B2B;}

.bg_polling {
    background: url(../images/placeholders/microsite/pilkada-dki-2017/bg_polling.png);
    width:300px;
    height:300px;
}

.tanggal {
    font-family: 'Oswald', sans-serif;
    color:#000;
    font-size:12px;
    font-weight:bold;
    padding-left:70px;
    padding-bottom:5px;
}

.polling {
    font-family: 'Oswald', sans-serif;
    color:#E4161A;
    alignment-adjust:central;
    font-size:28px;
    padding-top:160px;
    padding-bottom:0px;
    text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}

.judul {
    font-family: 'Oswald', sans-serif;
    color:#333;
    padding-left: 60px;
    padding-top:10px;
    
}

.judul h2{margin:0px; padding:3px 0px 5px 0px; font-size:14px; color:#E4161A;font-weight:bold;}
.judul h3{margin:0px; padding:0px; font-size:14px;font-weight:bold;}
.judul h4{margin:0px; padding:0px; font-size:12px; font-weight:normal;}

.ikut {
    padding-top:15px;
    text-align:center;
}

/* Financial Corner */
.simulasikpr {
    padding: 20px 15px;
    background-color: #f2f2f2;
    font-family: 'Oswald', sans-serif;
}
.simulasikpr hr {
    margin-bottom: 25px;
    border-color: #fff;
}
.simulasikpr label {
    width: 100px;
    color: #666;
    font-weight: normal;
}
.simulasikpr input {width: 155px;}
.simulasikpr input,
.simulasikpr select {
    margin-bottom: 20px;
    border: 1px solid #ddd;
}
.simulasikpr select {
  width: 155px;
  border-radius: 0 !important;
  padding: 6px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.simulasikpr .btn-simulasi {
    color: #fff;
    width: 128px;
}
.simulasikpr #js-hitkpr {background-color: #666;}
.simulasikpr .dp input,
.simulasikpr .dp span {float: left;}
.simulasikpr .dp input#js-dp1 {width: 40px;}
.simulasikpr .dp input#js-dp2 {width: 93px;}
.simulasikpr input#js-sukubunga{width: 40px;}
.simulasikpr .sukubunga input,
.simulasikpr .sukubunga span {float: left;}
/* Financial Corner */

.skin-microsite {top: 249px;}

/* Style Kanal Sertipikat Untuk Rakyat */
.microsite-atr-bpn-body .instagram-media {
    min-width: 300px !important;
}
.microsite-atr-bpn .item {
    border: 0px !important;
    padding-top: 0px;
}
.microsite-atr-bpn .item:nth-of-type(odd) {
    padding-right: 0px;
}
.microsite-atr-bpn .item:nth-of-type(even) {
    padding-left: 0px;
}
.microsite-atr-bpn .item-inner {
    background: #fff !important;
    -webkit-box-shadow: 0px 0px 19px 1px rgba(219,215,219,1);
    -moz-box-shadow: 0px 0px 19px 1px rgba(219,215,219,1);
    box-shadow: 0px 0px 19px 1px rgba(219,215,219,1);
    border-radius: 5px;
}

.microsite-atr-bpn .post-thumb img {
    border-radius: 5px 5px 0px 0px;
}
.microsite-atr-bpn .suara-date-box {
    margin: 5px 0px 0px 5px;
    border-bottom: 0px;
    width: 65px;
    padding: 10px;
}
.microsite-atr-bpn .suara-date-box .suara-day {
    background: #df2e2e;
    letter-spacing: 1px;
    color: #fff;
    padding: 5px 6px 0px 6px;
}
.microsite-atr-bpn .suara-date-box .suara-mon {
    background: #df2e2e;
    color: #fff;
    padding-bottom: 5px;
}
.microsite-atr-bpn .post-title {
    margin-top: 0px;
    margin-bottom: 7px;
}
.microsite-atr-bpn p {
    margin-top: 0px;
    margin-bottom: 10px;    
    padding-bottom: 0px;
}
.microsite-atr-bpn .category {
    margin: 7px 0px 3px 0px;
    letter-spacing: 3px;
    display: block;
    color: #df2e2e;
    text-transform: uppercase;
}
.microsite-atr-bpn .date {
    margin-bottom: 7px;
    font-size: 11px;
    display: block;
}
.microsite-atr-bpn .date i {
    color: #df2e2e;
    margin-right: 3px;
}
.microsite-atr-bpn .suara-readmore {
    background: #df2e2e;
    color: #ffffff;
    font-weight: 500 !important;
    font-size: 11px;
    border-radius: 50px;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
}

/* Countdown */
.countdown {
    width: 970px;
    margin: 0 auto;
    position: relative;
}
.wrap-countdown {
    background:url(../images/placeholders/microsite/ramadan/1443h/bg_countdown.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 95px;
    width: 240px;
    right: 0px;
    top: 3px;
}
.wrap-countdown h5 {
    font-size: 10px;
    font-weight: bold;
    margin: 0px;
    font-family: "poppins", sans-serif;
}
.wrap-countdown .content-countdown {
    margin: 10px 0px 0px 0px;
}
.wrap-countdown .content-countdown span {
    font-size: 30px;
    font-weight: bold;
    color: #000;
    display: inline-block;
    font-family: "poppins", sans-serif;
}

.countdown-header {
    width: 165px;
    height: 68px;
    background: url(../images/countdown-sound-adzan/bg_countdown_home.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.countdown-header .wrap-countdown {
    display: flex;
    width: 100%;
    position: relative;
    right: 0px;
    height: auto;
    margin-top: 5px;
} 
.countdown-header .wrap-countdown h5 {
    font-size: 9px; 
    font-weight: 600;
}
.countdown-header .wrap-countdown .content-countdown {
    margin-top: 2px;
}
.countdown-header .wrap-countdown .content-countdown span {
    font-size: 20px;
    color: #0B9544;
}


/* Tadarus */
.tadarus {
    width: 100%;
    position: relative;
}
.tadarus .header-tadarus {
    width:100%!important; 
    background:url(../images/placeholders/microsite/ramadan/bg-tadarus-microsite-ramadan.png) center; 
    background-size: cover;
    padding: 30px 0px;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-direction: column;
}
.tadarus .header-tadarus h1 {
    color: #fff;
    margin-top: 0px;
    margin-bottom: 10px;
}
.tadarus .header-tadarus .pilihan {
    display: flex;
    justify-content: center;
}
.tadarus .header-tadarus .pilihan .form-group-select {
    margin: 0px 5px;
    padding: 10px 5px;
    background: #fff;
    min-width: 50px;
    width: 150px;
}
.tadarus .header-tadarus .pilihan .form-group-select select {
    outline: none;
    border: 0px;
    width: 100%;
    background: #fff;
}
.tadarus .body-tadarus{
    padding: 15px;
    background: #F1FBF7;
}
.tadarus .body-tadarus .ayat .list-ayat {
    display: block;
    position: relative;
    padding: 25px 0px 25px 0px;
    border-bottom: 1px solid rgb(168, 175, 174);
}
.tadarus .body-tadarus .ayat .list-ayat .arab {
    text-align: right;
    font-size: 25px;
    display: block;
    font-weight: 500;
    line-height: 40px;
}
.tadarus .body-tadarus .ayat .list-ayat p {
    color: #000;
}
.tadarus .body-tadarus .ayat .list-ayat .more-info {
    display: flex;
    width: 100%;
    justify-content: center;
}
.tadarus .body-tadarus .ayat .list-ayat .more-info a {
    margin: 0px 7px;
}
.tadarus .body-tadarus .ayat .list-ayat .more-info a i {
    font-size: 17px;
}
.tadarus .next-ayat {
    display: flex;
    justify-content: flex-end;
}
.tadarus .next-ayat a {
    padding: 10px 30px;
    background: #01A165;
    color: #fff;
    border-radius: 3px;
    margin: 0px 5px
}

/* New ATR 2020 */
 .bg-atr-bpn-2020 {
    width: 100%!important;
    background: url(../images/placeholders/microsite/atr-bpn/bg-atr-bpn.jpg) center top;
    height: 1024px;
    position: absolute;
    background-repeat: no-repeat;
    height: 600px;
    position: fixed;
    background-size: cover;
    margin-top: -5px!important;
    z-index: -1;
 }

 /* Covid 19 */
.bg-covid-19 {
    width: 100%!important;
    background: url('../images/placeholders/microsite/ingatpesanibu/banner-covid1.png?v=2') center top;
    background-repeat: no-repeat;
    height: 600px;
    position: fixed;
    background-size: cover;
    margin-top: -5px!important;
    z-index: -1;
}

/* Widget Covid */
.widget-covid-19 .head {
    background: #ED1C24;
    color: #fff;
    padding: 15px;
    display: flex;
    justify-content: space-between;
}
.widget-covid-19 .head h2 {
    margin: 0px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}
.widget-covid-19 .head h6 {
    margin: 0px;
    color: #fff;
    font-size: 12px;
}
.widget-covid-19 .body {
    background: #fff;
    padding: 15px;
    display: flex;
    justify-content: space-between;
}
.widget-covid-19 .body .box {
    width: 145px;
    height: 93px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 15px;
}
.widget-covid-19 .body .box.item1 {
    background: #2D9CDB;
}
.widget-covid-19 .body .box.item2 {
    background: #F2C94C;
}
.widget-covid-19 .body .box.item3 {
    background: #6FCF97;
}
.widget-covid-19 .body .box.item4 {
    background: #9B51E0;
}
.widget-covid-19 .body .box h3 {
    margin: 0px;
    margin-bottom: 15px;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
}
.widget-covid-19 .body .box h5 {
    margin: 0px;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
}
.widget-covid-19 .footer {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    background: #E0E0E0;
}
.widget-covid-19 .footer h6 {
    margin: 0px;
    color: #333333;
    font-weight: 400;
    font-size: 12px;
}
.widget-covid-19 .footer h6 a {
    color: #272E74;
    font-weight: 500;
}

/* Menu Top Microsite */
.menu-top-microsite {
    background: transparent;
    margin-bottom: 10px;
}
.menu-top-microsite ul {
    width: 970px;
    margin: 0 auto;
    top: -3px;
    position: relative;
}
.menu-top-microsite ul li {
    display: inline-block;
    margin-right: 10px;
}
.menu-top-microsite ul li:last-child {
    margin-right: 0px;
}
.menu-top-microsite ul li a {
    color: #F2F2F2;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 22px;
    background: #2B3990;
    width: 232px;
    text-align: center;
    display: inline-block;
    padding: 8px;
    border-radius: 0px 0px 8px 8px;
}
.menu-top-microsite ul li.active a {
    color: #3C7FBA;
}

.microsite-covid-19 .banner-covid {
    z-index: 9;
    width: 100%;
}
.microsite-covid-19 .widget.suara-thumb-big-carousel-widget {
    margin-bottom: 15px;
}
.microsite-covid-19 .widget-content .post-thumb {
    background: #fff;
    padding-bottom: 5px;
}
.microsite-covid-19 .item-content {
    position: relative;
    background: #fff;
    padding-bottom: 20px;
}
.microsite-covid-19 .widget-content .br-line {
    display: flex;
    position: relative;
}
.microsite-covid-19 .widget-content img:nth-child(2) {
    position: absolute;
    left: 0px;
}
.microsite-covid-19 .widget-content img:nth-child(3) {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 43px;
}
.microsite-covid-19 .widget-content .info-cat-date {
    display: flex;
    position: absolute;
    height: 43px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-left: 60px;
    padding-right: 30px;
}
.microsite-covid-19 .widget-content .info-cat-date span:nth-child(1) {
    text-transform: uppercase;
    font-size: 18px;
    color: #BDBDBD;
    font-family: "poppins", sans-serif;
    font-weight: 500;
}
.microsite-covid-19 .widget-content .info-cat-date span.not-uppercase {
    text-transform: none;
}
.microsite-covid-19 .widget-content .info-cat-date span:nth-child(2) {
    font-size: 14px;
    color: #BDBDBD;
    font-family: "poppins", sans-serif;
    font-weight: 500;
}
.microsite-covid-19 .widget-content .post-title {
    font-style: normal;
    font-family: "poppins", sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #272E74;
    line-height: 30px;
    margin-top: 0px;
}
.microsite-covid-19 .widget-content .post-sub {
    font-style: normal;
    font-family: "poppins", sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    color: #333333;
    margin-top: 7px;
}
.btn-detail-covid {
    background: #272E74;
    border-radius: 35px;
    color: #fff;
    padding: 8px 25px;
    font-family: "poppins", sans-serif;
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
}
.btn-detail-covid.small {
    font-size: 11px;
    line-height: 22px;
    font-style: normal;
    font-weight: normal;
    color: #F2F2F2;
    padding: 4px 20px;
}
.btn-detail-covid:hover {
    color: #fff;
}
.microsite-covid-19 .col-right {
    background: #fff;
    padding: 15px;
    position: relative;
}
.microsite-covid-19 .instagram-media.instagram-media-rendered {
    width: 270px !important;
    min-width: 270px !important;
}
.microsite-covid-19 .widget-area-3.is_stuck {
    top: 173px !important;
    background: #fff;
    padding: 15px 15px;
    margin: 0px -15px;
    width: 300px !important;
}
.microsite-covid-19 .post-thumb img {
    border-radius: 0px;
}
.covid-19 .item {
    border: 0px;
}
.suara-list-posts-widget.list-new .covid-19 .suara-date-box {
    background: url(../images/placeholders/microsite/ingatpesanibu/line-short-blue.png);
    background-size: cover;
    width: 40px;
    height: 70px;
    padding: 0px 5px;
    border-bottom: 0px;
}
.suara-list-posts-widget.list-new .covid-19 .suara-date-box .suara-day {
    background: transparent;
    font-family: "poppins", sans-serif;
    color: #BDBDBD;
    font-weight: bold;
    font-size: 18px;
    border-bottom: 1px solid #BDBDBD;
}
.suara-list-posts-widget.list-new .covid-19 .suara-date-box .suara-mon {
    background: transparent;
    font-family: "poppins", sans-serif;
    color: #BDBDBD;
    font-weight: 500;
    font-size: 13px;
}
.suara-list-posts-widget.list-new .covid-19 .item-inner {
    padding: 4px;
    background: #fff;
}
.suara-list-posts-widget.list-new .covid-19 .item-content {
    background: #F2F2F2;
    padding: 12px;
    padding-bottom: 20px;
}
.suara-list-posts-widget.list-new .covid-19 .item {
    padding: 0px;
}
.suara-list-posts-widget.list-new .covid-19 > ul .item-outer {
    margin-bottom: 15px;
}
.suara-list-posts-widget.list-new .covid-19 ul .item-outer .item-content .post-title a {
    font-family: "poppins", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #333333;
}
.suara-list-posts-widget.list-new .covid-19 ul .item-outer .item-content p {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #828282;
    font-family: "poppins", sans-serif;
}
.microsite-covid-19 .widget-content .post-thumb.video {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.microsite-covid-19 .widget-content .post-thumb .img-play {
    position: absolute;
    width: 117px;
    height: 117px;
    left: 45%;
}
.microsite-covid-19 .item-content.list-box {
    padding: 15px 15px 0px 15px;
}
.microsite-covid-19 .suara-thumb-big-carousel-widget .item-content .wrap-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.microsite-covid-19 .suara-thumb-big-carousel-widget .item-content .wrap-box .box-img {
    width: 197px;
    height: 128px;
    overflow: hidden;
    margin-bottom: 15px;
    margin-right: 15px;
}
.microsite-covid-19 .suara-thumb-big-carousel-widget .item-content .wrap-box .box-img:nth-of-type(3),
.microsite-covid-19 .suara-thumb-big-carousel-widget .item-content .wrap-box .box-img:nth-of-type(6),
.microsite-covid-19 .suara-thumb-big-carousel-widget .item-content .wrap-box .box-img:nth-of-type(9) {
    margin-right: 0px;
}
.microsite-covid-19 .suara-thumb-big-carousel-widget .item-content .wrap-box .box-img a img {
    width: 100%;
    height: auto;
}

.h170 {
    height: 170px;
}

.atr-bpn-body {
    background: #fff;
}
.microsite-atr-bpn-body.thn-2020 .widget-area-3.is_stuck {
    top: 173px !important;
    background: #fff;
    padding: 15px 15px;
    margin: 0px -15px;
    width: 300px !important;
}
.microsite-atr-bpn-body.thn-2020 .banner-atr {
    z-index: 9;
}
.microsite-atr-bpn-body.thn-2020 .col-right {
    background: #fff;
    padding: 15px;
    position: relative;
}
.microsite-atr-bpn-body.thn-2020 .microsite-atr-bpn .info {
    display: flex;
    justify-content: space-between;
}
.microsite-atr-bpn-body.thn-2020 .instagram-media.instagram-media-rendered {
    width: 270px !important;
    min-width: 270px !important;
}
.microsite-atr-bpn-body.thn-2020 .widget-area-3 .post-thumb img {
    border: 5px solid #FFFFFF;
}
.microsite-atr-bpn-body.thn-2020 .widget-area-3 .suara-thumb-big-carousel-widget .item-content {
    position: relative;
    background: #F2F2F2;
    padding-bottom: 30px;
}
.microsite-atr-bpn-body.thn-2020 .widget-area-3 .suara-thumb-big-carousel-widget .item-content .post-title {
    color: #1b1b1b;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
}
.microsite-atr-bpn-body.thn-2020 .widget-area-3 .suara-thumb-big-carousel-widget .item-content .post-sub {
    color: #333333;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
}
.microsite-atr-bpn-body.thn-2020 .widget-area-3 .suara-thumb-big-carousel-widget .info-cat-date {
    display: flex;
    justify-content: space-between;
    padding: 18px 15px 10px 15px;
    background: #E0E0E0;
}
.microsite-atr-bpn-body.thn-2020 .widget-area-3 .suara-thumb-big-carousel-widget .info-cat-date span:first-child {
    display: flex;
    color: #003D69;
    text-transform: uppercase;
    font-size: 18px;
}
.microsite-atr-bpn-body.thn-2020 .widget-area-3 .suara-thumb-big-carousel-widget .info-cat-date span:first-child img {
    height: 15px;
    width: 30px;
    margin-right: 7px;
}
.microsite-atr-bpn-body.thn-2020 .br-line {
    display: flex;
    position: absolute;
}
.microsite-atr-bpn-body.thn-2020 .br-line img:first-child {
    width: 190px;
}
.microsite-atr-bpn-body.thn-2020 .br-line img:last-child {
    left: -10px;
    position: relative;
}
.btn-detail-atr {
    background: #003D69;
    border-radius: 35px;
    color: #fff;
    padding: 8px 18px;
    display: inline-block;
}
.btn-detail-atr:hover {
    color: #fff;
}
.microsite-atr-bpn-body.thn-2020 .widget.suara-thumb-big-carousel-widget {
    margin-bottom: 15px;
}
.microsite-atr-bpn-body.thn-2020 .item-inner .post-thumb img {
    border-top: 5px solid #FFFFFF;
    border-left: 5px solid #FFFFFF;
    border-right: 5px solid #FFFFFF;    
    margin-bottom: 5px;
    width: 100%;
    height: auto;
}
.microsite-atr-bpn-body.thn-2020 .item-inner {
    box-shadow: none;
    border-radius: 0px;
}
.microsite-atr-bpn-body.thn-2020 .item-inner .suara-date-box {
    background:url(../images/placeholders/microsite/atr-bpn/date-bg.png); 
    background-size: cover;
    width: 48px;
    height: 90px;
    padding: 10px 5px;
    left: -1px;
    top: -1px
}
.microsite-atr-bpn-body.thn-2020 .item-inner .suara-date-box .suara-mon,
.microsite-atr-bpn-body.thn-2020 .item-inner .suara-date-box .suara-day {
    background: none;
    padding: 0px;
    color: #003D69;
    font-family: "poppins", sans-serif;
}
.microsite-atr-bpn-body.thn-2020 .item-inner .suara-date-box .suara-day {
    border-bottom: 1px solid #003D69;
    padding-bottom: 7px;
    font-weight: bold;
    font-size: 24px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.microsite-atr-bpn-body.thn-2020 .item-inner .item-content {
    background: #F2F2F2;
    padding-bottom: 25px;
}
.microsite-atr-bpn-body.thn-2020 .info-atr {
    display: flex;
    justify-content: space-between;
    padding: 10px 0px 0px 0px;
    margin-bottom: 7px;
}
.microsite-atr-bpn-body.thn-2020 .info-atr span {
    margin: 0px;
}
.microsite-atr-bpn-body.thn-2020 .info-atr span:first-child {
    display: flex;
    align-items: center;
    font-family: "poppins", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 22px;
    color: #003D69;
    letter-spacing: 0px;
}
.microsite-atr-bpn-body.thn-2020 .info-atr span:first-child img {
    width: 18px;
    height: 11px;
    margin-right: 5px;
}
.microsite-atr-bpn-body.thn-2020 .item-inner .br-line img {
    border: 0px;
    border-radius: 0px;
    top: -1px;
}
.microsite-atr-bpn-body.thn-2020 .item-inner .br-line img:first-child {
    width: 125px;
}
.microsite-atr-bpn-body.thn-2020 .item-inner .br-line img:last-child {
    width: 203px;
}
.microsite-atr-bpn-body.thn-2020 .item-inner p {
    margin-bottom: 15px;
}
.microsite-atr-bpn-body.thn-2020 .item-inner .post-title a {
    color: #1b1b1b;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
}
.microsite-atr-bpn-body.thn-2020 .item-inner .post-title a:hover {
    color: #1b1b1b; 
} 
.microsite-atr-bpn-body.thn-2020 .item-outer.min-5 .item-inner .suara-date-box {
    left: -5px;
    top: -5px;
}
.suara-list-posts-widget.list-new .post-thumb {
    width: 100%;
    height: auto;
}
.suara-list-posts-widget.list-new .item-content {
    padding-right: 20px;
}
.suara-list-posts-widget.list-new {
    margin-bottom: 10px !important;
}
.suara-list-posts-widget.list-new .list-unstyled {
    display: flex;
    flex-wrap: wrap;
}
.suara-list-posts-widget.list-new .list-unstyled .item-outer {
    width: 326px;
}
.suara-list-posts-widget.list-new .item-outer:nth-of-type(odd) .item {
    padding-left: 0px;
    padding-right: 7.5px;
}
.suara-list-posts-widget.list-new .item-outer:nth-of-type(even) .item {
    padding-left: 7.5px;
    padding-right: 0px;
}

/* Margin Padding Helper */
.m0 {margin: 0 !important;}
    .mt0 {margin-top: 0 !important;}
    .mr0 {margin-right: 0 !important;}
    .mb0 {margin-bottom: 0 !important;}
    .ml0 {margin-left: 0 !important;}

.m5 {margin: 5px !important;}
    .mt5 {margin-top: 5px !important;}
    .mr5 {margin-right: 5px !important;}
    .mb5 {margin-bottom: 5px !important;}
    .ml5 {margin-left: 5px !important;}

.m10 {margin: 10px !important;}
    .mt10 {margin-top: 10px !important;}
    .mr10 {margin-right: 10px !important;}
    .mb10 {margin-bottom: 10px !important;}
    .ml10 {margin-left: 10px !important;}
    
    .mt13 {margin-top: 13px !important;}

.m15 {margin: 15px !important;}
    .mt15 {margin-top: 15px !important;}
    .mr15 {margin-right: 15px !important;}
    .mb15 {margin-bottom: 15px !important;}
    .ml15 {margin-left: 15px !important;}

.m10 {margin: 10px !important;}
    .mt10 {margin-top: 10px !important;}
    .mr10 {margin-right: 10px !important;}
    .mb10 {margin-bottom: 10px !important;}
    .ml10 {margin-left: 10px !important;}

.m-15 {margin: -15px !important;}
    .mt-15 {margin-top: -15px !important;}
    .mr-15 {margin-right: -15px !important;}
    .mb-15 {margin-bottom: -15px !important;}
    .ml-15 {margin-left: -15px !important;}

.p0 {padding: 0 !important;}
    .pt0 {padding-top: 0 !important;}
    .pr0 {padding-right: 0 !important;}
    .pb0 {padding-bottom: 0 !important;}
    .pl0 {padding-left: 0 !important;}

.p5 {padding: 5px !important;}
    .pt5 {padding-top: 5px !important;}
    .pr5 {padding-right: 5px !important;}
    .pb5 {padding-bottom: 5px !important;}
    .pl5 {padding-left: 5px !important;}

.p10 {padding: 10px !important;}
    .pt10 {padding-top: 10px !important;}
    .pr10 {padding-right: 10px !important;}
    .pb10 {padding-bottom: 10px !important;}
    .pl10 {padding-left: 10px !important;}

.p15 {padding: 15px !important;}
    .pt15 {padding-top: 15px !important;}
    .pr15 {padding-right: 15px !important;}
    .pb15 {padding-bottom: 15px !important;}
    .pl15 {padding-left: 15px !important;}

.haji .suara-list-posts-widget.list-new .covid-19 .suara-date-box {
    background: url(../images/placeholders/microsite/haji2022/biru-tua.png);
    background-size: cover;
    width: 40px;
    height: 70px;
    padding: 0px 5px;
    border-bottom: 0px;
}
.haji .btn-detail-covid{
    background: #000B36;
}
.haji ul.pagination{
    background-color: #fff;
    border-right: none;
}
.haji ul.pagination li{
    border: none;
}
.haji ul.pagination li span, .haji ul.pagination li a{
    color: black;
    float: left;
    padding: 8px 12px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    border-radius: 20px;
    margin-right: 10px;
    line-height: 20px;
}
.haji ul.pagination li.active span{
    background-color: #000B36;
    color: white;
    border: 1px solid #4CAF50;
    float: left;
    padding: 8px 12px;
    text-decoration: none;
    transition: background-color .3s;
    border-radius: 20px;
    margin-right: 10px;
}