@charset "utf-8";
@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&family=Raleway:wght@300;400;600;700&display=swap);
.kotak_2,
.menu-desktop ul li,
.menu-desktop ul li:hover ul,
.tagl ul li,
[role=button] {
    display: inline-block
}

.btn-primary.personal,
.but-lgn,
.jdl_so,
.load-more a,
.title_rubrik {
    text-transform: uppercase
}

.thumb1 img,
.thumb1b img,
.thumb2 img,
.thumb_op img,
.thumb_pro img {
    transition: .2s ease-in-out
}

.cd-accordion-menu li,
.container-check,
[role=button],
button,
input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.ctn img,
.img_dtl,
img {
    object-fit: cover
}

body,
html {
    height: 100%;
    font-size: 13px
}

a {
    color: #04d
}

input:focus,
textarea:focus {
    outline: 0
}

[role=button],
button,
input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    background: 0 0;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-appearance: button
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

[role=button] {
    color: inherit;
    cursor: default;
    text-align: center;
    text-decoration: none;
    white-space: pre
}

.but-lgn,
.caritahu #nama-akun.fs14,
.caritahu .copyright,
.caritahu .icon-search,
.caritahu .jdl_tpk,
.caritahu .wrap-loginmenu,
.caritahu ul.dropdown-box-premium-user li a,
.kesehatan .color-white,
.kesehatan .copyright,
.kesehatan .icon-search,
.kesehatan .jdl_tpk,
.link2-orange a:hover,
.link2-red a:hover,
.link2-white a,
.momsmoneyid #nama-akun.fs14,
.momsmoneyid .color-white,
.momsmoneyid .copyright,
.momsmoneyid .icon-search,
.momsmoneyid .jdl_tpk,
.momsmoneyid .wrap-loginmenu,
.momsmoneyid ul.dropdown-box-premium-user li a,
.personalfinance #nama-akun.fs14,
.personalfinance .color-white,
.personalfinance .copyright,
.personalfinance .icon-search,
.personalfinance .jdl_tpk,
.personalfinance .wrap-loginmenu,
.personalfinance ul.dropdown-box-premium-user li a,
.regional .color-white,
.regional .copyright,
.regional .icon-search,
.regional .jdl_tpk,
a.link-orange:hover,
a.link-red:hover,
a.link-white {
    color: #fff !important
}

.link2-black a:hover,
.link2-grey a:hover,
.link2-orange a,
a.link-black:hover,
a.link-orange,
a.link-white:hover {
    color: #f90 !important
}

.link2-red a,
a.link-red {
    color: #fd2731 !important
}

.link2-black a,
a.link-black {
    color: #454444 !important
}

.link2-grey a,
a.link-grey {
    color: #666 !important
}

.link2-white a:hover {
    color: #ocf !important
}

.ctn img {
    width: 100% !important;
    height: auto !important
}

.ctn table,
td,
tr {
    padding: 8px;
    border: 1px solid #ededed
}

.ctn table,
caption {
    caption-side: top !important
}

.ctn tr:nth-child(2n) {
    background: #ededed
}

.ctn tr:nth-child(odd) {
    background: #fff
}

.tag,
.tmpt-search-m,
.video iframe,
.wrap-100 {
    width: 100%
}

.ff-Lato-Bold {
    font-family: lato, sans-serif;
    font-weight: 900
}

.ff-Lato-Regular {
    font-family: Lato, sans-serif;
    font-weight: 400
}

.ff-Lato-Semibold {
    font-family: Lato, sans-serif;
    font-weight: 700
}

.ff-RobotoSlab-Regular,
.jdl_n,
.nws ul li,
.nws_sm ul li {
    font-family: 'Roboto Slab', sans-serif;
    font-weight: 500
}

.bl_ls,
.but-lgn,
.hiuser,
.linkbackK,
.news-5col .bl_ls,
.slkp,
.ts2,
.ts3,
nav.touchhidebar a {
    font-family: lato, sans-serif
}

.wrap-content {
    width: 1100px !important;
    margin: 0 auto;
    font-size: 15px
}

.menu-desktop {
    display: flex;
    justify-content: space-between
}

.wrap-loginmenu {
    display: flex;
    width: 250px;
    margin-top: -2px;
    justify-content: flex-end
}

.wrap-hiuser {
    margin-top: -3px;
    display: flex
}

.hiuser {
    font-weight: 900;
    margin-top: 6px;
    margin-right: 5px
}

.btn-primary.personal {
    border: 0 transparent;
    font-size: 12px;
    font-weight: 700
}

.ktk-load {
    width: 250px;
    text-align: center;
    margin: 50px auto !important
}

.menu-desktop ul,
.menu-desktop ul li ul,
.tagl ul {
    margin-left: 0;
    padding-left: 0
}

.load-more a {
    text-align: center;
    color: #fff;
    padding: 10px 50px;
    background-color: #000 !important
}

#off_menu:hover .pos_mobile,
.caritahu .title_rubrik,
.cd-accordion-menu input[type=checkbox]:checked+label+ul,
.cd-accordion-menu input[type=checkbox]:checked+label:nth-of-type(n)+ul,
.container-cb input:checked~.checkmark-cb:after,
.container-check input:checked~.checkmark:after,
.hf-desktop,
.logoKontan,
.momsmoneyid .title_rubrik,
.personalfinance .title_rubrik,
input.trigmenu:checked~.wrapmenu,
input.trigsearch:checked~.wrapmsearch {
    display: block
}

.hf-mobile {
    display: none
}

.list-inner,
.list-lr {
    margin-left: 0;
    margin-right: 0
}

.but-lgn {
    font-weight: 400;
    border: 1px solid #fff;
    padding: 6px 12px;
    border-radius: 0;
    font-size: 13px !important;
    background-color: #0076bf
}

.linkbackK,
.menu-desktop ul {
    font-weight: 700;
    font-size: 15px
}

.but-lgn:hover {
    background-color: #02cafb !important;
    cursor: pointer
}

.head-mobile .wrap-logo {
    display: flex;
    justify-content: center;
    margin-top: 4px
}

.nav-scroller.touchhidebar {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.touchhidebar::-webkit-scrollbar {
    display: none
}

nav.touchhidebar a {
    font-weight: 600;
    font-size: 15px
}

.linkbackK {
    padding: 3px 7px 0;
    background-color: #09395b;
    color: #fff;
    margin: 6px 5px 2px 0
}

.wrap-search {
    display: flex;
    justify-content: right;
    margin-top: 0
}

.tmpt-search {
    height: 36px;
    width: 250px;
    margin-top: 3px
}

.arsi {
    background-color: transparent !important;
    border: 0
}

.arsi:focus {
    border: 0;
    color: #ccc
}

.arsi::placeholder {
    color: #ccc
}

.icon-search {
    z-index: 2;
    font-size: 25px;
    position: absolute;
    right: 25px;
    top: 0
}

.float-now-skycrap,
.pos_mobile {
    position: fixed;
    top: 0
}

.tpt-button {
    text-align: right
}

.on-768 {
    display: none !important
}

.color_icosrc {
    color: #a0dbff;
    margin-top: 5px
}

.lg_desktop {
    width: 200px;
    height: auto !important;
    margin-bottom: 0
}

.lg_desktop2 {
    width: 360px !important;
    height: 35px !important;
    margin-bottom: 0
}

.menu-desktop ul {
    font-family: Poppins, arial;
    list-style-type: none;
    color: #fff;
    display: inline-flex;
    margin-bottom: 8px;
    padding-top: 3px;
    letter-spacing: .5pt
}

.menu-desktop ul li {
    margin-right: 15px;
    cursor: pointer;
    position: relative;
    padding-bottom: 2px;
    line-height: 17px;
    font-size: 14px;
    letter-spacing: .5pt
}

.head-mobile .title_rubrik,
.menu-desktop ul li .fa {
    font-size: 18px
}

.menu-desktop ul li a:hover {
    color: #f90;
    padding-bottom: 15px
}

.menu-desktop ul li ul {
    list-style-type: none;
    color: #fff;
    z-index: 2;
    font-size: 13px;
    display: none;
    position: absolute;
    top: 31px;
    left: -10px;
    font-weight: 400 !important
}

.menu-desktop ul li ul li {
    list-style-type: none;
    padding: 5px 10px 7px;
    background-color: #fff;
    min-width: 150px;
    display: list-item
}

.title_rubrik {
    font-family: Montserrat, arial;
    font-size: 30px;
    letter-spacing: -1px
}

.title_rubrik::nth-last-letter {
    font-weight: 700
}

.first-word {
    font-style: italic
}

.pos_mobile {
    left: -2px;
    width: 280px;
    background-color: #fff;
    display: none;
    text-align: left;
    z-index: 53;
    border-right: 0px solid #eee;
    padding-left: 10px;
    padding-right: 10px;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden
}

.article__flex,
.article__subtitle,
.article__title,
.left_sec,
.left_secb,
.lifestyle .video,
.ls_txt,
.nano,
.news-5col .ls_txt,
.news-5col .thumb_ls,
.sli_img,
.thumb1b,
.thumb_ls,
.thumb_op,
.thumb_pro,
.ts1,
.ts2,
.ts3 {
    overflow: hidden
}

.sec_kiri {
    width: 785px;
    float: left;
    margin-right: 15px
}

.sec_kanan {
    width: 300px;
    float: left
}

.bg_atas2 {
    height: 230px
}

.pad-jm-l {
    padding-left: 2px !important;
    padding-right: 2px !important
}

.dflex,
.wrap-tag {
    display: flex
}

.sec_kiri .ctn {
    width: 75%
}

#skycrapper-left-ads {
    display: block;
    width: 160px;
    height: 600px;
    margin-right: 15px
}

