  <style>
        a,
        html {
            color: #000
        }

        button,
        sup {
            vertical-align: baseline
        }

        body,
        button,
        figure {
            margin: 0
        }

        body,
        html {
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%
        }

        .icon-twitter:before,
        .lqd {
            background-repeat: no-repeat
        }

        .copy_url .notif,
        .media__link:before,
        .navbar-first .nav__item,
        .navbar-second .nav__item,
        .table-wrap td {
            white-space: nowrap
        }

        .btn,
        .navbar-second .nav a,
        table td {  
            vertical-align: top
        }

        a,
        ins {
            text-decoration: none
        }

        article,
        figcaption,
        figure,
        footer,
        header,
        nav {
            display: block
        }

        html {
            background: #fff
        }

        button,
        html {
            font-family: Arial
        }

        a {
            background: 0 0;
            -webkit-transition: color .3s ease-in-out, background .3s ease-in-out, opacity .3s ease-in-out;
            -moz-transition: color .3s ease-in-out, background .3s ease-in-out, opacity .3s ease-in-out;
            -ms-transition: color .3s ease-in-out, background .3s ease-in-out, opacity .3s ease-in-out;
            -o-transition: color .3s ease-in-out, background .3s ease-in-out, opacity .3s ease-in-out;
            transition: color .3s ease-in-out, background .3s ease-in-out, opacity .3s ease-in-out
        }

        a:active,
        a:focus,
        a:hover,
        button:focus {
            outline: 0
        }

        .linksisip strong,
        .megabillboard-close,
        .quotesisip blockquote,
        strong {
            font-weight: 700
        }

        sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            top: -.5em
        }

        img {
            border: 0;
            vertical-align: middle
        }

        button {
            font-family: inherit;
            font-size: 100%;
            line-height: normal;
            text-transform: none;
            -webkit-appearance: button
        }

        .detail__date,
        .detail__media-caption,
        .footer .nav,
        .profile__box__bottom,
        .quotesisip,
        body {
            font-family: Helvetica-FF, Arial, Tahoma, sans-serif
        }

        .btn,
        body {
            line-height: 1.4
        }

        button::-moz-focus-inner {
            border: 0;
            padding: 0
        }

        table {
            border-collapse: collapse;
            border-spacing: 0
        }

        :root {
            --kuler-1: #21409a;
            --kuler-2: #007cbd;
            --kuler-3: #ef672f;
            --kuler-1: #562b77;
            --kuler-2: #812e88;
            --kuler-3: #aa248c
        }

        body {
            font-size: 16px;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-rendering: optimizeSpeed
        }

        *,
        :after,
        :before {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .clearfix:after,
        .clearfix:before {
            content: " ";
            display: table
        }

        .clearfix:after {
            clear: both
        }

        a:hover {
            color: var(--kuler-1)
        }

        p {
            margin-top: 0;
            margin-bottom: 16px
        }

        ins {
            display: contents
        }

        ul {
            padding: 0 0 0 24px;
            margin-top: 12px;
            margin-bottom: 12px
        }

        ul li {
            padding: 8px 0
        }

        footer,
        header {
            display: table;
            width: 100%
        }

        @media (min-width:1024px) {

            footer,
            header {
                display: block
            }
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-weight: 700;
            margin-top: 0;
            margin-bottom: 8px;
            line-height: 1.3
        }

        h1 {
            font-size: 40px
        }

        .icon--md,
        h2 {
            font-size: 32px
        }

        h3 {
            font-size: 28px
        }

        h4 {
            font-size: 24px
        }

        h5 {
            font-size: 20px
        }

        h6 {
            font-size: 16px
        }

        .font-xxs {
            font-size: 12px !important
        }

        .container {
            width: 100%;
            padding-left: calc(26px / 1.444444444444);
            padding-right: calc(26px / 1.444444444444);
            margin-right: auto;
            margin-left: auto
        }

        .grid-row {
            display: flex;
            flex-wrap: wrap;
            margin-left: calc(-26px / 4.3333333333);
            margin-right: calc(-26px / 4.3333333333)
        }

        .ratiobox,
        .table-wrap {
            display: block;
            position: relative
        }

        .no-gutter {
            margin-right: 0;
            margin-left: 0
        }

        .no-gutter>[class*=column-] {
            padding-right: 0;
            padding-left: 0
        }

        .column-6,
        .column-auto {
            position: relative;
            width: 100%;
            padding-left: calc(26px / 4.3333333333);
            padding-right: calc(26px / 4.3333333333)
        }

        .column-auto {
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            width: auto;
            max-width: 100%
        }

        .column-6 {
            -ms-flex: calc(6 / 12);
            flex: 0 0 calc(100% / (12 / 6));
            max-width: calc(100% / (12 / 6))
        }

        table td {
            border: 1px solid #b3b3b3;
            padding: 5px 10px
        }

        .table-wrap {
            width: 100%;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch
        }

        .lqd {
            background-size: cover;
            background-position: center center
        }

        .btn--default,
        button {
            background: #f0f0f0;
            color: #000
        }

        .lqd img {
            display: none
        }

        .ratiobox {
            height: 0;
            overflow: hidden;
            padding-bottom: 100%;
            -webkit-transition: .4s ease-in-out;
            -moz-transition: .4s ease-in-out;
            -ms-transition: .4s ease-in-out;
            -o-transition: .4s ease-in-out;
            transition: .4s ease-in-out
        }

        .btn,
        .icon {
            display: inline-flex
        }

        .ratiobox--16-9,
        .ratiobox.ratio_16_9 {
            padding-bottom: 56.25%
        }

        .ratiobox iframe {
            position: absolute;
            width: 100%;
            height: 100%
        }

        .ratiobox--4-3 {
            padding-bottom: 75%
        }

        button {
            cursor: pointer;
            -webkit-transition: .3s ease-in-out;
            -moz-transition: .3s ease-in-out;
            -ms-transition: .3s ease-in-out;
            -o-transition: .3s ease-in-out;
            transition: .3s ease-in-out
        }

        .btn {
            position: relative;
            font-size: 16px;
            align-items: center;
            padding: 8px 16px;
            justify-content: center;
            cursor: pointer;
            border: 1px solid transparent;
            border-radius: 4px
        }

        .icon,
        .icon-item {
            vertical-align: middle
        }

        .btn--sm {
            font-size: 12px;
            padding: calc(12px / 3) 12px
        }

        .btn--md {
            font-size: 14px;
            padding-top: 6px;
            padding-bottom: 6px
        }

        .btn:hover {
            color: #000;
            opacity: .8
        }

        .btn--outline {
            border: 1px solid #000;
            color: #000;
            background: 0 0 !important
        }

        .icon {
            line-height: 0
        }

        .icon--xs {
            font-size: 16px
        }

        .btn .icon {
            margin: 0 4px
        }

        .list-content,
        .list-content__item:last-child {
            margin-bottom: 0
        }

        .icon-arrow-right:before {
            content: "\69"
        }

        .icon-chevron-down:before {
            content: "\6d"
        }

        .icon-arrow-up:before {
            content: "\6f"
        }

        .icon-live-tv:before {
            content: "\75"
        }

        .icon-close:before {
            content: "\4f"
        }

        .icon-notification-bg:before {
            content: "\22"
        }

        .icon-comment:before {
            content: "\2d"
        }

        .icon-link:before {
            content: "\7e"
        }

        .icon-facebook:before {
            content: "\61"
        }

        .icon-twitter:before {
            content: "";
            width: 20px;
            height: 18px;
            background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='https://www.w3.org/2000/svg'%3E%3Cpath d='M0.425986 0.877441L6.99437 9.65591L0.390625 16.7901H1.8758L7.65739 10.5399L12.3339 16.7901H17.3906L10.4598 7.51655L16.6038 0.877441H15.1187L9.79676 6.63251L5.49151 0.877441H0.434827H0.425986ZM2.60955 1.97364H4.93457L15.1982 15.6939H12.8732L2.60955 1.97364Z' fill='white'/%3E%3C/svg%3E%0A");
            background-position: center
        }

        .icon-instagram:before {
            content: "\e006"
        }

        .icon-linkedin:before {
            content: "\e007"
        }

        .icon-youtube:before {
            content: "\e008"
        }

        .icon-whatsapp:before {
            content: "\e00c"
        }

        .icon-telegram:before {
            content: "\e00e"
        }

        .copy_url {
            position: relative
        }

        .breaking-detikpagi,
        .breaking-sticky {
            left: -100%;
            position: fixed;
            visibility: hidden;
            opacity: 0
        }

        .copy_url .notif {
            display: inline-block;
            padding: 8px;
            margin: 0;
            position: absolute;
            z-index: 5;
            bottom: 0;
            left: 50%;
            width: auto;
            font-size: 14px;
            background: red;
            color: #fff;
            opacity: 0;
            -webkit-transform: translateX(-50%) scale(0);
            -moz-transform: translateX(-50%) scale(0);
            -ms-transform: translateX(-50%) scale(0);
            -o-transform: translateX(-50%) scale(0);
            transform: translateX(-50%) scale(0);
            -webkit-transition: .3s ease-in-out;
            -moz-transition: .3s ease-in-out;
            -ms-transition: .3s ease-in-out;
            -o-transition: .3s ease-in-out;
            transition: .3s ease-in-out
        }

        .copy_url .notif:before {
            position: absolute;
            content: "";
            border: 3px solid;
            right: 50%;
            margin: 0 -7px 0 0;
            top: 100%;
            border-top: 8px solid red;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-bottom: none
        }

        .breaking-sticky {
            z-index: 5;
            right: 0;
            height: 0;
            top: 88px;
            -webkit-transition: .2s ease-in-out;
            -moz-transition: .2s ease-in-out;
            -ms-transition: .2s ease-in-out;
            -o-transition: .2s ease-in-out;
            transition: .2s ease-in-out
        }

        .breaking-detikpagi,
        .breaking-detikpagi .media--left {
            height: 62px !important
        }

        .breaking-sticky .media__text {
            overflow: hidden
        }

        .breaking-sticky .media__title {
            white-space: nowrap;
            margin-left: -10px;
            overflow: hidden;
            padding: 10px 0;
            line-height: normal;
            font-size: 14px
        }

        .breaking-sticky .media__link {
            color: #fff
        }

        .breaking-sticky .media__label {
            background: red;
            border-radius: 0;
            -webkit-transform: skew(-15deg, 0deg);
            -moz-transform: skew(-15deg, 0deg);
            -ms-transform: skew(-15deg, 0deg);
            -o-transform: skew(-15deg, 0deg);
            transform: skew(-15deg, 0deg);
            left: -8px;
            top: auto;
            padding: 10px 20px 10px 24px;
            position: relative;
            box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .8)
        }

        .breaking-detikpagi {
            width: 100%;
            background: url("images/bg-detikpagi.webp") top/101% no-repeat #ff4c05;
            bottom: 100px;
            z-index: 10;
            -webkit-transition: .2s ease-in-out;
            -moz-transition: .2s ease-in-out;
            -ms-transition: .2s ease-in-out;
            -o-transition: .2s ease-in-out;
            transition: .2s ease-in-out
        }

        .breaking-detikpagi__content {
            border-radius: 10px 50px 50px 10px
        }

        .breaking-detikpagi__close {
            position: absolute;
            z-index: 5;
            width: 27px;
            height: 27px;
            right: 0;
            top: -13px;
            background: #000;
            color: #fff
        }

        .breaking-detikpagi .media--left .media__image {
            width: 110px;
            height: 80px;
            z-index: 3
        }

        .detikpagi-live {
            margin-top: 8px
        }

        .detikpagi-live span {
            position: relative;
            background: #ffe600;
            display: inline-block;
            padding: 0 8px 0 20px;
            color: #ee4023;
            font-size: 9px;
            border-radius: 12px
        }

        .detikpagi-live span:before {
            content: "";
            width: 7px;
            height: 7px;
            position: absolute;
            top: 3px;
            left: 7px;
            overflow: hidden;
            animation: 1s live-detikpagi;
            -moz-animation: 1s infinite live-detikpagi;
            -webkit-animation: 1s infinite live-detikpagi;
            background: #c72026
        }

        .detikpagi-live__body {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-left: 12px
        }

        .detikpagi-live__body__left {
            margin-top: 5px
        }

        .detikpagi-live__body__right {
            display: flex;
            gap: 16px;
            align-items: center;
            margin-right: 5px;
            width: 100%
        }

        .detikpagi-live__body__right__text {
            font-weight: 600;
            font-size: 11px;
            color: #fff;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            width: 80%;
            margin-top: -7px
        }

        .detikpagi-live__body__right__button {
            width: 20%
        }

        .detikpagi-live__body__right__button__play {
            display: block;
            padding-bottom: 10px
        }

        .detikpagi-live__body__right__button__pause {
            display: none;
            padding-bottom: 10px
        }

        @keyframes live-detikpagi {

            0%,
            100% {
                background: #fcc43f
            }

            50% {
                background: #c72026
            }
        }

        .header {
            display: flex;
            padding: 8px 0 0;
            justify-content: space-between;
            align-items: center;
            background: #fff;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .15);
            position: sticky;
            position: -webkit-sticky;
            top: 0;
            z-index: 26;
            width: 100%;
            line-height: 1
        }

        .icon-item__yt,
        .js-menu-active .menu-button span,
        .notif__balon {
            background: red
        }

        .header__left {
            display: flex;
            align-items: center;
            left: -12px
        }

        .header__right {
            display: flex;
            height: 41px
        }

        .header__brand {
            height: 24px
        }

        .header__brand img {
            height: 100%
        }

        .header__icon {
            width: 43px;
            font-size: 35px;
            padding: 0 0 0 8px;
            position: relative
        }

        .header__icon--live {
            color: #21409a
        }

        .header__icon--notif {
            color: #999
        }

        .menu-button {
            cursor: pointer;
            height: 45px;
            width: 40px;
            position: relative
        }

        .menu-button__wrap {
            position: absolute;
            top: 15px;
            left: 12px
        }

        .menu-button span {
            cursor: pointer;
            height: 2px;
            width: 20px;
            background: #21409a;
            position: absolute;
            display: block;
            border-radius: 10px;
            opacity: 1;
            left: 0;
            -webkit-transform: rotate(0);
            -moz-transform: rotate(0);
            -ms-transform: rotate(0);
            -o-transform: rotate(0);
            transform: rotate(0);
            -webkit-transition: .3s ease-in-out;
            -moz-transition: .3s ease-in-out;
            -ms-transition: .3s ease-in-out;
            -o-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden
        }

        .menu-button span:first-child,
        .top-0 {
            top: 0
        }

        .menu-button span:nth-child(2) {
            top: 7px
        }

        .menu-button span:nth-child(3) {
            top: 14px;
            width: 14px
        }

        .js-menu-active .menu-button span:first-child {
            top: 8px;
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            -o-transform: rotate(135deg);
            transform: rotate(135deg)
        }

        .js-menu-active .menu-button span:nth-child(2) {
            opacity: 0;
            left: -60px
        }

        .js-menu-active .menu-button span:nth-child(3) {
            top: 8px;
            width: 20px;
            -webkit-transform: rotate(-135deg);
            -moz-transform: rotate(-135deg);
            -ms-transform: rotate(-135deg);
            -o-transform: rotate(-135deg);
            transform: rotate(-135deg)
        }

        .notif__balon {
            position: absolute;
            width: 22px;
            height: 22px;
            padding: 4px;
            right: -4px;
            top: 0;
            z-index: 1;
            border-radius: 50%;
            color: #fff;
            font-size: 12px
        }

        .media__date,
        .media__text {
            color: #666;
            font-size: 12px
        }

        .list-content {
            padding-left: 0;
            margin-top: 0
        }

        .list-content--column,
        .list-content__item:first-child {
            margin-top: 8px
        }

        .list-content__item {
            position: relative;
            width: 100%;
            padding-top: 0;
            padding-bottom: 8px;
            margin-bottom: 8px
        }

        .list-content--column .list-content__item:first-child {
            margin-top: 0
        }

        .list-content--column .list-content__item:last-child,
        .media__image {
            margin-bottom: 12px
        }

        .list-content--column .list-content__item {
            padding-bottom: 12px;
            margin-bottom: 12px
        }

        .media {
            position: relative;
            overflow: hidden;
            flex: 1
        }

        .media__image {
            position: relative;
            overflow: hidden;
            -webkit-mask-image: -webkit-radial-gradient(white, black);
            background: #f0f0f0
        }

        .linksisip .lihatjg a,
        .media__image a,
        .nav a {
            display: block
        }

        .media__text {
            flex: 1;
            position: static
        }

        .media__title {
            margin: 0;
            flex: 1
        }

        .detail__subtitle,
        .media__subtitle {
            display: inline-block;
            margin-top: 0;
            margin-bottom: 4px
        }

        .media__date {
            display: inline-block;
            margin-top: 4px;
            line-height: 1.5
        }

        .media__author {
            position: relative;
            z-index: 3;
            margin-top: 8px;
            font-size: 12px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            align-items: center;
            color: #333
        }

        .media__author-image-avatar {
            position: relative;
            width: 25px;
            height: 25px;
            display: inline-flex;
            overflow: hidden;
            margin-right: 8px;
            background: #f0f0f0
        }

        .media__author a:hover {
            text-decoration: underline
        }

        .media__link {
            position: static
        }

        .media__link:before {
            position: absolute;
            content: "";
            bottom: 0;
            left: 0;
            top: 0;
            right: 0;
            overflow: hidden;
            z-index: 2
        }

        .media__label {
            display: inline-block;
            position: absolute;
            top: 4px;
            left: 4px;
            z-index: 1;
            color: #fff
        }

        .media--left,
        .text-list {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex
        }

        .ads-slot,
        .box-ads,
        .text-list {
            position: relative
        }

        .media--left {
            display: flex;
            align-items: flex-start
        }

        .text-list {
            display: flex;
            align-items: baseline;
            font-size: 16px
        }

        .text-list__data {
            margin-right: 8px
        }

        .box-ads {
            margin-top: 16px;
            margin-bottom: 24px;
            z-index: 1;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            justify-content: center
        }

        .box-ads--container {
            margin-left: calc(-26px / 1.444444444444);
            margin-right: calc(-26px / 1.444444444444)
        }

        .ads-slot {
            z-index: 1;
            margin: 0 auto;
            background: #f7f7f7
        }

        .ads-slot>* {
            flex: 1 100%
        }

        .ads-slot img {
            max-width: 100%;
            height: auto
        }

        .ads-slot:before {
            position: absolute;
            content: "Advertisement";
            left: 50%;
            top: 50%;
            height: 50px;
            z-index: -1;
            letter-spacing: 2px;
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect opacity='0.2' width='32' height='32' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0' transform='scale(0.015625)'/%3E%3C/pattern%3E%3Cimage id='image0' width='64' height='64' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAZ5QTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlvQmPgAAAIp0Uk5TABVTfqXL3+z5M43S/v8Nc9UQgO4BYeoexDvpYgOOsVgqODcR/cx0FgJHieYxBV/oZBPyRPs8dcCVwb2MKD2SfJ6BPyYayKvUQSWyhGebh7yflq9/rZDJNg4H4NNRXqb8tAnWoGzO+PbFXUsMHdgf5DC/w1BPLecc3MY6YwSK6yPtD3LQi8qnfVIYuEyKDwAAAuxJREFUeJylV+d/0zAQVbaTSHH2bimQQtgUwggtAVoopexSaEvZo+y9wgplw39NbDmOrHF2ftzHl/deLOl0ukNIET5/IBgKRzQtEg4FA36fiiePaCyOiSNwPBb1qk7oSSKNpJ7wIE+lM3K5EZl0ykWezeXVciPyuSykLxRhuRHFglpfKrvrCSmXVPqK5kVPiFaRyqtD3uRGDFUl+mHvekKGRYcB/t/8BmH9EHvNiBlrWYzbhxK4f+soaT2LaY6zKMDnJzMgZSYfsi75IzUgxX5O5mC9woDkevqUS/6rDPK9m5V20asMSJriCeD+wgYZWh90N73SgOgmrqg/XgySBhxVC7WaiwEx6mRMLh7dEN2Yrfs2bd4CGcS6cFwmL261k2Tb9h1qg3i3/mMR1nY6Cl9qTGmAfcgvort2I2lIDIgfBQSssUeulxoEUFDA9ir0UoMgGuWhfb31R/c3D4xPuBiEUJiHDlJ2tWXubuMQbBBGEf4DLPbhHnAENIggvpZZtW7SBhpTkIEmGByl5GN9ZBo24JZwnHJnWOwEuARuE2cp9ySLnQI3MeQETlPuNIvFwGPkEukM5Z5lsXNgInGpfJ5y51isBRhc4C/TPOVeZDEdMPDz1/kS5TpsF9QG3evMFZTGoslduix4Sg2WkVDSrlDy1T4yAxgYB8QV1WuUXLdTcR66C2bz6Szr1628G7McbtwEDG6ZOPew3Lbo1Tt3V+7df4AQYEDPh3va8ENbwfWU4tP2iP7APa6Rx0geqsdVeN6fPPVmULYbZ77BePbcqVySG9gNhtjiNMaZxn7ihfxleslskdhk5Vsl8/fUq9kaeV0w442D8fYd+5GyNm+l3Xzfrom49esH5zLBRlMWH/ktHrDVbfH6AZvtuU/iKQ/Q7uPPdVGP/nvgQF5Hns6kSu9p6MLNL2q9MfZ1YHmnAo59CB488Wrgq4vcCNXoi5e/LXqQm8EP3xjj7z8W3HVs9Mb/2mr756/ff/6qeP8AIJG7VASH5AAAAAAASUVORK5CYII='/%3E%3C/defs%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: center 4px;
            background-size: 24px;
            padding: 3px 0;
            -webkit-transform: translate3d(-50%, -50%, 0);
            -moz-transform: translate3d(-50%, -50%, 0);
            -ms-transform: translate3d(-50%, -50%, 0);
            -o-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
            color: #999;
            font-size: 12px;
            align-items: flex-end
        }

        .ads-slot__name {
            display: none;
            position: absolute;
            top: calc(50% - 40px);
            padding: 8px 12px;
            z-index: -1;
            font-size: 14px;
            color: #ccc
        }

        .ads-slot--smb {
            height: 50px;
            z-index: 2;
            box-shadow: 0 calc(4px / 2) 4px 0 rgba(0, 0, 0, .15);
            position: sticky;
            position: -webkit-sticky;
            top: 0
        }

        .ads-slot-mb-container {
            width: 100%;
            height: 506px;
            position: absolute;
            background-attachment: scroll;
            background-position: left top;
            background-size: cover;
            clip: rect(auto, auto, auto, auto);
            justify-content: center
        }

        .ads-slot--bb,
        .ads-slot--mb {
            background-repeat: no-repeat;
            background-position: center center
        }

        .ads-slot--mb {
            width: 320px;
            height: 480px;
            margin-top: 26px !important;
            position: fixed !important;
            z-index: 1 !important;
            background-image: url("https://awscdn.detik.net.id/assets/images/ads/mega-billboard-placeholder.webp")
        }

        .ads-slot--bb {
            width: 100%;
            height: 156px;
            background-image: url("https://awscdn.detik.net.id/assets/images/ads/billboard-placeholder.webp");
            position: relative;
            z-index: 1;
            margin: 0 auto;
            background-color: #f7f7f7
        }

        .ads-slot--sb {
            width: 300px;
            height: 250px
        }

        .ads-slot--ib {
            width: 320px;
            height: 50px
        }

        .megabillboard {
            height: 524px;
            position: relative
        }

        .megabillboard__swipe {
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0
        }

        .megabillboard__swipe p {
            display: block;
            margin: 0;
            font-size: 10px;
            padding: 2px 0;
            background: var(--kuler-1)
        }

        .megabillboard-close {
            cursor: pointer;
            position: fixed;
            right: calc(50% - 160px);
            padding: 5px 0;
            z-index: 2;
            color: var(--kuler-1);
            font-size: 12px
        }

        .mgt-8 {
            margin-top: 8px !important
        }

        .pdt-12 {
            padding-top: 12px !important
        }

        .pdb-12 {
            padding-bottom: 12px !important
        }

        .pdt-16 {
            padding-top: 16px !important
        }

        .pdb-16 {
            padding-bottom: 16px !important
        }

        .mgt-16 {
            margin-top: 16px !important
        }

        .mgb-16 {
            margin-bottom: 16px !important
        }

        .w-100 {
            width: 100% !important
        }

        .flex-center {
            align-items: center !important
        }

        .box__title,
        .breaking-sticky .media__label,
        .breaking-sticky .media__link,
        .detail__multiple-paging,
        .detail__newstag-title,
        .detail__subtitle,
        .font-family-base-2,
        .media__subtitle,
        .media__title,
        .navbar-second .nav a {
            font-weight: 400
        }

        .ads-slot:before,
        .detail__body-tag .nav__item,
        .detail__date,
        .detail__media-caption,
        .footer .nav,
        .footer__copy,
        .media__date {
            font-weight: 300
        }

        .box__title,
        .detail__title,
        .font-base-semibold,
        .linksisip a,
        .nav,
        .page__title {
            font-weight: 600
        }

        .ads-slot:before,
        .box__header a,
        .box__title,
        .breaking-sticky .media__label,
        .breaking-sticky .media__link,
        .btn,
        .collapsible__top,
        .detail__author,
        .detail__body-tag .nav__item,
        .detail__newstag-title,
        .detail__subtitle,
        .detail__title,
        .detikpagi-live__body__right__text,
        .font-family-base-2,
        .footer,
        .footer-title,
        .linksisip,
        .list__berita__item__bottom__date,
        .list__berita__item__bottom__title,
        .list__berita__title,
        .media__author,
        .media__subtitle,
        .media__title,
        .nav,
        .nav-framebar__title,
        .page__breadcrumb,
        .page__title,
        .profile__box__top,
        .smartbanner_new,
        .text-list {
            font-family: Montserrat-FF, Arial, Tahoma, sans-serif
        }

        .ads-slot,
        .ads-slot--bb,
        .ads-slot-mb-container,
        .ads-slot:before,
        .breaking-detikpagi__close,
        .breaking-sticky .media__text,
        .detail__newstag,
        .display-flex,
        .footer__app-store,
        .navbar-first,
        .notif__balon,
        .sticky-share {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex
        }

        .detail__body-tag .nav,
        .list-content__item,
        .nav,
        .nav--center {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-flow: wrap
        }

        .box__header,
        .flex-between,
        .page__breadcrumb,
        .page__header {
            justify-content: space-between;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-flow: wrap;
            align-items: center
        }

        .ads-slot,
        .detail__newstag,
        .detikpagi-live,
        .header__icon,
        .icon-item,
        .megabillboard__swipe p,
        .text-center {
            text-align: center !important
        }

        .ads-slot,
        .ads-slot--bb,
        .breaking-detikpagi__close,
        .notif__balon,
        .sticky-share {
            align-items: center;
            justify-content: center
        }

        .copy_url .notif,
        .detail__body-tag .nav__item,
        .dropdown-menu__content,
        .media--image-radius .media__image,
        .media__label {
            border-radius: 4px
        }

        .breaking-detikpagi__close,
        .circle,
        .detikpagi-live span:before,
        .icon-item .comment-count,
        .media__author-image-avatar,
        .nav__item--new a:after {
            border-radius: 50%
        }

        .color-black {
            color: #000
        }

        .breaking-sticky .media__text,
        .megabillboard__swipe p {
            color: #fff
        }

        .color-purple-light-2 {
            color: #812e88
        }

        .sticky-share__wrap {
            background: #fff
        }

        .media__author-image-avatar img,
        .media__image a>*>img {
            position: absolute;
            max-height: 100%;
            max-width: 100%;
            width: auto;
            height: auto;
            z-index: 1;
            top: 50%;
            left: 50%;
            -webkit-transform: translate3d(-50%, -50%, 0);
            -moz-transform: translate3d(-50%, -50%, 0);
            -ms-transform: translate3d(-50%, -50%, 0);
            -o-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0)
        }

        .wrap-zoom {
            z-index: 666;
            position: relative !important
        }

        .dropdown,
        .dropdown-wrap {
            position: relative
        }

        .img-zoomout,
        .wrap-zoom {
            cursor: pointer;
            cursor: -webkit-zoom-out;
            cursor: -moz-zoom-out
        }

        .p_img_zoomin,
        .wrap-zoom {
            position: relative;
            -webkit-transition: transform .3s;
            -ms-transition: transform .3s;
            transition: transform .3s
        }

        .dropdown-wrap {
            display: inline-block
        }

        .dropdown-menu {
            text-align: left;
            padding-top: 4px;
            display: none;
            min-width: 150px;
            position: absolute;
            top: 100%;
            left: -8px;
            visibility: hidden;
            z-index: 3
        }

        .dropdown-menu__content {
            min-width: 200px;
            position: relative;
            margin: 8px;
            background: #fff;
            box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15)
        }

        .dropdown-menu__content:after {
            content: "";
            position: absolute;
            left: 28px;
            width: 0;
            height: 0;
            top: 0;
            border: 6px solid #000;
            border-color: transparent transparent #fff #fff;
            transform-origin: 0 0;
            transform: rotate(135deg);
            box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, .05)
        }

        .dropdown-menu__content-article {
            min-width: 260px;
            max-width: 300px;
            padding: 12px
        }

        .dropdown-menu--right .dropdown-menu__content:after {
            left: auto;
            right: 2px
        }

        .dropdown-menu--right {
            left: auto;
            right: -8px
        }

        .dropdown>.icon {
            -webkit-transition: transform .25s ease-in-out;
            -moz-transition: transform .25s ease-in-out;
            -ms-transition: transform .25s ease-in-out;
            -o-transition: transform .25s ease-in-out;
            transition: transform .25s ease-in-out
        }

        .box,
        .detail__media,
        .detail__multiple-paging {
            margin-left: -18px;
            margin-right: -18px;
            padding-left: 18px;
            padding-right: 18px
        }

        .box__header {
            margin-top: 8px;
            margin-bottom: 8px;
            font-size: 23px
        }

        .box__title {
            margin: 0;
            font-size: 18px;
            color: #562b77
        }

        .box {
            position: relative;
            word-wrap: break-word;
            padding-top: 8px;
            padding-bottom: 8px;
            border-top: 3px solid #f0f0f0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-flow: column;
            margin-bottom: 24px
        }

        .box__header a,
        .nav,
        .nav__item {
            padding: 0
        }

        .box__logo {
            max-width: 200px;
            max-height: 45px;
            display: block
        }

        .page__header {
            margin-top: 12px
        }

        .page__title {
            margin: 0;
            font-size: 23px;
            color: #562b77
        }

        .page__breadcrumb {
            color: #999;
            font-size: 12px
        }

        .page__breadcrumb a {
            color: #999;
            position: relative
        }

        .page__breadcrumb a:after {
            content: "/";
            padding: 0 4px
        }

        .footer .nav__item:last-child a:after,
        .page__breadcrumb a:last-child:after {
            content: ""
        }

        .page__breadcrumb a:hover {
            color: #333
        }

        .nav__item--new a:after {
            content: "";
            width: 5px;
            height: 5px;
            background: red;
            position: middle;
            top: 0;
            margin-left: 4px;
            overflow: hidden
        }

        .footer .nav__item a,
        .nav,
        .nav__item,
        .nav__item--new,
        .navbar,
        .navbar-second .nav a,
        .navbar-shadow,
        .redirect {
            position: relative
        }

        .nav {
            list-style: none;
            margin: 0;
            font-size: 14px
        }

        .navbar-second .nav a {
            display: inline-block;
            padding: 4px 8px;
            text-align: center;
            cursor: pointer;
            border: 1px solid transparent;
            border-radius: 4px;
            background: #f7f7f7
        }

        .nav__item a {
            padding: 4px 24px 4px 0
        }

        .footer .nav__item a {
            padding: 0 8px;
            margin-bottom: 8px;
            color: #666
        }

        .footer .nav__item a:after {
            content: ".";
            position: absolute;
            top: -12px;
            right: -4px;
            font-size: 23px;
            font-weight: 400
        }

        .navbar-shadow .navbar--scroll .nav__item:first-child {
            padding-left: 16px
        }

        .navbar-shadow .navbar--scroll .nav__item:last-child {
            padding-right: 16px
        }

        .navbar-first .nav__item:last-child a {
            padding-right: 0
        }

        .navbar-second .nav__item {
            margin-top: 8px;
            margin-right: 8px;
            margin-bottom: 8px
        }

        .navbar-first .nav__item--active a {
            color: #562b77
        }

        .detail__body-tag .nav__item {
            background: #f0f0f0;
            margin: 4px;
            display: block;
            padding: 4px 16px;
            color: #000;
            font-size: 12px
        }

        .footer .nav {
            margin: 24px 0
        }

        .navbar--scroll .nav {
            padding-top: 4px;
            padding-bottom: 4px
        }

        .navbar-first .nav {
            height: 45px
        }

        .navbar-first .nav,
        .navbar-second .nav {
            overflow-x: auto;
            -ms-overflow-style: none;
            scrollbar-width: none;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-flow: nowrap
        }

        .back-top,
        .nav--center {
            justify-content: center
        }

        .navbar-first .nav::-webkit-scrollbar,
        .navbar-second .nav::-webkit-scrollbar {
            display: none
        }

        .detail__body-tag .nav {
            margin: 8px -4px
        }

        .header .navbar {
            height: 35px;
            overflow: hidden
        }

        .navbar-shadow:after,
        .navbar-shadow:before {
            height: 100%;
            top: 0;
            position: absolute;
            z-index: 1;
            content: ""
        }

        .navbar--scroll {
            padding-top: 0;
            overflow-x: hidden !important;
            overflow-y: scroll !important;
            -webkit-overflow-scrolling: touch
        }

        .navbar-wrap {
            overflow: hidden
        }

        .navbar-shadow {
            margin-left: -18px;
            margin-right: -18px
        }

        .navbar-shadow:before {
            width: 18px;
            left: 0;
            background: #fff;
            background: -moz-linear-gradient(right, #fff 25%, rgba(255, 255, 255, 0) 100%);
            background: -webkit-linear-gradient(right, #fff 25%, rgba(255, 255, 255, 0) 100%);
            background: linear-gradient(to right, #fff 25%, rgba(255, 255, 255, 0) 100%)
        }

        .navbar-shadow:after {
            width: 24px;
            right: 0;
            background: #fff;
            background: -moz-linear-gradient(left, #fff 25%, rgba(255, 255, 255, 0) 100%);
            background: -webkit-linear-gradient(left, #fff 25%, rgba(255, 255, 255, 0) 100%);
            background: linear-gradient(to left, #fff 25%, rgba(255, 255, 255, 0) 100%)
        }

        .back-top {
            width: 40px;
            height: 40px;
            position: fixed;
            right: 8px;
            bottom: 60px;
            background: rgba(204, 204, 204, .5);
            color: #fff;
            display: flex;
            align-items: center;
            font-size: 22px;
            z-index: 10
        }

        .back-top a {
            display: inherit;
            color: #fff
        }

        .dropdown-wrap .list-content__item:last-child {
            border-bottom: none
        }

        .dropdown-wrap .list-content__item {
            border-bottom: 1px solid #f0f0f0
        }

        .media__title {
            font-size: 16px
        }

        .footer,
        .linksisip strong,
        .list-content--column .media__title,
        .media__label {
            font-size: 14px
        }

        .detail__subtitle,
        .media__subtitle {
            font-size: 14px;
            color: var(--kuler-3)
        }

        .media__label {
            padding: 5px 12px;
            background: #562b77
        }

        .media--left .media__image {
            margin: 0 12px 0 0;
            width: 100px
        }

        .detail__multiple-paging .text-list__data {
            color: var(--kuler-1)
        }

        .btn--blue-base {
            background: #21409a;
            color: #fff
        }

        .btn--blue-base:hover {
            color: #fff
        }

        .btn--blue-base.btn--outline {
            border-color: #21409a;
            color: #21409a
        }

        .btn--paging {
            background: var(--kuler-1);
            color: #fff
        }

        .btn--paging:hover,
        .icon-item:hover {
            color: #fff
        }

        .footer {
            text-align: center;
            background: #e6e6e6;
            color: #666
        }

        .footer__logo {
            margin-top: 24px;
            display: inline-block
        }

        .footer__logo img {
            width: 160px
        }

        .footer__social {
            margin: 0 0 20px
        }

        .footer__copy {
            display: inline-block;
            margin-bottom: 64px
        }

        .footer__border {
            height: 4px;
            display: block
        }

        .footer-title,
        .footer__get-app {
            font-size: 12px
        }

        .footer-title__partof {
            margin-top: 8px;
            color: #666;
            padding: 4px 0
        }

        .footer-title__partof img {
            width: 80px;
            vertical-align: bottom;
            margin: 0 0 3px 3px
        }

        .footer__app-store {
            justify-content: center;
            align-items: center
        }

        .footer__app-store img {
            margin: 16px 2px;
            width: auto;
            height: 34px
        }

        @media (max-width:359px) {
            .footer__app-store img {
                height: 25px
            }
        }

        .bottom-sticky {
            height: 0
        }

        .redirect__page {
            background: var(--kuler-1);
            margin: 0 0 16px;
            border-radius: 8px;
            padding: 8px 12px;
            color: #f7f7f7;
            transform: translateY(500px);
            -webkit-transition: transform .4s cubic-bezier(.79, .33, .64, .82);
            transition: transform .4s cubic-bezier(.79, .33, .64, .82)
        }

        .detail__body-text p>a,
        .detail__title,
        .redirect__close-btn {
            color: var(--kuler-1)
        }

        .box-menu,
        .sticky-share {
            -webkit-transition: .3s ease-in-out;
            -moz-transition: .3s ease-in-out;
            -ms-transition: .3s ease-in-out;
            -o-transition: .3s ease-in-out
        }

        .redirect__page h3,
        .redirect__page h4 {
            color: #f7f7f7
        }

        .redirect__page h4 {
            margin-bottom: 0;
            max-height: 48px;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box !important;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            white-space: normal
        }

        .redirect__close {
            display: flex;
            justify-content: center;
            align-items: center;
            padding-left: 0
        }

        .redirect__close-btn {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 30px;
            height: 30px;
            text-align: center;
            border-radius: 100%;
            background: #e3f5fe99;
            font-size: 18px
        }

        .redirect .media__image.img-xss {
            width: 56px
        }

        .redirect .media__text {
            display: flex;
            align-items: center;
            justify-content: center;
            padding-left: 12px
        }

        .redirect .media__text.nomargin {
            padding-left: 0;
            width: 100%
        }

        .redirect .media__text.nomargin>:first-child {
            width: 100%
        }

        .redirect .media {
            align-items: center;
            justify-content: center
        }

        .sticky-share {
            visibility: hidden;
            padding: 4px 0;
            z-index: 27;
            position: fixed;
            left: 0;
            right: 0;
            height: 0;
            bottom: -100px;
            opacity: 0;
            transition: .3s ease-in-out
        }

        .js-menu-active .box-menu,
        .sticky-share--sticked {
            visibility: visible;
            opacity: 1
        }

        .sticky-share__wrap {
            padding-left: 8px;
            padding-right: 8px;
            box-shadow: 0 calc(4px / 2) 4px 0 rgba(0, 0, 0, .15);
            border-radius: 24px
        }

        .sticky-share--sticked {
            bottom: 0;
            margin-bottom: 25px;
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0)
        }

        .detail .sticky-share .icon-item {
            position: relative;
            width: 26px;
            height: 26px;
            margin-left: 6px;
            margin-right: 6px
        }

        .icon-item .comment-count {
            position: absolute;
            font-size: 10px;
            top: -4px;
            right: -4px;
            padding: 0 4px;
            min-width: 15px;
            background: #ed131b
        }

        .detail__header {
            text-align: center;
            padding: 16px 0
        }

        .detail__title {
            font-size: 23px;
            margin-bottom: 12px
        }

        .dropdown-wrap .detail__title {
            font-size: 14px;
            padding-bottom: 12px;
            margin: 0;
            color: var(--kuler-1)
        }

        .detail__date {
            display: inline-block;
            margin-top: 4px;
            color: #666;
            font-size: 12px
        }

        .detail__subtitle {
            font-size: 18px;
            margin-bottom: 0;
            color: #f7931d
        }

        .detail__author {
            margin-top: 8px;
            margin-bottom: 8px;
            font-size: 12px;
            color: #666
        }

        .detail__label {
            color: #aa248c
        }

        .detail__media {
            padding: 0;
            position: relative
        }

        .detail__media-image>img {
            width: 100%;
            min-height: 211px;
            max-width: none;
            position: relative;
            z-index: 2
        }

        .detail__media-image .img-zoomout {
            width: 100%;
            max-width: 100%
        }

        .detail__media-caption {
            display: inline-block;
            margin-top: 4px;
            color: #666;
            font-size: 12px;
            padding: 4px 18px
        }

        .detail__share,
        .smartbanner_new {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex
        }

        .detail__body,
        .detail__body-text>p:nth-of-type(2) {
            margin-top: 16px
        }

        .detail__body-text img {
            max-width: 100%
        }

        .detail__body-text>p:first-of-type {
            display: inline
        }

        .detail__body-text>h2,
        .detail__body-text>h3 {
            font-size: 18px
        }

        .detail__body-text>h4,
        .detail__body-text>h5,
        .detail__body-text>h6,
        .linksisip a {
            font-size: 16px
        }

        .detail__body-text table {
            width: 100%
        }

        .detail__share {
            display: flex;
            align-items: center;
            font-size: 14px;
            justify-content: center
        }

        .detail__newstag {
            margin: 16px 0
        }

        .detail__newstag-title {
            font-size: 14px;
            flex: 1
        }

        .detail__newstag img {
            margin-left: 16px
        }

        .detail__multiple-paging {
            padding: 12px 18px 0;
            border-top: 1px solid #f0f0f0;
            color: #999;
            font-size: 14px
        }

        .pic_artikel_sisip,
        .pic_artikel_sisip_table {
            font-size: 12px;
            line-height: 120%;
            width: 100%;
            text-align: center
        }

        .linksisip {
            position: relative;
            margin: 8px 0;
            border-left: 5px solid #562b77
        }

        .linksisip td,
        .pic_artikel_sisip_table td,
        .quotesisip td {
            border: none;
            padding: 0
        }

        .linksisip a {
            color: #562b77;
            display: block
        }

        .linksisip .lihatjg {
            padding-left: 20px
        }

        .linksisip .lihatjg strong {
            display: block;
            margin-bottom: 4px
        }

        .quotesisip {
            position: relative;
            margin: 20px 0;
            padding: 0;
            border: 0;
            width: 100%;
            background: #fff;
            border-left: 5px solid #562b77
        }

        .profile__box__bottom,
        .profile__box__top {
            display: flex;
            font-weight: 400;
            padding-left: 70px;
            font-style: normal
        }

        .quotesisip blockquote {
            display: block;
            width: 100%;
            font-size: 23px;
            margin: 0 0 12px;
            padding: 8px 12px 0 24px;
            line-height: 120%;
            position: relative;
            color: #000
        }

        .quotesisip blockquote:before {
            font-family: detiknetwork-FF;
            content: "\7b";
            font-size: 45px;
            display: block;
            margin-bottom: 8px;
            color: #999
        }

        .quotesisip cite {
            color: #666;
            font-size: 14px;
            display: block;
            margin-top: 4px;
            margin-left: 24px
        }

        .pic_artikel_sisip_table {
            margin-bottom: 20px;
            color: #666;
            table-layout: fixed
        }

        .pic_artikel_sisip {
            color: #999
        }

        .pic_artikel_sisip .pic {
            position: relative;
            display: inline-block;
            max-width: 100%;
            text-align: center
        }

        .pic_artikel_sisip .pic img {
            position: relative;
            max-width: 100%;
            max-height: 400px;
            height: auto;
            overflow: hidden;
            display: block;
            top: auto;
            left: auto;
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform: none;
            margin-left: auto;
            margin-right: auto
        }

        .pic_artikel_sisip .pic>span {
            position: relative;
            display: block;
            z-index: 1;
            padding-top: 8px;
            padding-bottom: 8px;
            border-bottom: 1px solid #e6e6e6
        }

        .sisip_embed_sosmed iframe {
            min-width: 100% !important;
            width: 100px !important
        }

        .profile__box {
            background: #f7f7f7;
            border-radius: 8px;
            margin: 24px 0;
            position: relative
        }

        .profile__box__top {
            background: #562b77;
            color: #fff;
            height: 41px;
            border-radius: 8px 8px 0 0;
            font-size: 16px;
            line-height: 20px;
            align-items: center
        }

        .profile__box__bottom {
            font-size: 14px;
            line-height: 18px;
            color: #000;
            padding-right: 14px
        }

        .profile__box__bottom__img {
            position: absolute;
            top: 12px;
            left: 0;
            margin-left: 12px
        }

        .profile__box__bottom__img img {
            width: 48px;
            height: 48px;
            object-fit: cover;
            border-radius: 100%;
            border: 2px solid #fff;
            background: #fff
        }

        .profile__box__bottom__text {
            margin: 12px 0
        }

        .icon-item {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin: 5px 4px;
            width: 32px;
            height: 32px;
            font-size: 20px;
            color: #fff;
            border-radius: 100%
        }

        .detail .icon-item {
            width: 35px;
            height: 35px;
            padding: 2px
        }

        .icon-item__fb {
            background: #3c5a99
        }

        .icon-item__tw {
            background: #000
        }

        .icon-item__ig {
            background: #5851db;
            background: -moz-radial-gradient(left bottom, ellipse cover, #ffdc80 15%, #e1306c 55%, #5851db 100%);
            background: -webkit-radial-gradient(left bottom, ellipse cover, #ffdc80 15%, #e1306c 55%, #5851db 100%);
            background: radial-gradient(ellipse at left bottom, #ffdc80 15%, #e1306c 55%, #5851db 100%)
        }

        .icon-item__in {
            background: #0077b5
        }

        .icon-item__wa {
            color: #fff;
            background: #25d366
        }

        .icon-item__tele {
            color: #fff;
            background: #08c
        }

        .icon-item__link {
            color: #fff;
            background: #999
        }

        .tableSpec {
            max-width: 100%;
            width: 100%;
            color: #727374;
            font-size: 13px;
            overflow: hidden
        }

        .tableSpec tr td {
            border: 1px solid #f1f2f3;
            padding: 7px 10px
        }

        .tableSpec tr td:first-child {
            background: #f7f8f9;
            font-weight: 700;
            width: 40%
        }

        .tableSpec tr td:nth-child(2) {
            display: none
        }

        .tableSpec tr td.title {
            padding: 5px 10px;
            font-size: 16px;
            line-height: 1.5;
            background: 0 0;
            font-weight: 400;
            color: #000
        }

        .tableSpec tr:hover td {
            background: #ffffe6
        }

        .tableSpec tr:hover td.title {
            background: 0 0
        }

        .breaking-sticky .media__text,
        .footer__border {
            background: #562b77;
            background: -moz-linear-gradient(135deg, #562b77 50%, #aa248c 100%);
            background: -webkit-linear-gradient(135deg, #562b77 50%, #aa248c 100%);
            background: linear-gradient(135deg, #562b77 50%, #aa248c 100%)
        }

        .bottom-sticky {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            z-index: 26
        }

        .media__image.img-xss {
            width: 56px
        }

        .collapsible {
            background: #f7f7f7;
            padding: 16px;
            width: 100%;
            border: 1px solid #ccc;
            text-align: left;
            outline: 0;
            border-radius: 4px;
            margin-bottom: 24px;
            cursor: pointer
        }

        .collapsible__top {
            color: #000;
            font-weight: 700;
            font-size: 16px;
            width: 100%
        }

        .collapsible__top::after {
            content: "";
            background-image: url("images/path-down.png");
            float: right;
            margin-left: 5px;
            background-size: cover;
            background-repeat: no-repeat;
            height: 13px;
            width: 23px;
            margin-top: 5px;
            position: relative;
            -webkit-transition: transform .2s ease-in-out;
            -moz-transition: transform .2s ease-in-out;
            -ms-transition: transform .2s ease-in-out;
            -o-transition: transform .2s ease-in-out;
            transition: transform .2s ease-in-out
        }

        .active .collapsible__top::after {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg)
        }

        .collapsible__content {
            transition: max-height .5s ease-out;
            overflow: hidden;
            max-height: 0;
            padding: 0 16px
        }

        .collapsible__content a {
            display: block
        }

        .mgt-0 {
            margin-top: 0 !important
        }

        .fs-14 {
            font-size: 14px !important
        }

        .active__content {
            max-height: 2000px;
            transition: max-height .5s ease-in
        }

        .color__blue {
            color: #21409a !important
        }

        .position-relative {
            position: relative !important
        }

        .list__berita {
            width: 100%;
            overflow-x: scroll;
            overflow-y: hidden;
            margin-bottom: 12px;
            padding-bottom: 20px;
            display: flex
        }

        .list__berita__title {
            color: var(--kuler-1);
            font-style: normal;
            font-weight: 600;
            font-size: 18px;
            line-height: 22px
        }

        .list__berita__item {
            width: 150px;
            margin-right: 14px
        }

        .list__berita__item__top {
            position: relative;
            margin-top: 10px
        }

        .list__berita__item__top__logo {
            position: absolute;
            top: 2px;
            right: 5px
        }

        .list__berita__item__bottom {
            margin-top: 5px
        }

        .list__berita__item__bottom__title {
            font-style: normal;
            font-weight: 500;
            font-size: 12px;
            line-height: 15px;
            letter-spacing: .04px;
            color: #000
        }

        .list__berita__item__bottom__date {
            color: #9b9b9b;
            font-style: normal;
            font-weight: 300;
            font-size: 11px;
            line-height: 13px;
            letter-spacing: -.22px
        }

        .komentar_box {
            padding-top: 90px
        }

        @media (min-width:576px) {
            .komentar_box {
                padding-top: 60px
            }
        }

        .smartbanner_new {
            font-weight: 300;
            justify-content: space-between;
            display: flex;
            flex-flow: wrap;
            align-items: center;
            background: #fff
        }

        .nav-framebar .nav__item a,
        .smartbanner_new .sb_close {
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            align-items: center
        }

        .nav-framebar__title,
        .smartbanner_new .get_app,
        .smartbanner_new strong,
        .user-log__login,
        .user-log__name {
            font-weight: 600
        }

        .smartbanner_new .sb_close {
            display: flex;
            justify-content: center;
            border-radius: 50%;
            color: #21409a
        }

        .box-overlay {
            border-radius: 4px;
            position: fixed;
            overflow: visible;
            top: 53px;
            right: 0;
            bottom: 0;
            left: 0;
            margin: 12px;
            padding: 8px;
            z-index: 100;
            background: #fff;
            box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15)
        }

        .box-overlay__header {
            position: relative;
            justify-content: space-between;
            padding-bottom: 8px;
            border-bottom: 1px solid #f0f0f0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-flow: wrap;
            align-items: center
        }

        .box-overlay__header-nav {
            position: absolute;
            right: 0;
            z-index: 3
        }

        .box-overlay--arrow-logo:after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            top: 0;
            left: 104px;
            border: 8px solid #000;
            border-color: transparent transparent #fff #fff;
            transform-origin: 0 0;
            transform: rotate(135deg);
            box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, .05)
        }

        .box-overlay__body {
            position: absolute;
            top: 50px;
            right: 8px;
            bottom: 8px;
            left: 8px;
            overflow-x: scroll !important;
            overflow-y: scroll !important;
            -webkit-overflow-scrolling: touch
        }

        .js-menu-active header.header,
        .js-overlay {
            position: fixed;
            top: 0
        }

        .box-menu {
            visibility: hidden;
            opacity: 0;
            transition: .3s ease-in-out
        }

        .user-log .media__author {
            margin: 0
        }

        .user-log .media__author-image-avatar {
            width: 35px;
            height: 35px
        }

        .user-log__login {
            color: #21409a;
            font-size: 14px
        }

        .nav-framebar {
            padding: 8px 0;
            border-top: 1px solid #f0f0f0
        }

        .nav-framebar .nav,
        .smartbanner_new strong {
            display: block;
            font-size: 12px
        }

        .nav-framebar .nav__item {
            display: inline-block;
            width: 100%;
            vertical-align: top;
            white-space: normal
        }

        .nav-framebar .nav__item a {
            padding: 4px;
            color: #666;
            display: flex
        }

        .nav-framebar .nav__item-new {
            display: inline-block;
            padding: 0 4px;
            font-size: 8px;
            margin-left: 4px;
            line-height: normal;
            background: red;
            color: #fff
        }

        .nav-framebar .nav__icon {
            width: 23px;
            height: 23px;
            display: inline-block;
            margin-right: 5px
        }

        .nav-framebar .nav__icon img {
            width: 100%
        }

        .nav-framebar .nav--two-col {
            columns: 2;
            -webkit-columns: 2;
            -moz-columns: 2;
            -webkit-column-gap: 0;
            -moz-column-gap: 0;
            column-gap: 0
        }

        .nav-framebar .nav.pl15 {
            padding-left: 15px;
            -webkit-column-gap: 5px;
            -moz-column-gap: 5px;
            column-gap: 5px
        }

        .nav-framebar__title {
            padding: 4px;
            margin-bottom: 8px;
            font-size: 14px;
            color: #333
        }

        .js-overlay {
            width: 100%;
            height: 100%;
            z-index: 25;
            background: rgba(0, 0, 0, .6);
            opacity: 0;
            -webkit-transition: .3s ease-in-out;
            -moz-transition: .3s ease-in-out;
            -ms-transition: .3s ease-in-out;
            -o-transition: .3s ease-in-out;
            transition: .3s ease-in-out
        }

        .js-menu-active .js-overlay {
            opacity: 1
        }

        .js-menu-active {
            padding-top: 88px;
            overflow: hidden
        }

        .smartbanner_new {
            height: 50px;
            padding: 0 8px;
            position: relative;
            font-size: 11px;
            align-items: center;
            text-align: left;
            z-index: 27
        }

        .smartbanner_new .app_logo {
            height: 36px;
            margin-right: 10px
        }

        .smartbanner_new .get_app {
            margin-right: 20px
        }

        .smartbanner_new .sb_close {
            position: absolute;
            text-decoration: none;
            height: 14px;
            width: 14px;
            font-size: 10px;
            top: 5px;
            right: 5px;
            border: 1px solid #21409a
        }

        .smartbanner_new>div>span {
            height: 31px
        }

        .n-columns-2 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            font-weight: 700;
        }

        .n-columns-2 a {
            text-align: center;
        }

        .login,
        .register {
            color: #000000;
            padding: 13px 10px;
        }

        .login,
        .login-button {
            border: 1px solid #ffffff;
            background: linear-gradient(to bottom, #ff0909 0, #5e1b1b 100%);
        }

        .register,
        .register-button {
            background: linear-gradient(to bottom, #fffb02 0, #e7d000 100%);
            border: 1px solid #ffffff;
        }
    </style>