.thumb1,
.thumb1_mobile,
.thumb1x_mobile,
.thumb2 {
    position: relative;
    overflow: hidden
}

.kiri-det-desk {
    width: 160px;
    float: left;
    margin-right: 15px
}

.tag.tagtxt {
    width: 200px
}

.tagl ul {
    list-style: none
}

.tagl ul li {
    list-style: none;
    margin: 0 5px 7px 1px;
    font-size: 14px;
    font-weight: 300;
    color: #000
}

.tagl ul li a {
    color: #000;
    font-family: TruenoRg, DINPro-Regular, Helvetica, Arial, sans-serif;
    padding: 5px 10px;
    border-radius: 5px;
    background: #dfdfdf;
    display: block
}

.kotak_2,
.kotak_3,
.kotak_3c {
    border: 1px solid #eee;
    margin-bottom: 12px
}

.thumb1 img,
.thumb1 img:hover,
.thumb1_mobile img,
.thumb1b img,
.thumb1b img:hover,
.thumb1x_mobile img,
.thumb2 img,
.thumb_op img,
.thumb_pro img {
    border: 0;
    width: auto !important;
    height: 100%;
    margin: auto
}

.kotak_3,
.kotak_3c {
    width: 32.28%;
    float: left;
    margin-right: 12px;
    min-height: 200px
}

.kotak_3b,
.news-5col ul li {
    min-height: 210px;
    float: left
}

.kotak_3:nth-child(3),
.kotak_3c:nth-child(3) {
    margin-right: 0 !important
}

.kotak_2 {
    width: 66%;
    margin-right: 0;
    height: 450px
}

.kotak_3b {
    width: 31.74%;
    margin-right: 12px;
    margin-bottom: 12px;
    border: 0 solid #eee;
    margin-top: 10px;
    text-align: center
}

.jdl_h1,
label {
    margin-bottom: 0
}

.box_5 {
    display: block;
    background-color: #edeef2;
    min-height: 255px;
    padding: 10px 15px
}

.box_blue_black {
    background-color: #002c45;
    padding: 15px;
    display: block;
    color: #fff;
    min-height: 200px
}

.box_white_r2,
.box_white_right {
    margin-top: 10px !important;
    min-height: 230px;
    border: 1px solid #eee;
    background-color: #fff;
    display: block
}

.box_white_right {
    padding: 15px
}

.round,
.slkp {
    padding-bottom: 5px
}

.box_white_r2 h3 a,
.box_white_r2 ul li a {
    font-family: Poppins !important
}

.box_white_r2 img {
    max-width: 100%
}

.left_sec {
    background-color: #fff;
    max-height: 275px
}

.thumb1,
.thumb1_mobile,
.thumb1b,
.thumb1x_mobile,
.thumb2,
.thumb_op,
.thumb_pro {
    width: 100%;
    text-align: center;
    background-color: #e9e9e9
}

.thumb1 {
    height: 275px
}

.thumb1 img,
.thumb2 img {
    transform: scale(1.15)
}

.thumb1 img:hover {
    transform: scale(1.3);
    cursor: pointer
}

.thumb1_mobile,
.thumb1x_mobile {
    height: 170px
}

.thumb1_mobile img,
.thumb1x_mobile img {
    transform: scale(1.7)
}

.jdl_blue {
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #00629d
}

.jdl_h1,
.ls1 ul {
    font-weight: 500
}

.jdl_h1 {
    font-family: Roboto Slab, sans-serif;
    font-size: 28px;
    line-height: 29px;
    margin-top: 2px;
    letter-spacing: -.5px
}

.ts1 {
    font-family: lato, sans-serif;
    font-weight: 400;
    font-size: 17px;
    margin-top: 8px;
    line-height: 21px
}

.ls1 ul {
    list-style-type: disc;
    color: #0076bf;
    font-family: 'Roboto Slab', sans-serif;
    margin-top: 10px;
    margin-left: -2px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 18px
}

.cd-accordion-menu li,
.cd-accordion-menu ul,
.ls_sch ul,
.ls_sch ul li {
    list-style-type: none
}

.ls1 ul li {
    padding-left: 0;
    margin-left: 0;
    margin-top: 3px
}

.ls1 ul li a {
    color: #0076bf;
    text-decoration: none
}

.ls1 ul li a:hover {
    color: #24a9fb;
    text-decoration: none
}

.jdl_blue2,
.jdl_blue3 {
    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #00629d
}

.thumb2 {
    height: 165px
}

.jdl_n {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 5px;
    margin-top: 5px
}

.ts2,
.ts3 {
    line-height: 17.5px;
    margin-top: 10px
}

.ts2 {
    font-weight: 400;
    font-size: 13.4px;
    max-height: 65px
}

.hktk3 {
    min-height: 370px !important
}

.hktk4 {
    max-height: 450px !important
}

.jdl_so {
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: 10px;
    left: 10px;
    text-shadow: 2px 2px 4px #000;
    font-weight: 700
}

.thumb1b,
.thumb_op,
.thumb_pro,
.wrap-sosmed {
    position: relative
}

.ts3 {
    font-weight: 900;
    font-size: 13.4px;
    max-height: 138px !important
}

.slkp {
    border-top: 1px solid #eee;
    padding-top: 5px;
    text-align: center;
    font-weight: 400
}

.color_down {
    color: #ff4c6a !important
}

.color_up {
    color: #35bc94 !important
}

.round {
    border-bottom: 1px solid #1d4054;
    margin-top: 3px
}

.sp_mar {
    margin-bottom: -5px
}

.thumb_pro {
    height: 80px
}

.thumb_op {
    height: 60px
}

.pad-kn {
    padding-left: 15px;
    padding-right: 0
}

.thumb1b {
    height: 240px
}

.thumb1b img {
    transform: scale(1.2)
}

.list_nws ul,
.list_nws ul li,
.news-5col ul,
.nws ul,
.nws_sm ul {
    padding-left: 0;
    margin-left: 0;
    list-style-type: none
}

.thumb1b img:hover {
    transform: scale(1.4);
    cursor: pointer
}

.left_secb {
    background-color: #fff;
    max-height: 240px
}

.ls_txt,
.news-5col .ls_txt {
    max-height: 140px;
    float: left
}

.list_nws ul li {
    display: block;
    padding-bottom: 10px;
    margin-bottom: 25px;
    border-bottom: 1px solid #eee
}

.thumb_ls {
    width: 173px;
    height: 100px;
    margin: 0 20px 15px auto;
    float: left
}

.bl_ls,
.gr_ls,
.news-5col .bl_ls {
    margin-right: 10px;
    font-size: 16px
}

.thumb_ls img.photolink {
    border: 3px solid transparent
}

.thumb_ls img {
    border: 0;
    width: 100%;
    height: auto !important;
    margin: auto
}

.ls_txt {
    margin-top: 0;
    width: 592px
}

.bl_ls,
.news-5col .bl_ls {
    font-weight: 700;
    color: #00629d
}

.gr_ls,
.news-5col .gr_ls {
    color: #9c9c9c;
    font-family: lato, sans-serif;
    font-weight: 400
}

.jdl_lst {
    font-family: Roboto Slab, sans-serif;
    font-size: 24.5px;
    line-height: 30px;
    font-weight: 450;
    letter-spacing: -.5px;
    margin-top: 0
}

img.img-gopay {
    width: 95px !important;
    height: 36px !important;
    margin-top: 8px !important
}

.paginations {
    background: #8ac051;
    color: #fff;
    padding: 0 10px;
    font-size: 14px;
    margin: 10px 0
}

.paginations a.button-pagination.active {
    background: #175e00;
    cursor: default;
    font-size: 16px
}

.ff-opensans {
    font-family: 'Open Sans', sans-serif
}

.paginations a.button-pagination {
    background: 0 0;
    box-shadow: none;
    padding: 0 10px;
    font-size: 14px;
    line-height: 35px;
    cursor: pointer;
    color: #fff;
    display: inline-block;
    margin: 0
}

.enter {
    clear: both;
    height: 10px
}

.news-5col ul li {
    width: 19.2%;
    margin-right: 1%
}

.news-5col ul li:nth-child(5n) {
    margin-right: 0
}

.news-5col .thumb_ls {
    margin: 0 auto;
    float: left;
    width: 100%;
    height: 100px
}

.news-5col .thumb_ls img {
    border: 0;
    width: 100%;
    height: 100px
}

.news-5col .ls_txt {
    width: 100%;
    margin-top: 5px
}

.news-5col .gr_ls {
    font-size: 12px;
    line-height: 11px
}

.news-5col .jdl_lst {
    font-size: 15px;
    line-height: 17px;
    font-family: lato, sans-serif;
    font-weight: 700;
    margin-top: 2px;
    letter-spacing: 0
}

.wrap-dropdownuser {
    position: absolute;
    right: 0;
    margin-top: 1px
}

ul.dropdown-box-premium-user {
    width: 175px;
    height: auto;
    position: absolute;
    list-style: none;
    right: 0;
    margin-right: 0;
    top: 0;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    border: 1px solid #1b6846;
    border-top: 0;
    -webkit-box-shadow: 6px 4px 24px -14px rgba(0, 0, 0, .72);
    -moz-box-shadow: 6px 4px 24px -14px rgba(0, 0, 0, .72);
    box-shadow: 6px 4px 24px -14px rgba(0, 0, 0, .72);
    -webkit-border-radius: 10px;
    border-radius: 0 0 5px 5px;
    color: #fff;
    padding: 18px;
    z-index: 10;
    font-family: calibri;
    text-align: left;
    display: none;
    flex-direction: column
}

.ktk-shr,
.ktk-shr-indeks {
    border-radius: 3px;
    text-align: center
}

.fcontainer {
    display: flex;
    flex-flow: column wrap;
    width: 100%
}

.fbot {
    align-items: flex-end
}

.pad-tb-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.pad-tb-7 {
    padding-top: 7px !important;
    padding-bottom: 7px !important
}

.listbut-shr {
    width: 100%;
    margin-left: 10px
}

.listbut-shr ul {
    padding-left: 0;
    margin-left: 0;
    list-style: none;
    margin-top: 5px
}

.listbut-shr ul li {
    list-style: none;
    display: inline-block
}

.belanjaon .wrap-loginmenu,
.belanjaon ul.dropdown-box-premium-user li a,
.caritahu #berita-terpopuler .head,
.caritahu #berita-terpopuler ol li a,
.caritahu .menu-desktop ul li .fa,
.caritahu .menu-desktop ul li a,
.caritahu .title_rubrik,
.kesehatan #berita-terpopuler .head,
.kesehatan #berita-terpopuler ol li a,
.kesehatan #off_menu,
.kesehatan .menu-desktop ul li .fa,
.kesehatan .menu-desktop ul li a,
.kesehatan .title_rubrik,
.listbut-shr ul li a,
.momsmoneyid #berita-terpopuler .head,
.momsmoneyid #berita-terpopuler ol li a,
.momsmoneyid .menu-desktop ul li .fa,
.momsmoneyid .menu-desktop ul li a,
.momsmoneyid .title_rubrik,
.newssetup .wrap-loginmenu,
.newssetup ul.dropdown-box-premium-user li a,
.personalfinance #berita-terpopuler .head,
.personalfinance #berita-terpopuler ol li a,
.personalfinance .menu-desktop ul li .fa,
.personalfinance .menu-desktop ul li a,
.personalfinance .title_rubrik,
.regional #berita-terpopuler .head,
.regional #berita-terpopuler ol li a,
.regional i.fa-search:focus,
.stocksetup .wrap-loginmenu,
.stocksetup ul.dropdown-box-premium-user li a,
.wrap-loginmenu,
ul.dropdown-box-premium-user li a {
    color: #fff
}

.ktk-shr {
    padding: 5px 15px
}

.ktk-shr-indeks {
    width: 150px;
    padding: 5px;
    background: #53b9e9
}

#berita-terpopuler .head {
    text-align: center;
    font-family: Poppins, Arial;
    padding: 10px 0 4px;
    font-size: 25px;
    font-weight: 700
}

#berita-terpopuler ol li {
    padding: 0 0 5px;
    margin: 0 0 .5rem;
    counter-increment: my-awesome-counter;
    position: relative
}

#berita-terpopuler ol li a {
    font-size: 16px;
    line-height: 10px;
    font-family: Raleway, arial;
    letter-spacing: -.5px
}

#berita-terpopuler ol {
    counter-reset: my-awesome-counter;
    list-style: none;
    padding-left: 40px
}

#berita-terpopuler ol li::before {
    content: counter(my-awesome-counter);
    font-family: Poppins, arial;
    letter-spacing: -.5px;
    font-size: 1.5rem;
    font-weight: 700;
    position: absolute;
    --size: 32px;
    left: calc(-1 * var(--size) - 5px);
    line-height: var(--size);
    width: var(--size);
    height: var(--size);
    top: 3px;
    text-align: center;
    box-shadow: 1px 1px 0 #999;
    color: #fff;
    background-color: #000
}

.lifestyle .bg_atas .wrap-100.pad-t-10.hf-desktop {
    border-top: 1px solid #f1b343 !important
}

.kesehatan .bg_atas2,
.kesehatan .tmpt-search {
    background-color: #2695b7
}

.kesehatan .bg_atas {
    background-color: #30b3db
}

.kesehatan .menu-desktop ul {
    font-size: 14px
}

.kesehatan .btn-primary.personal {
    background-color: #0d7ea1
}

.kesehatan #berita-terpopuler {
    background: #0d7ea1;
    -webkit-box-shadow: 5px 5px 2px 0 rgba(13, 126, 161, .46), 13px 13px 3px -3px rgba(13, 126, 161, .23);
    box-shadow: 5px 5px 2px 0 rgba(13, 126, 161, .46), 13px 13px 3px -3px rgba(13, 126, 161, .23);
    border: 0
}

.kesehatan #berita-terpopuler ol li::before {
    background-color: #118ab0
}

.kesehatan .paginations {
    background: #0d7ea1
}

.kesehatan .paginations a.button-pagination.active {
    background: #2695b7
}

.kesehatan .menu-desktop ul li {
    text-align: center;
    font-family: Poppins, sans-serif;
    line-height: 16px
}

.kesehatan .head-mobile {
    background-color: #2695b7;
    padding-bottom: 6px
}

.kesehatan ul.dropdown-box-premium-user {
    background: #0d7ea1;
    background: linear-gradient(0deg, #0d7ea1 43%, #30b3db 74%);
    border: 1px solid #0a607b;
    border-top: 0 solid
}

.kesehatan .load-more a .kesehatan .btn-warning,
.kesehatan .load-more a.btn.btn-warning {
    color: #fff;
    background-color: #2694b6 !important;
    border: 0 solid #30b3db
}

.kesehatan .btn-warning:hover {
    color: #fff;
    background-color: #30b3db !important;
    border: 0 solid #30b3db
}

.kesehatan a.link-black:hover {
    color: #30b3db !important
}

.kesehatan .logoKontan {
    background-image: url('https://assets.kontan.co.id/debar/images/branding_kesehatan_t.png');
    background-size: contain;
    height: 50px;
    width: 250px;
    background-repeat: no-repeat;
    margin-top: 0
}

.belanjaon .title_rubrik,
.kesehatan .title_rubrik,
.lifestyle .title_rubrik,
.newssetup .title_rubrik,
.regional .title_rubrik,
.showHide,
.stocksetup .title_rubrik,
.title_rubrik,
.wrapmenu,
.wrapmsearch,
figcaption,
input.trigmenu,
input.trigsearch {
    display: none
}

.bor-bot-white,
.kesehatan .bor-bot {
    border-bottom: 1px solid #fff
}

.caritahu .linkbackK,
.kesehatan .linkbackK,
.lifestyle .linkbackK,
.momsmoneyid .linkbackK,
.personalfinance .linkbackK {
    background-color: #175a6e;
    color: #fff
}

.kesehatan .paginations a.button-pagination.active {
    border: 0;
    color: #fff
}

.caritahu .bg_atas,
.momsmoneyid .bg_atas,
.personalfinance .bg_atas {
    background-color: #218157
}

.caritahu .bg_atas2,
.caritahu .bg_atas3,
.caritahu .load-more a,
.caritahu .tmpt-search,
.momsmoneyid .bg_atas2,
.momsmoneyid .bg_atas3,
.momsmoneyid .load-more a,
.momsmoneyid .tmpt-search,
.personalfinance .bg_atas2,
.personalfinance .bg_atas3,
.personalfinance .load-more a,
.personalfinance .tmpt-search {
    background-color: #1b6846
}

.caritahu .paginations a.button-pagination.active,
.momsmoneyid .paginations a.button-pagination.active,
.personalfinance .paginations a.button-pagination.active {
    background-color: #175e00;
    color: #fff
}

.caritahu .paginations,
.momsmoneyid .paginations,
.personalfinance .paginations {
    background-color: #8ac051
}

.caritahu #berita-terpopuler,
.momsmoneyid #berita-terpopuler,
.personalfinance #berita-terpopuler {
    background-color: #218157;
    border: 0
}

.caritahu #berita-terpopuler ol li::before,
.momsmoneyid #berita-terpopuler ol li::before,
.personalfinance #berita-terpopuler ol li::before {
    color: #fff;
    background-color: #1b6846
}

.caritahu .arsi,
.caritahu input[type=text],
.lifestyle .arsi,
.lifestyle input[type=text],
.momsmoneyid .arsi,
.momsmoneyid input[type=text],
.personalfinance .arsi,
.personalfinance input[type=text] {
    color: #854d13
}

.caritahu .btn-primary.personal,
.momsmoneyid .btn-primary.personal,
.personalfinance .btn-primary.personal {
    background-color: #1b6846;
    color: #fff
}

.caritahu .head-mobile,
.momsmoneyid .head-mobile,
.personalfinance .head-mobile {
    background-color: #218157;
    padding-bottom: 6px
}

.belanjaon .bg_atas3,
.bg_atas3,
.caritahu .bg_atas3,
.lifestyle .bg_atas3,
.momsmoneyid .bg_atas3,
.newssetup .bg_atas3,
.personalfinance .bg_atas3,
.regional .bg_atas3,
.stocksetup .bg_atas3 {
    background-color: #f6ba7
}

.caritahu ul.dropdown-box-premium-user,
.momsmoneyid ul.dropdown-box-premium-user,
.personalfinance ul.dropdown-box-premium-user {
    background-color: #218157;
    border-color: #ecb277
}

.caritahu #nama-akun .bor-all,
.momsmoneyid #nama-akun .bor-all,
.personalfinance #nama-akun .bor-all {
    border-color: #fff
}

.caritahu .bor-top,
.momsmoneyid .bor-top,
.personalfinance .bor-top {
    border-bottom: 0 !important
}

.caritahu .nav-scroller nav a,
.lifestyle .nav-scroller nav a,
.momsmoneyid .nav-scroller nav a,
.personalfinance .nav-scroller nav a {
    color: #693806
}

.caritahu .logoKontan,
.momsmoneyid .logoKontan,
.personalfinance .logoKontan {
    background-image: url('images/logo_koid.png');
    background-size: contain;
    height: 28px;
    width: 190px;
    background-repeat: no-repeat;
    margin-top: 8px
}

.lifestyle .logoKontan,
.regional .logoKontan {
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 0;
    width: 250px;
    height: 50px
}

.lifestyle .menu-desktop ul li .fa,
.lifestyle .menu-desktop ul li a,
.lifestyle .title_rubrik {
    color: #5b422e
}

.lifestyle .bg_atas {
    background-color: #f4e4c4
}

.lifestyle .bg_atas2,
.lifestyle .bg_atas3,
.lifestyle .load-more a,
.lifestyle .paginations {
    background-color: #f1b343
}

.lifestyle .paginations a.button-pagination.active {
    background-color: #f68b1f
}

#berita-terpopuler .head,
#berita-terpopuler ol li a,
.belanjaon #berita-terpopuler .head,
.belanjaon #berita-terpopuler ol li a,
.belanjaon .menu-desktop ul li .fa,
.belanjaon .menu-desktop ul li a,
.belanjaon .paginations,
.belanjaon .title_rubrik,
.belanjaon nav.touchhidebar a,
.jixie-article ul li a,
.lifestyle #berita-terpopuler .head,
.lifestyle #berita-terpopuler ol li a,
.menu-desktop ul li .fa,
.menu-desktop ul li a,
.newssetup #berita-terpopuler .head,
.newssetup #berita-terpopuler ol li a,
.newssetup .menu-desktop ul li .fa,
.newssetup .menu-desktop ul li a,
.newssetup .title_rubrik,
.stocksetup #berita-terpopuler .head,
.stocksetup #berita-terpopuler ol li a,
.stocksetup .menu-desktop ul li .fa,
.stocksetup .menu-desktop ul li a,
.stocksetup .title_rubrik,
.title_rubrik {
    color: #000
}

.lifestyle #berita-terpopuler {
    background-color: #f4f4f4
}

.lifestyle #berita-terpopuler ol li::before {
    color: #fff;
    background-color: #f1b343
}

.lifestyle .tmpt-search {
    background-color: #f6a858
}

.lifestyle .btn-primary.personal {
    background-color: #f6a858;
    color: #000
}

.lifestyle .head-mobile {
    background-color: #f4e4c4;
    padding-bottom: 6px
}

.lifestyle ul.dropdown-box-premium-user {
    background-color: #f4e4c4;
    border-color: #ecb277
}

.lifestyle #nama-akun.fs14,
.lifestyle .wrap-loginmenu,
.lifestyle ul.dropdown-box-premium-user li a,
.regional .wrap-loginmenu .regional #nama-akun.fs14 {
    color: #5b422e !important
}

#nama-akun .bor-all,
.belanjaon #nama-akun .bor-all,
.lifestyle #nama-akun .bor-all,
.newssetup #nama-akun .bor-all,
.stocksetup #nama-akun .bor-all {
    border-color: #5b422e
}

.lifestyle .logoKontan {
    background-image: url('https://assets.kontan.co.id/debar/images/branding_lifestyle_t.png')
}

.lifestyle .bor-bot {
    border-bottom: 1px solid #f6840f
}

.regional .icon-search,
.regional .menu-desktop ul li .fa,
.regional .menu-desktop ul li a,
.regional .title_rubrik {
    color: #15313a
}

.regional .logoKontan {
    background-image: url('http://assets.kontan.co.id/debar/images/branding_regional.png')
}

.regional .bg_atas {
    background-color: #fff;
    background-image: linear-gradient(315deg, #fff 0, #d7e1ec 74%)
}

.lifestyle .bg_atas3,
.lifestyle .paginations,
.regional .bg_atas2,
.regional .btn-warning,
.regional .load-more a {
    background-color: #bdd4e7;
    background-image: linear-gradient(315deg, #bdd4e7 0, #4a707a 74%)
}

.regional .bor-top {
    border-top: 1px solid #94b0b7
}

.regional .menu-desktop ul li a:hover,
.regional a.link-black:hover {
    color: #68939e !important
}

.regional .paginations a.button-pagination.active {
    background-color: #dfdfdf;
    border: 0;
    color: #000
}

.regional .btn-warning,
.regional .load-more a {
    border-color: #4a707a !important;
    font-weight: 700;
    color: #fff;
    transition: color .5s ease-out
}

.regional .btn-warning:hover,
.regional .load-more a:hover {
    color: #4a707a;
    border-color: #4a707a;
    background-image: none
}

.regional #berita-terpopuler ol li a:hover {
    color: #b6ecfa
}

.regional #berita-terpopuler {
    background-color: transparent;
    background-image: linear-gradient(315deg, #bdd4e7 0, #4a707a 47%);
    border: 0
}

.regional #berita-terpopuler ol li::before {
    color: #4a707a;
    background-color: #d7e1ec
}

.regional .thumb_ls:hover img.photolink:hover {
    border-color: #68939e;
    transition: .5s ease-in-out
}

.regional .tmpt-search {
    background-color: #68939e
}

.regional .arsi,
.regional input[type=text] {
    color: #fff;
    margin-top: 3px
}

.regional .hiuser,
.regional i.fa-search {
    color: #4a707a
}

.regional .btn-primary.personal {
    background-color: #b1bfd8;
    background-image: linear-gradient(-30deg, #6aa0ae 0, #4a707a 66%);
    color: #fff
}

.regional .head-mobile {
    background-color: transparent;
    padding-bottom: 6px;
    background-image: linear-gradient(315deg, #fff 0, #d7e1ec 74%)
}

.regional ul.dropdown-box-premium-user {
    background-image: linear-gradient(315deg, #fff 0, #d7e1ec 74%);
    border-color: #577c87;
    color: #4a707a
}

.regional #nama-akun .bor-all {
    border-color: #8aa8b7;
    color: #4a707a
}

.regional ul.dropdown-box-premium-user li a {
    color: #15313a !important
}

.regional .paginations {
    background: 0 0;
    background-image: linear-gradient(315deg, #bdd4e7 0, #4a707a 74%);
    color: #fff;
    padding: 0 10px;
    font-size: 14px;
    margin: 10px 0
}

.newssetup nav.touchhidebar a,
.regional nav.touchhidebar a,
.stocksetup nav.touchhidebar a,
nav.touchhidebar a {
    color: #09395b
}

.regional .bor-bot {
    border-bottom: 1px solid #698b97
}

.belanjaon .bg_atas,
.belanjaon .bg_atas2,
.belanjaon .bg_atas3,
.bg_atas,
.bg_atas2,
.bg_atas3,
.newssetup .bg_atas,
.newssetup .bg_atas2,
.newssetup .bg_atas3,
.stocksetup .bg_atas,
.stocksetup .bg_atas2,
.stocksetup .bg_atas3 {
    background-color: #fff
}

.belanjaon .tmpt-search,
.carousel-control-next,
.carousel-control-next:hover,
.carousel-control-prev,
.carousel-control-prev:hover,
.newssetup .load-more a,
.newssetup .paginations,
.newssetup .tmpt-search,
.paginations,
.stocksetup .load-more a,
.stocksetup .paginations,
.stocksetup .tmpt-search,
.tmpt-search {
    background-color: #000
}

.newssetup .paginations a.button-pagination.active,
.paginations a.button-pagination.active,
.stocksetup .paginations a.button-pagination.active {
    background-color: #fff;
    border: 1px solid #000;
    color: #000
}

.load-more a:hover,
.newssetup .load-more a:hover,
.stocksetup .load-more a:hover {
    color: #fff !important;
    text-decoration: underline !important
}

.newssetup #berita-terpopuler,
.stocksetup #berita-terpopuler {
    background-color: #fff;
    border: 1px solid #000;
    border-top: 10px solid #000;
    margin-bottom: 10px
}

.newssetup #berita-terpopuler ol li::before,
.stocksetup #berita-terpopuler ol li::before {
    color: #fff;
    background-color: #000
}

.arsi,
.belanjaon .arsi,
.belanjaon input[type=text],
.newssetup .arsi,
.newssetup input[type=text],
.stocksetup .arsi,
.stocksetup input[type=text],
input[type=text] {
    color: #fff;
    font-family: Raleway, arial
}

.belanjaon .btn-primary.personal,
.btn-primary.personal,
.newssetup .btn-primary.personal,
.stocksetup .btn-primary.personal {
    background-color: #000;
    color: #fff
}

.belanjaon .head-mobile,
.head-mobile,
.newssetup .head-mobile,
.stocksetup .head-mobile {
    background-color: #fff;
    border-bottom: 1px solid #ddd
}

.belanjaon ul.dropdown-box-premium-user,
.newssetup ul.dropdown-box-premium-user,
.stocksetup ul.dropdown-box-premium-user,
ul.dropdown-box-premium-user {
    background-color: #000;
    border-color: #000
}

.belanjaon #berita-terpopuler,
.belanjaon .load-more a,
.belanjaon .paginations {
    background-color: #fff;
    border: 1px solid #ec1b7b
}

#nama-akun.fs14,
.belanjaon #nama-akun.fs14,
.belanjaon .color-white,
.belanjaon .copyright,
.belanjaon .hiuser,
.belanjaon .icon-search,
.belanjaon .jdl_tpk,
.color-white,
.copyright,
.hiuser,
.icon-search,
.jdl_tpk,
.newssetup #nama-akun.fs14,
.newssetup .color-white,
.newssetup .copyright,
.newssetup .hiuser,
.newssetup .icon-search,
.newssetup .jdl_tpk,
.stocksetup #nama-akun.fs14,
.stocksetup .color-white,
.stocksetup .copyright,
.stocksetup .hiuser,
.stocksetup .icon-search,
.stocksetup .jdl_tpk {
    color: #000 !important
}

.stocksetup .logoKontan {
    background-image: url('https://assets.kontan.co.id/debar/images/branding_stocksetup_t.png');
    background-size: contain;
    height: 50px;
    width: 250px;
    background-repeat: no-repeat;
    margin-top: 0
}

.color-orange,
.newssetup .color-orange,
.stocksetup .color-orange {
    color: #0068ff !important
}

.belanjaon .bor-top,
.bor-top,
.newssetup .bor-top,
.stocksetup .bor-top {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd
}

.newssetup a.link-black:hover,
.stocksetup a.link-black:hover,
a.link-black:hover {
    color: #000 !important;
    text-decoration: underline !important
}

.btn-warning,
.newssetup .btn-warning,
.stocksetup .btn-warning {
    border: 0
}

.belanjaon .load-more a,
.belanjaon .menu-desktop ul li a:hover,
.belanjaon .paginations a,
.belanjaon a {
    color: #ec1b7b
}

.belanjaon .paginations a.button-pagination.active {
    background-color: #ec1b7b;
    border: 1px solid #ec1b7b;
    color: #fff
}

.belanjaon .load-more a:hover {
    color: #fff !important;
    text-decoration: underline !important;
    background-color: #ec1b7b
}

.belanjaon #berita-terpopuler {
    border-top: 10px solid #ec1b7b;
    margin-bottom: 10px
}

.belanjaon #berita-terpopuler ol li::before {
    color: #fff;
    background-color: #ec1b7b
}

.belanjaon .logoKontan {
    background-image: url('https://assets.kontan.co.id/debar/images/branding_belanjaon.png');
    background-size: contain;
    height: 50px;
    width: 280px;
    background-repeat: no-repeat;
    margin-top: -5px
}

.belanjaon .color-biru-dark,
.belanjaon .color-orange {
    color: #ec1b7b !important
}

.belanjaon a.link-black:hover {
    color: #ec1b7b !important;
    text-decoration: none
}

.belanjaon .linkbackK {
    background-color: unset;
    color: #000;
    margin: 2px 5px
}

.showcase .logoKontan {
    background-image: url('images/logo-normal.png');
    background-size: contain;
    height: 50px;
    width: 250px;
    background-repeat: no-repeat;
    margin-top: -5px
}

.logoKontan,
.newssetup .logoKontan {
    background-image: url('https://assets.kontan.co.id/debar/images/branding_newssetup.png');
    background-size: contain;
    height: 50px;
    width: 250px;
    background-repeat: no-repeat;
    margin-top: -5px
}

label {
    position: relative;
    display: block;
    cursor: pointer
}

#berita-terpopuler {
    background: #fff;
    padding: 0 10px;
    border: 1px solid #000;
    border-top: 10px solid #000;
    margin-bottom: 10px
}

.wrap-hiuser:hover ul.dropdown-box-premium-user {
    display: flex !important
}

.kiaton .logoKontan {
    background-image: url('https://assets.kontan.co.id/debar/images/branding_kiaton.png')
}

.sportsetup .logoKontan {
    background-image: url('https://assets.kontan.co.id/debar/images/branding_sportsetup.png')
}

.filmon .logoKontan {
    background-image: url('https://assets.kontan.co.id/debar/images/branding_filmon.png')
}

.cd-accordion-menu {
    width: 100%;
    max-width: 600px;
    box-sizing: none;
    padding-left: 0;
    margin-left: 0
}

.cd-accordion-menu ul {
    display: none;
    padding-left: 0;
    margin-left: 0;
    -webkit-padding-start: 0px !important
}

.cd-accordion-menu li {
    user-select: none;
    padding-left: 0;
    margin-left: 0;
    min-height: 32px;
    margin-top: 5px;
    font-weight: 700;
    color: #fff
}

.cd-accordion-menu input[type=checkbox] {
    position: absolute;
    opacity: 0
}

.cd-accordion-menu a,
.cd-accordion-menu label {
    position: relative;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
    color: #333
}

.no-touch .cd-accordion-menu a:hover,
.no-touch .cd-accordion-menu label:hover {
    background: #52565d
}

.cd-accordion-menu a::after,
.cd-accordion-menu label::after,
.cd-accordion-menu label::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cd-accordion-menu label,
.hcol:hover {
    cursor: pointer
}

.cd-accordion-menu label::after,
.cd-accordion-menu label::before {
    background-image: url("images/cd-icons2.svg");
    background-repeat: no-repeat;
    right: 0;
    color: #fff
}

.cd-accordion-menu a::after,
.cd-accordion-menu ul a::after,
.cd-accordion-menu ul label::after,
.cd-accordion-menu ul label::before,
.cd-accordion-menu ul ul a::after,
.cd-accordion-menu ul ul label::after,
.cd-accordion-menu ul ul label::before {
    right: 0
}

.cd-accordion-menu ul a,
.cd-accordion-menu ul label,
.cd-accordion-menu ul ul ul a,
.cd-accordion-menu ul ul ul label {
    padding-left: 20px
}

.no-touch .cd-accordion-menu ul a:hover,
.no-touch .cd-accordion-menu ul label:hover {
    background: #3c3f45;
    color: #fff
}

.cd-accordion-menu>li:last-of-type>a,
.cd-accordion-menu>li:last-of-type>label,
.cd-accordion-menu>li>ul>li:last-of-type a,
.cd-accordion-menu>li>ul>li:last-of-type label {
    box-shadow: none
}

.cd-accordion-menu ul ul a,
.cd-accordion-menu ul ul label {
    padding-left: 40px;
    font-weight: 400;
    color: #fff
}

.cd-accordion-menu ul ul ul label::before {
    right: 20px
}

.cd-accordion-menu ul ul ul a::after,
.cd-accordion-menu ul ul ul label::after {
    right: 60px
}

@media only screen and (min-width:600px) {
    .cd-accordion-menu a,
    .cd-accordion-menu label {
        font-size: 14px;
        color: #fff
    }
    .cd-accordion-menu label::after,
    .cd-accordion-menu label::before,
    .cd-accordion-menu ul a::after,
    .cd-accordion-menu ul label::after,
    .cd-accordion-menu ul label::before {
        right: 20px
    }
    .cd-accordion-menu ul a,
    .cd-accordion-menu ul label {
        padding-left: 20px
    }
    .cd-accordion-menu ul ul a,
    .cd-accordion-menu ul ul label {
        padding-left: 40px
    }
    .cd-accordion-menu ul ul a::after,
    .cd-accordion-menu ul ul label::after,
    .cd-accordion-menu ul ul label::before {
        right: 40px
    }
    .cd-accordion-menu ul ul ul a,
    .cd-accordion-menu ul ul ul label {
        padding-left: 60px
    }
    .cd-accordion-menu ul ul ul a::after,
    .cd-accordion-menu ul ul ul label::after,
    .cd-accordion-menu ul ul ul label::before {
        right: 60px
    }
}

.ls_sch ul,
.ls_sch ul li,
.nws ul li,
.nws_sm ul li {
    padding-left: 0;
    margin-left: 0
}

.cd-accordion-menu.animated label::before {
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s
}

.nano {
    position: relative;
    height: 400px;
    width: 100% !important
}

.nano .content,
.nano>.pane,
.pos_fb,
.pos_g,
.pos_rss,
.pos_tw {
    position: absolute
}

.nano .content {
    overflow: scroll;
    overflow-x: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.nano .content:focus {
    outline: dotted thin
}

.nano .content::-webkit-scrollbar {
    visibility: hidden
}

.has-scrollbar .content::-webkit-scrollbar {
    visibility: visible
}

.nano>.pane {
    background: rgba(227, 227, 227, .7);
    width: 5px;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .01;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.nano>.pane>.slider {
    background: rgba(243, 183, 28, .9);
    position: relative;
    margin: 0 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.nano:hover>.pane,
.pane.active,
.pane.flashed {
    opacity: .99
}

.nano .pane {
    background: #888
}

.nano .slider {
    background: #111
}

.nws ul li,
.nws_sm ul li {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 20px
}

.nws ul li:first-child {
    margin-top: 0
}

.jdl_tpk {
    color: #e74f1d;
    font-family: Montserrat;
    font-size: 26px;
    letter-spacing: -1px;
    font-weight: 700
}

.jdl_dtl {
    font-family: Poppins, sans-serif;
    font-size: 40px;
    line-height: 52px
}

.img_dtl {
    width: 100%;
    height: 450px;
    padding-bottom: 0;
    margin: 20px 0 0;
    object-position: top center;
    object-fit: contain
}

.ctn p,
ul li {
    font-size: 17px;
    line-height: 25px;
    font-family: Raleway, sans-serif
}

ul li strong {
    font-weight: 400
}

.tpt_shr {
    padding: 10px 0;
    width: 70%
}

.blt_shr {
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.pos_fb,
.pos_rss {
    top: 10px;
    left: 13px
}

.pos_tw {
    top: 10px;
    left: 10px
}

.pos_g {
    top: 10px;
    left: 8px
}

.pad_kright {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 0;
    padding-bottom: 15px
}

.padko {
    padding: 9px 10px;
    margin-top: 1px
}

.swiper-container {
    width: 100% !important
}

.kotak_sli {
    width: 670px;
    border: 1px solid #eee;
    height: 132px
}

.swiper-slide {
    width: 670px !important;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.sli_img {
    float: left
}

.sli_img img {
    width: auto !important;
    height: 130px !important
}

.sli_txt {
    float: left;
    padding: 10px;
    width: 465px;
    font-size: 23px
}

@media only screen and (max-width:600px) {
    .sli_img,
    .sli_txt {
        float: left
    }
    .jdl_blue3 {
        font-family: Arial, sans-serif;
        font-size: 13px;
        font-weight: 700;
        color: #00629d
    }
    .kotak_sli {
        width: 350px;
        border: 1px solid #eee;
        height: 102px
    }
    .swiper-slide {
        width: 350px !important;
        background-color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }
    .sli_img img {
        width: 158px !important;
        height: 100px !important;
        overflow: hidden
    }
    .sli_txt {
        padding: 10px;
        width: 189px;
        font-size: 12.5px
    }
    .left_sec {
        background-color: #fff;
        max-height: 500px;
        overflow: hidden
    }
    .sec_kiri .ctn {
        width: 100%
    }
    .jdl_dtl {
        margin-top: 0
    }
}

.btn_blue,
.btn_blue_a {
    border: 1px solid #fff;
    color: #fff
}

@media only screen and (min-width:601px) and (max-width:671px) {
    .kotak_sli {
        width: 600px
    }
    .swiper-slide {
        width: 600px !important
    }
    .sli_txt {
        float: left;
        padding: 10px;
        width: 395px;
        font-size: 20px
    }
}

.bg_atas3 {
    background-color: #1b6846;
    height: 150px
}

.tp_pay {
    border-radius: 15px;
    width: 100%;
    main-height: 288px;
    background-color: #0076be;
    background-position: left bottom;
    background-repeat: no-repeat;
    color: #fff;
    text-align: center
}

.btn_blue:hover,
.btn_blue_a {
    background-color: #3cf
}

.btn_blue_a:hover,
.search_input {
    background-color: transparent
}

.input_cont {
    display: flex;
    width: 100%;
    margin-bottom: 15px
}

.icon_sch {
    padding: 10px;
    color: #fff;
    min-width: 50px;
    text-align: center;
    font-size: 30px !important
}

.search_input {
    border-radius: 0;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: inherit;
    color: #fff;
    height: 60px;
    font-size: 36px !important;
    width: calc(100% - 56px);
    outline: 0
}

.bg_acr,
.bn_res {
    background-color: #eaebee
}

.bl_ls2,
.gr_ls2 {
    font-family: lato, sans-serif;
    font-weight: 700
}

.search_input::placeholder {
    color: #fff;
    font-weight: 700
}

.ls_sch ul li {
    padding-bottom: 10px;
    border-bottom: 1px solid #e3e3e3;
    padding-top: 10px
}

.jixie-article ul li:first-child,
.ls_sch ul li:first-child {
    padding-top: 0
}

.bl_ls2 {
    color: #00629d;
    font-size: 18px;
    margin-bottom: 1px
}

.gr_ls2 {
    color: #9c9c9c;
    font-size: 16px;
    margin-top: 5px !important
}

.bn_res,
.color_rc {
    color: #005e96
}

.bn_res {
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700
}

.container-cb,
.container-check {
    display: block;
    padding-left: 30px;
    font-size: 16px;
    font-family: lato, sans-serif;
    font-weight: 400;
    cursor: pointer
}

.in_pc {
    height: 35px
}

.in_pc::placeholder {
    font-size: 15px !important
}

.container-check {
    position: relative;
    margin-bottom: 14px;
    user-select: none
}

.container-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 23px;
    width: 23px;
    background-color: #eee;
    border-radius: 4px
}

.container-cb:hover input~.checkmark-cb,
.container-check:hover input~.checkmark {
    background-color: #ccc
}

.checkmark-cb,
.container-check input:checked~.checkmark {
    background-color: #eee
}

.checkmark-cb:after,
.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.container-check .checkmark:after {
    top: 4px;
    left: 4px;
    width: 15px;
    height: 15px;
    border-radius: 3px;
    background: #fff
}

.container-cb {
    position: relative;
    margin-bottom: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.container-cb input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkmark-cb {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border-radius: 5px
}

.container-cb input:checked~.checkmark-cb {
    background-color: #666
}

.container-cb .checkmark-cb:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.jixie .title__content::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 101%;
    border-bottom: 5px solid #3ca5dd
}

.jixie .title__content {
    position: relative;
    display: inline-block;
    padding: 10px 0;
    font-size: 20px;
    font-weight: 700;
    color: #4a4a4a
}

.jixie__logo {
    font-size: 12px;
    padding: 15px 5px 5px;
    text-align: right;
    color: #b7b7b7;
    position: relative
}

.jixie__logo--right {
    float: right
}

.jixie__logo span {
    position: relative;
    vertical-align: bottom
}

.jixie__logo__img {
    cursor: pointer;
    display: inline-block
}

.jixie__logo img {
    width: 60px !important
}

.jixie-article {
    background-color: #f1f1f1
}

.jixie-article ul {
    list-style: none;
    padding: 20px
}

.jixie-article ul li {
    border-bottom: 1px solid #c2c2c2;
    padding: 10px 0
}

.jixie-article ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0
}

.jixie-article ul li a:hover {
    color: #f90
}

.article__flex {
    position: fixed;
    bottom: 70px;
    z-index: 9;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, .2);
    flex-wrap: nowrap;
    border-radius: 5px;
    height: 90px
}

.article__box {
    flex-grow: 1;
    position: relative;
    margin-top: -39px;
    width: calc(100% - 70px);
    padding: 15px 65px 0 10px;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center
}

.article__img img.imej {
    width: 150px !important;
    height: 120px !important;
    object-fit: cover
}

.article__subtitle {
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
    width: calc(100% - 80px);
    font-size: 10px;
    line-height: 1;
    color: #2a2a2a
}

.article__box h2.article__title {
    margin-top: 8px
}

.article__title a.article__link {
    display: block;
    font-family: Roboto, sans-serif;
    line-height: 21px;
    color: #000;
    letter-spacing: 0;
    margin-bottom: 5px
}

.article__title a:hover {
    color: #f38d21
}

.article__title {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    height: auto;
    max-height: 37px
}

.dbl-recommendation .carousel-item.active {
    display: flex !important;
    flex-direction: row;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s
}

.carousel-control-next,
.carousel-control-prev {
    width: 10%;
    opacity: .5
}

.carousel-control-next:hover,
.carousel-control-prev:hover {
    opacity: 1
}

.carousel-indicators {
    bottom: -10px
}

.carousel-indicators li {
    background-color: #bebebe !important
}

.carousel-indicators li.active {
    background-color: red !important
}

/*CUSTOM START HERE*/
h1.jdl_dtl{font-weight: 400;}
.box, .section {
    position: relative;
    word-wrap: break-word;
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: 0px solid #f0f0f0;
}
.grid-row{
    clear: both;
}

.grid-row .column-6{
    width: 33.33%;
    float: left;
    padding: 4px;
}
h2.box__title{border-top: 0!important;margin: 0!important;padding: 5px!important; border-radius: 0; box-shadow: 0 calc(4px / 2) 4px 0 rgba(0,0,0,0)!important;}
.media__image,.media__text{float: left;width: 100%; display: block;}
.media__image img{border-radius: 5px;width: 100%; height: 150px!important;object-fit: cover;}
.videos .media__image img{border-radius: 5px;width: 100%; height: 120px!important;object-fit: cover;}
h3.media__title{margin: 5px 0;font-size: 14px;height: 80px; overflow: hidden;}
h3.media__title a{color: #000;font-size: 14px; font-family: Raleway,sans-serif; font-weight: 400;
}
.media__subtitle{color: #ef672f;margin-top: 5px;}

:root {
  --gutter: 20px;
}

.app {
  padding: var(--gutter) 0;
  display: grid;
  grid-gap: var(--gutter) 0;
  grid-template-columns: var(--gutter) 1fr var(--gutter);
  align-content: center;
}

.app > * {
  grid-column: 2 / -2;
}

.app > .full {
  grid-column: 1 / -1;
}

.hs {
  display: grid;
  grid-gap: calc(var(--gutter) / 2);
  grid-template-columns: 10px;
  grid-template-rows: minmax(150px, 1fr);
  grid-auto-flow: column;
  grid-auto-columns: 230px;

  overflow-x: scroll;
  scroll-snap-type: x proximity;
  padding-bottom: calc(.75 * var(--gutter));
  margin-bottom: calc(-.25 * var(--gutter));
}

.hs:before,
.hs:after {
  content: '';
  width: 0px;
}


.hrs {
  display: grid;
  place-items: left;
}

.app {
  background: #dfdfdf;
  overflow-y: scroll;
}

ul.hs{margin: 0; padding: 0;}

.hs > li,
.item {
  scroll-snap-align: center;
  padding: calc(var(--gutter) / 2 * 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 8px;
}



.no-scrollbar {
  scrollbar-width: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.hs-kanal{margin-top: 5px;color: #ef672f; font-size: 14px;}
.hs-title{
    margin-top: 5px;
    color: #000;
    font-size: 14px;
    font-family: Raleway,sans-serif;
    font-weight: 400;
    line-height: normal;
}
.hs-img{
    height: 140px;
}
.hs-img img{object-fit: cover;height: 100%!important; width: 100%}

@media only screen and (min-width:800px) {
    .article__flex {
        top: 30px;
        max-width: 607px;
        height: 85px
    }
    .article__subtitle {
        font-size: 11px;
        font-weight: 700
    }
    .article__title {
        display: block;
        font-size: 18px;
        max-height: none
    }
    .article__img img.imej {
        height: 88px;
        width: 105px
    }
}

@media only screen and (max-width:750px) {
    .tpt_shr {
        width: 100%
    }
    .tag.tagtxt {
        font-size: 15px !important;
        margin-top: 7px
    }
    .img_dtl {
        height: 240px
    }
    .fcontainer {
        padding-bottom: 150px !important;
    }
}

@media only screen and (max-width:359px) {
    .kotak_3b,
    .wrap-content {
        width: 100% !important
    }
    .tpt-button {
        text-align: center
    }
    .list-lr {
        margin-left: 10px !important;
        margin-right: 10px !important
    }
    .hf-desktop {
        display: none !important
    }
    .lg_desktop {
        width: 140px;
        height: auto !important
    }
    .hf-mobile {
        display: block !important;
        padding-bottom: 3px
    }
    .pad-inner {
        padding-left: 50px !important;
        padding-right: 50px !important
    }
    .sec_kanan,
    .sec_kiri {
        width: 94%;
        margin-left: 10px;
        margin-right: 10px
    }
    .kotak_2,
    .kotak_3,
    .kotak_3c {
        width: 99.5% !important
    }
    .thumb2 {
        height: 185px
    }
    .thumb2 img {
        transform: scale(1.2)
    }
    .thumb_ls {
        width: 100% !important;
        height: 160px
    }
    .thumb_ls img {
        border: 0;
        width: 100%;
        height: auto !important;
        margin: auto
    }
    .ls_txt {
        max-height: 1000px;
        width: 100%;
        padding-bottom: 10px
    }
    .jdl_lst {
        font-size: 20px;
        line-height: 28px;
        margin-top: 0
    }
    .icon_sch,
    .search_input {
        font-size: 25px !important
    }
    .icon_sch {
        padding: 10px;
        color: #fff;
        min-width: 50px
    }
    .search_input {
        height: 60px;
        width: calc(100% - 56px)
    }
    .list_nws ul li {
        float: left;
        width: 100%;
        margin-right: 0;
        min-height: auto
    }
    .ls_txt {
        margin-top: 3px
    }
    .ktk-shr-indeks {
        width: 145px
    }
    .text-donasi {
        font-size: 11pt !important;
        line-height: 18px
    }
    #tombol,
    .submitdonasi {
        font-size: 11pt;
        line-height: 17px;
        padding: 8px 14px !important;
        text-align: left
    }
    img.img-gopay {
        width: 77px !important;
        height: 27px !important;
        margin-top: 15px !important
    }
    .boxdonasi {
        padding: 10px 20px 20px !important
    }
    #modal-kotak {
        width: 97% !important;
        margin: 1.5%
    }
    .regional .logoKontan {
        margin-top: -1px;
        background-position: center;
        height: 38px
    }
}

@media only screen and (min-width:360px) and (max-width:420px) {
    .icon_sch,
    .search_input {
        font-size: 25px !important
    }
    .kotak_3b,
    .wrap-content {
        width: 100% !important
    }
    .tpt-button {
        text-align: center
    }
    .list-lr {
        margin-left: 10px !important;
        margin-right: 10px !important
    }
    .hf-desktop {
        display: none !important
    }
    .hf-mobile {
        display: block !important;
        padding-bottom: 3px
    }
    .lg_desktop {
        width: 160px;
        height: auto !important
    }
    .sec_kanan,
    .sec_kiri {
        width: 95%;
        margin-left: 10px;
        margin-right: 10px
    }
    .kotak_2,
    .kotak_3,
    .kotak_3c {
        width: 99.5% !important
    }
    .thumb2 {
        height: 195px
    }
    .thumb2 img {
        transform: scale(1.4)
    }
    .thumb_pro {
        height: 80px
    }
    .thumb_pro img {
        transform: scale(1.2)
    }
    .icon_sch {
        padding: 10px;
        color: #fff;
        min-width: 50px
    }
    .search_input {
        height: 60px;
        width: calc(100% - 56px)
    }
    .thumb_ls {
        width: 100% !important;
        height: 200px
    }
    .thumb_ls img {
        border: 0;
        width: 100%;
        height: auto !important;
        margin: auto
    }
    .ls_txt {
        margin-top: 15px;
        max-height: 1000px;
        width: 100%;
        padding-bottom: 10px
    }
    .jdl_lst {
        font-size: 20px;
        line-height: 28px
    }
    #modal-kotak {
        width: 97% !important;
        margin: 1.5%
    }
}

@media only screen and (max-width:768px) {
    ul.wrap-detail-beritaterbaru li.detail-beritaterbaru {
        display: flex;
        margin-bottom: 14px
    }
    li.detail-beritaterbaru .thumb_ls {
        width: 30% !important;
        margin-right: 0;
        height: auto
    }
    li.detail-beritaterbaru .thumb_ls img {
        border: 0;
        width: 100%;
        height: auto !important;
        margin: auto;
        font-size: 10px;
        object-fit: cover
    }
    li.detail-beritaterbaru .ls_txt {
        width: 69%;
        margin-right: 1%;
        margin-top: 0;
        max-height: 1000px;
        padding-bottom: 0
    }
    li.detail-beritaterbaru .jdl_lst {
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 0
    }
    li.detail-beritaterbaru .gr_ls {
        font-size: 12px
    }
}

@media only screen and (min-width:421px) and (max-width:480px) {
    .kotak_3b,
    .wrap-content {
        width: 100% !important
    }
    .tpt-button {
        text-align: center
    }
    .list-lr {
        margin-left: 10px !important;
        margin-right: 10px !important
    }
    .hf-desktop {
        display: none !important
    }
    .hf-mobile {
        display: block !important;
        padding-bottom: 3px
    }
    .lg_desktop {
        width: 160px;
        height: auto !important
    }
    .sec_kanan,
    .sec_kiri {
        width: 95.5%;
        margin-left: 10px;
        margin-right: 10px
    }
    .kotak_2,
    .kotak_3,
    .kotak_3c {
        width: 99.5% !important
    }
    .thumb1_mobile,
    .thumb1x_mobile {
        height: 170px
    }
    .thumb1_mobile img,
    .thumb1x_mobile img {
        transform: scale(1.8)
    }
    .thumb2 {
        height: 230px
    }
    .thumb2 img {
        transform: scale(1.3)
    }
    .thumb_pro {
        height: 80px
    }
    .thumb_pro img {
        transform: scale(1.2)
    }
    .thumb_ls {
        width: 100% !important;
        height: 200px
    }
    .thumb_ls img {
        border: 0;
        width: 100%;
        height: auto !important;
        margin: auto
    }
    .ls_txt {
        margin-top: 15px;
        max-height: 1000px;
        width: 100%;
        padding-bottom: 10px
    }
    .jdl_lst {
        font-size: 20px;
        line-height: 28px
    }
    #modal-kotak {
        width: 97% !important;
        margin: 1.5%
    }
}

@media only screen and (min-width:481px) and (max-width:640px) {
    .kotak_3b,
    .wrap-content {
        width: 100% !important
    }
    .tpt-button {
        text-align: center
    }
    .list-lr {
        margin-left: 10px !important;
        margin-right: 10px !important
    }
    .hf-desktop {
        display: none !important
    }
    .hf-mobile {
        display: block !important
    }
    .lg_desktop {
        width: 160px;
        height: auto !important
    }
    .sec_kanan,
    .sec_kiri {
        width: 97%;
        margin-left: 10px;
        margin-right: 10px
    }
    .kotak_2,
    .kotak_3,
    .kotak_3c {
        width: 99.8% !important
    }
    .thumb1_mobile,
    .thumb1x_mobile,
    .thumb2 {
        height: 240px
    }
    .thumb1_mobile img,
    .thumb1x_mobile img,
    .thumb2 img {
        transform: scale(1.8)
    }
    .thumb_pro {
        height: 80px
    }
    .thumb_pro img {
        transform: scale(1.4)
    }
    .thumb_op {
        height: 70px
    }
    .thumb_op img {
        transform: scale(1.9)
    }
    .thumb_ls {
        width: 100% !important;
        height: 250px
    }
    .thumb_ls img {
        border: 0;
        width: 100%;
        height: auto !important;
        margin: auto
    }
    .ls_txt {
        margin-top: 15px;
        max-height: 1000px;
        width: 100%;
        padding-bottom: 10px
    }
    .jdl_lst {
        font-size: 20px;
        line-height: 28px
    }
    #modal-kotak {
        width: 97% !important;
        margin: 1.5%
    }
}

@media only screen and (min-width:641px) and (max-width:768px) {
    .kotak_3b,
    .wrap-content {
        width: 100% !important
    }
    .tpt-button {
        text-align: center
    }
    .list-lr {
        margin-left: 10px !important;
        margin-right: 10px !important
    }
    .hf-desktop,
    .off-768 {
        display: none !important
    }
    .hf-mobile,
    .on-768 {
        display: block !important
    }
    .sec_kanan,
    .sec_kiri {
        width: 97%;
        margin-left: 10px;
        margin-right: 10px
    }
    .kotak_2,
    .kotak_3,
    .kotak_3c {
        width: 99.8% !important
    }
    .thumb1_mobile {
        height: 270px
    }
    .thumb1_mobile img {
        transform: scale(1.8)
    }
    .thumb1x_mobile,
    .thumb2 {
        height: 250px
    }
    .thumb2 img {
        transform: scale(2)
    }
    .thumb_op,
    .thumb_pro {
        height: 90px
    }
    .thumb_pro img {
        transform: scale(1.45)
    }
    .thumb1x_mobile img,
    .thumb_op img {
        transform: scale(1.9)
    }
    .thumb_ls {
        width: 100% !important;
        height: 290px
    }
    .thumb_ls img {
        border: 0;
        width: 100%;
        height: auto !important;
        margin: auto
    }
    .ls_txt {
        margin-top: 15px;
        max-height: 1000px;
        width: 100%;
        padding-bottom: 10px
    }
    .jdl_lst {
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width:769px) and (max-width:900px) {
    .ls_txt,
    .thumb_ls {
        float: left;
        overflow: hidden
    }
    .wrap-content {
        width: 100% !important
    }
    .hf-desktop,
    .off-768 {
        display: none !important
    }
    .list-lr {
        margin-left: 10px !important;
        margin-right: 10px !important
    }
    .hf-mobile,
    .on-768 {
        display: block !important
    }
    .sec_kanan,
    .sec_kiri {
        width: 97%;
        margin-left: 10px;
        margin-right: 10px
    }
    .kotak_3c.kotak_2 {
        width: 99.9% !important
    }
    .kotak_3 {
        width: 32.23%
    }
    .kotak_3b {
        width: 31.67% !important
    }
    .thumb1_mobile {
        height: 270px
    }
    .thumb1_mobile img,
    .thumb1x_mobile img {
        transform: scale(1.4)
    }
    .thumb2 {
        height: 165px
    }
    .thumb2 img {
        transform: scale(2)
    }
    .thumb_op,
    .thumb_pro {
        height: 90px
    }
    .thumb_pro img {
        transform: scale(1.59)
    }
    .thumb_op img {
        transform: scale(1.9)
    }
    .thumb1x_mobile {
        height: 220px
    }
    .thumb_ls {
        width: 220px;
        height: 140px;
        margin: 0 20px 0 auto
    }
    .thumb_ls img {
        border: 0;
        width: 100%;
        height: auto !important;
        margin: auto
    }
    .ls_txt {
        margin-top: 15px;
        max-height: 130px;
        width: 67%
    }
    .jdl_lst {
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (min-width:901px) and (max-width:958px) {
    .left_sec {
        background-color: #fff;
        max-height: 300px;
        overflow: hidden
    }
}

@media only screen and (min-width:901px) and (max-width:999px) {
    .ls_txt,
    .thumb_ls {
        float: left;
        overflow: hidden
    }
    .sec_kanan img,
    .wrap-content {
        width: 100% !important
    }
    .list-lr {
        margin-left: 10px !important;
        margin-right: 10px !important
    }
    .hf-desktop {
        display: none !important
    }
    .hf-mobile {
        display: block !important
    }
    .sec_kiri {
        width: 68%;
        margin-right: 15px;
        margin-left: 10px
    }
    .sec_kanan {
        width: 28%;
        margin-right: 10px
    }
    .kotak_3 {
        width: 31.5% !important
    }
    .kotak_2 {
        width: 65.5%
    }
    .kotak_3b {
        width: 31.28% !important
    }
    .thumb1_mobile {
        height: 320px
    }
    .thumb1_mobile img,
    .thumb1x_mobile img {
        transform: scale(1.2)
    }
    .thumb1x_mobile {
        height: 230px
    }
    .thumb_ls {
        width: 220px;
        height: 140px;
        margin: 0 20px 0 auto
    }
    .thumb_ls img {
        border: 0;
        width: 100%;
        height: auto !important;
        margin: auto
    }
    .ls_txt {
        margin-top: 15px;
        max-height: 130px;
        width: 61%
    }
    .jdl_lst {
        font-size: 20px;
        line-height: 28px
    }
}

@media only screen and (max-width:1099px) {
    .kesehatan .bg_atas2 {
        background-color: #1a667d
    }
    .kesehatan .nav-scroller nav a,
    .personalfinance .nav-scroller nav a {
        color: #fff
    }
}

@media only screen and (min-width:1000px) and (max-width:1099px) {
    .ls_txt,
    .thumb_ls {
        float: left;
        overflow: hidden
    }
    .wrap-content {
        width: 100% !important
    }
    .list-lr {
        margin-left: 10px !important;
        margin-right: 10px !important
    }
    .hf-desktop {
        display: none !important
    }
    .hf-mobile {
        display: block !important
    }
    .sec_kiri {
        width: 67%;
        margin-right: 15px;
        margin-left: 10px
    }
    .sec_kanan {
        width: 29.5%;
        margin-right: 10px
    }
    .kotak_3 {
        width: 32% !important
    }
    .kotak_2 {
        width: 65.6%
    }
    .kotak_3b {
        width: 31.5% !important
    }
    .thumb1_mobile {
        height: 300px
    }
    .thumb1_mobile img,
    .thumb1x_mobile img {
        transform: scale(1.2)
    }
    .thumb1x_mobile {
        height: 240px
    }
    .thumb_ls {
        width: 220px;
        height: 140px;
        margin: 0 20px 0 auto
    }
    .thumb_ls img {
        border: 0;
        width: 100%;
        height: auto !important;
        margin: auto
    }
    .ls_txt {
        margin-top: 15px;
        max-height: 130px;
        width: 63%
    }
    .jdl_lst {
        font-size: 20px;
        line-height: 28px
    }
}

@media (max-width:450px) {
    .jdl_dtl {
        font-size: 22px;
        line-height: 25px;
        letter-spacing: 0
    }
    .sec_kiri {
        margin-top: 6px
    }
    .hide-mobile {
        display: none
    }
    .head-mobile .pad-tb-8 {
        padding-bottom: 0 !important
    }
    .high-10 {
        height: 7px !important
    }
    .logoKontan {
        margin-top: 9px
    }
    .kesehatan .logoKontan {
        margin-top: 0
    }
    .wrap-content.pad-t-10 {
        padding-top: 6px !important
    }
    .high-15.hf-mobile {
        height: 0 !important
    }
    .fs30.color-white.f-bold.mar-b-10.list-lr {
        margin-bottom: 0 !important;
        line-height: 30px;
        margin-top: -8px;
        font-family: Poppins;
        font-size: 26px !important;
        letter-spacing: -1px
    }
    .article__img img.imej {
        width: 110px !important
    }
    
    .media__image img{height: 120px;}
    h3.media__title{min-height: 80px!important;}
    .grid-row .column-6{width: 50%}

    .ctn h2{background: #fff;
        box-shadow: 0 calc(4px / 2) 4px 0 rgba(0,0,0,.15);
        border-radius: 8px;
        margin-top: 24px;
        margin-bottom: 24px;
        padding: 12px 16px 16px;
        border-top: 5px solid #00385b;
        font-size: 16px;line-height: normal;
    }
    .ctn h2 a{clear: both;display: block;margin-top: 10px;width: 80%;}
    .ctn h2 a:after{display: block;width: 50px; height: 50px; red;content: "";position: absolute; right: 20px; margin-top: -55px;background: url('images/chevron-right.svg') no-repeat center center/30px 30px;color: red}

}

@media (max-width:350px) {
    .article__img img.imej {
        width: 70px !important
    }
}

@media only screen AND (max-width:900px) {
    .news-5col ul {
        list-style-type: none;
        padding-left: 0;
        margin-left: 0
    }
    .news-5col ul li {
        float: left;
        width: 100%;
        margin-right: 0;
        min-height: auto
    }
    .news-5col ul li a {
        font-family: Roboto Slab, sans-serif;
        font-size: 24.5px;
        line-height: 30px;
        font-weight: 500;
        letter-spacing: -.5px
    }
    .logoKontan {
        margin-bottom: 3px
    }
}

@media only screen and (max-width:1440px) {
    .skyscraper-left {
        margin-left: -40px
    }
    .skyscraper-right {
        margin-right: -40px
    }
}

@media only screen and (max-width:992px) {
    .tp_pay {
        padding: 0 20px;
        background-image: none
    }
}

@media only screen and (max-width:767px) {
    .video iframe {
        height: 25vh
    }
    .article__flex .article__box {
        padding: 15px 48px 0 10px
    }
    .article__flex .article__title {
        max-height: unset
    }
    .article__title a.article__link {
        line-height: 120%;
        font-size: 12px
    }
}

@media only screen and (min-width:768px) and (max-width:992px) {
    .article__flex {
        width: 100%
    }
    .article__box {
        padding: 15px 112px 0 10px
    }
}