@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900|Roboto:300,400,500,700,900&display=swap);

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

html {
    background: #fff;
    color: #000;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

html,
button,
input,
select,
textarea {
    font-family: sans-serif
}

body {
    margin: 0
}

a {
    background: #fff0
}

a:focus {
    outline: thin dotted
}

a:hover,
a:active {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

h2 {
    font-size: 1.5em;
    margin: .83em 0
}

h3 {
    font-size: 1.17em;
    margin: 1em 0
}

h4 {
    font-size: 1em;
    margin: 1.33em 0
}

h5 {
    font-size: .83em;
    margin: 1.67em 0
}

h6 {
    font-size: .75em;
    margin: 2.33em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

q:before,
q:after {
    content: '';
    content: none
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
input[disabled] {
    cursor: default
}

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

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    line-height: normal;
    margin: 4px 0 0
}

@font-face {
    font-family: "fontello";
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/fontello/fontello.eot);
    src: url("../fonts/fontello/fontello.eot?#iefix") format("embedded-opentype"), url(../fonts/fontello/fontello.woff) format("woff"), url(../fonts/fontello/fontello.ttf) format("truetype"), url("../fonts/fontello/fontello.svg#fontello") format("svg")
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-cancel:before {
    content: '\e800'
}

.icon-search:before {
    content: '\e801'
}

.icon-camera:before {
    content: '\e802'
}

.icon-play:before {
    content: '\e803'
}

.icon-right-open:before {
    content: '\e804'
}

.icon-left-open:before {
    content: '\e805'
}

.icon-line:before {
    content: '\e806'
}

.icon-link:before {
    content: '\e807'
}

.icon-path:before {
    content: '\e808'
}

.icon-comment:before {
    content: '\e809'
}

.icon-down-open:before {
    content: '\e80a'
}

.icon-up-open:before {
    content: '\e80b'
}

.icon-calendar:before {
    content: '\e80c'
}

.icon-plus:before {
    content: '\e80d'
}

.icon-minus:before {
    content: '\e80e'
}

.icon-spin5:before {
    content: '\e838'
}

.icon-twitter:before {
    content: '\f099'
}

.icon-facebook:before {
    content: '\f09a'
}

.icon-gplus:before {
    content: '\f0d5'
}

.icon-comment-empty:before {
    content: '\f0e5'
}

.icon-angle-left:before {
    content: '\f104'
}

.icon-angle-right:before {
    content: '\f105'
}

.icon-angle-up:before {
    content: '\f106'
}

.icon-angle-down:before {
    content: '\f107'
}

.icon-play-circled:before {
    content: '\f144'
}

.icon-instagram:before {
    content: '\f16d'
}

.icon-chart-line:before {
    content: '\f201'
}

.icon-pinterest:before {
    content: '\f231'
}

.icon-whatsapp:before {
    content: '\f232'
}

.opini .opini_user .box_img,
.share a,
.opini_user-detail .box_img,
.kolumnis .opini_user .box_img,
footer .foot2 .share a,
.comp_item .comp_name .comp_logo,
.list-opini_wrap .headline .opini-user .box_img,
.list-opini_wrap .list-opini .opini-user .box_img,
.circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.breaking-news.open_expand .desc-wrap .desc,
.open_expand.breaking-news-right .desc-wrap .desc {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.comp_item .comp_name .comp_logo img,
.icon_inside {
    position: absolute;
    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)
}

.col_mob_12,
.col_mob_11,
.col_mob_10,
.col_mob_9,
.col_mob_8,
.col_mob_7,
.col_mob_6,
.col_mob_5,
.col_mob_4,
.col_mob_3,
.col_mob_2,
.col_mob_1 {
    float: left
}

.col_mob_12,
.col_mob_11,
.col_mob_10,
.col_mob_9,
.col_mob_8,
.col_mob_7,
.col_mob_6,
.col_mob_5,
.col_mob_4,
.col_mob_3,
.col_mob_2,
.col_mob_1,
.col_12,
.col_tab_12,
.col_mol_12,
.col_11,
.col_tab_11,
.col_mol_11,
.col_10,
.col_tab_10,
.col_mol_10,
.col_9,
.col_tab_9,
.col_mol_9,
.col_8,
.col_tab_8,
.col_mol_8,
.col_7,
.col_tab_7,
.col_mol_7,
.col_6,
.col_tab_6,
.col_mol_6,
.col_5,
.col_tab_5,
.col_mol_5,
.col_4,
.col_tab_4,
.col_mol_4,
.col_3,
.col_tab_3,
.col_mol_3,
.col_2,
.col_tab_2,
.col_mol_2,
.col_1,
.col_tab_1,
.col_mol_1 {
    font-size: 14px;
    display: block;
    padding-left: 0;
    padding-right: 0
}

@media (min-width:576px) {

    .inline .col_12,
    .inline .col_tab_12,
    .inline .col_mol_12,
    .inline .col_mob_12,
    .inline .col_11,
    .inline .col_tab_11,
    .inline .col_mol_11,
    .inline .col_mob_11,
    .inline .col_10,
    .inline .col_tab_10,
    .inline .col_mol_10,
    .inline .col_mob_10,
    .inline .col_9,
    .inline .col_tab_9,
    .inline .col_mol_9,
    .inline .col_mob_9,
    .inline .col_8,
    .inline .col_tab_8,
    .inline .col_mol_8,
    .inline .col_mob_8,
    .inline .col_7,
    .inline .col_tab_7,
    .inline .col_mol_7,
    .inline .col_mob_7,
    .inline .col_6,
    .inline .col_tab_6,
    .inline .col_mol_6,
    .inline .col_mob_6,
    .inline .col_5,
    .inline .col_tab_5,
    .inline .col_mol_5,
    .inline .col_mob_5,
    .inline .col_4,
    .inline .col_tab_4,
    .inline .col_mol_4,
    .inline .col_mob_4,
    .inline .col_3,
    .inline .col_tab_3,
    .inline .col_mol_3,
    .inline .col_mob_3,
    .inline .col_2,
    .inline .col_tab_2,
    .inline .col_mol_2,
    .inline .col_mob_2,
    .inline .col_1,
    .inline .col_tab_1,
    .inline .col_mol_1,
    .inline .col_mob_1 {
        display: inline-block;
        float: none;
        vertical-align: top
    }
}

.gap .col_12,
.gap .col_tab_12,
.gap .col_mol_12,
.gap .col_mob_12,
.gap .col_11,
.gap .col_tab_11,
.gap .col_mol_11,
.gap .col_mob_11,
.gap .col_10,
.gap .col_tab_10,
.gap .col_mol_10,
.gap .col_mob_10,
.gap .col_9,
.gap .col_tab_9,
.gap .col_mol_9,
.gap .col_mob_9,
.gap .col_8,
.gap .col_tab_8,
.gap .col_mol_8,
.gap .col_mob_8,
.gap .col_7,
.gap .col_tab_7,
.gap .col_mol_7,
.gap .col_mob_7,
.gap .col_6,
.gap .col_tab_6,
.gap .col_mol_6,
.gap .col_mob_6,
.gap .col_5,
.gap .col_tab_5,
.gap .col_mol_5,
.gap .col_mob_5,
.gap .col_4,
.gap .col_tab_4,
.gap .col_mol_4,
.gap .col_mob_4,
.gap .col_3,
.gap .col_tab_3,
.gap .col_mol_3,
.gap .col_mob_3,
.gap .col_2,
.gap .col_tab_2,
.gap .col_mol_2,
.gap .col_mob_2,
.gap .col_1,
.gap .col_tab_1,
.gap .col_mol_1,
.gap .col_mob_1 {
    padding-left: 3.75px;
    padding-right: 3.75px
}

@media (min-width:576px) {

    .gap .col_12,
    .gap .col_tab_12,
    .gap .col_mol_12,
    .gap .col_mob_12,
    .gap .col_11,
    .gap .col_tab_11,
    .gap .col_mol_11,
    .gap .col_mob_11,
    .gap .col_10,
    .gap .col_tab_10,
    .gap .col_mol_10,
    .gap .col_mob_10,
    .gap .col_9,
    .gap .col_tab_9,
    .gap .col_mol_9,
    .gap .col_mob_9,
    .gap .col_8,
    .gap .col_tab_8,
    .gap .col_mol_8,
    .gap .col_mob_8,
    .gap .col_7,
    .gap .col_tab_7,
    .gap .col_mol_7,
    .gap .col_mob_7,
    .gap .col_6,
    .gap .col_tab_6,
    .gap .col_mol_6,
    .gap .col_mob_6,
    .gap .col_5,
    .gap .col_tab_5,
    .gap .col_mol_5,
    .gap .col_mob_5,
    .gap .col_4,
    .gap .col_tab_4,
    .gap .col_mol_4,
    .gap .col_mob_4,
    .gap .col_3,
    .gap .col_tab_3,
    .gap .col_mol_3,
    .gap .col_mob_3,
    .gap .col_2,
    .gap .col_tab_2,
    .gap .col_mol_2,
    .gap .col_mob_2,
    .gap .col_1,
    .gap .col_tab_1,
    .gap .col_mol_1,
    .gap .col_mob_1 {
        padding-left: 7.5px;
        padding-right: 7.5px
    }
}

header .menu .nav_menu ul,
.list,
.kolumnis ul,
.kurs-slide .tab,
.berita-utama ul,
.list-opini_wrap .list-opini,
.detail_terkait .berita-terkait ul,
.list-glossary .list_item-glossary {
    margin: 0;
    padding: 0
}

header .menu .nav_menu ul,
.list,
.kolumnis ul,
.kurs-slide .tab,
.berita-utama ul,
.list-opini_wrap .list-opini,
.detail_terkait .berita-terkait ul,
.list-glossary .list_item-glossary {
    list-style: none
}

a:hover,
footer a:hover,
.btn:hover,
.box .title_box a:hover,
a:hover .box_text.dark h2,
.text_inside .date,
.icon_inside {
    opacity: .9;
    filter: alpha(opacity=90)
}

.btn_nofill:hover,
.btn_group.btn_nofill a:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.box_text.text_inside,
.list.terbaru.big_hl li:nth-child(1) .box_text,
.list.terbaru.big_hl li:nth-child(2) .box_text {
    background: #000;
    background: -moz-linear-gradient(top, transparent 0%, rgb(0 0 0 / .7) 60%);
    background: -webkit-linear-gradient(top, transparent 0%, rgb(0 0 0 / .7) 60%);
    background: linear-gradient(to bottom, transparent 0%, rgb(0 0 0 / .7) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start_color', endColorstr='$end_color', GradientType=1)
}

.list.terbaru li.hn .box_img:before {
    background: #000;
    background: -moz-linear-gradient(top, transparent 0%, rgb(0 0 0 / .5) 60%);
    background: -webkit-linear-gradient(top, transparent 0%, rgb(0 0 0 / .5) 60%);
    background: linear-gradient(to bottom, transparent 0%, rgb(0 0 0 / .5) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start_color', endColorstr='$end_color', GradientType=1)
}

.box .title_box,
.box,
.list.two-colm .box_text .label,
.list.three-colm .box_text .label,
.list.two-colm .box_text .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .list.two-colm .box_text .an_sub,
.list.three-colm .box_text .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .list.three-colm .box_text .an_sub,
.list.terbaru li .label,
.list.terbaru li .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .list.terbaru li .an_sub,
.list.terbaru li.nhl_feature .subjudul,
.list.terbaru li.nhl_feature .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .list.terbaru li.nhl_feature .an_label,
.inside_row_article .box_text .label,
.inside_row_article .box_text .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .inside_row_article .box_text .an_sub,
footer,
.headline .box_text .label,
.headline .box_text .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .headline .box_text .an_sub,
.selector,
.lain .box_text .label,
.lain .box_text .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .lain .box_text .an_sub {
    font-family: 'Roboto', sans-serif
}

header .menu,
.livestreaming .label,
.livestreaming-right .label,
.livestreaming .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .livestreaming .an_sub,
.livestreaming-right .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .livestreaming-right .an_sub,
.livestreaming-right.open .label,
.list.big.feature li .subjudul,
.list.big.feature li .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .list.big.feature li .an_label,
.list.grid.col-3 li .box_text .subjudul,
.list.grid.col-3 li .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .list.grid.col-3 li .box_text .an_label,
.list.terbaru li .subjudul,
.list.terbaru li .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .list.terbaru li .an_label,
.inside_row_article .box_text .subjudul,
.inside_row_article .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .inside_row_article .box_text .an_label,
.outside_row_article .box_text .subjudul,
.outside_row_article .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .outside_row_article .box_text .an_label,
.kurs-slide {
    font-family: 'Roboto', sans-serif;
    font-weight: 500
}

.btn,
.title,
.livestreaming.open h2,
.open.livestreaming-right h2,
.box .title,
.box .full-width .subjudul,
.box .full-width .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .box .full-width .an_label,
.list.thumb li .box_text .subjudul,
.list.thumb li .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .list.thumb li .box_text .an_label,
.profile li .box_text .subjudul,
.profile li .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .profile li .box_text .an_label,
.headline .box_text .subjudul,
.headline .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .headline .box_text .an_label,
.headline .box_text h1,
.headline .hl_kait .title_kait span,
.list-opini_wrap .list-opini .box_text .subjudul,
.list-opini_wrap .list-opini .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .list-opini_wrap .list-opini .box_text .an_label,
.notfound h1,
.notfound h3,
.notfound a {
    font-family: 'Roboto', sans-serif;
    font-weight: 700
}

.datepick,
.livestreaming.open .title,
.open.livestreaming-right .title,
.box .full-width .duration,
.list li .duration,
.list.two-colm .box_text .date,
.list.three-colm .box_text .date,
.list.grid.col-3 li .box_text .date,
.list.grid.col-3 li .box_text h2,
.list.terbaru li .date,
.list.terbaru li.nhl_foto .sum,
.list.terbaru li.hn.hn_foto .nhl_icon-video,
.list.terbaru li.hn.hn_market .nhl_icon-market,
.inside_row_article .box_text .date,
.profile li .box_text .desc,
.opini .opini_user .opini_desc p,
.opini_user-detail .opini_desc p,
.kolumnis .opini_user .opini_desc p,
.paging-long,
.date-market,
.sponsor span,
.headline .box_text .date,
.title_kanal span,
.list-opini_wrap .headline .opini-user .opini_desc p,
.list-opini_wrap .list-opini .box_text h2,
.list-opini_wrap .list-opini .opini-user .opini_desc p,
.search-list .search-btn,
.filter,
.market_table,
.list-glossary .list_item-glossary p,
.lain .box_text .date {
    font-family: 'Roboto', sans-serif;
    font-weight: 400
}

h1,
h2,
h3,
h4,
h5,
.list.terbaru li.nhl_video .duration,
.list.terbaru li.nhl_video .link,
.list.terbaru li.nhl_foto .duration,
.list.terbaru li.nhl_foto .link,
.list.terbaru li.hn .duration,
.profile li .box_text,
.opini .opini_user .opini_desc .opini_name,
.opini_user-detail .opini_desc,
.opini_user-detail .opini_desc .share span,
.kolumnis .opini_user .opini_desc .opini_name,
.paging,
.headline .hl_kait .link_kait a,
.title_kanal,
.list-opini_wrap .headline .opini-user .opini_desc,
.list-opini_wrap .list-opini .opini-user .opini_desc,
.search-list .search-result,
.list-glossary .alpha,
.list-glossary .list_item-glossary {
    font-family: 'Roboto', sans-serif;
    font-weight: 700
}

a,
.styled-select select,
.text,
.btn,
.box_text,
.box_text h2,
.box_text h3,
.box_text h4,
.is_stuck,
header .menu .nav_menu ul li,
.title a i,
.flez,
.breaking-news-right,
.livestreaming-right,
.btn i,
.sticky,
.caret:before,
.caret:after {
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -ms-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s
}

header .menu .nav_menu,
header .menu .search-wrap,
header .menu .search-wrap .form-search {
    -webkit-transition: all 350ms cubic-bezier(.165, .84, .44, 1);
    -moz-transition: all 350ms cubic-bezier(.165, .84, .44, 1);
    -ms-transition: all 350ms cubic-bezier(.165, .84, .44, 1);
    -o-transition: all 350ms cubic-bezier(.165, .84, .44, 1);
    transition: all 350ms cubic-bezier(.165, .84, .44, 1)
}

body {
    margin: 0;
    line-height: 1.25;
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background: #fff
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

a {
    text-decoration: none;
    color: #444
}

a:hover {
    color: #777
}

hr {
    border-style: solid none none;
    border-color: #d4d4d4;
    margin: 15px 0
}

hr.blue {
    border-width: 4px;
    border-color: #204D7F
}

p {
    margin-top: 0;
    margin-bottom: 20px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    line-height: 1.25;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

h1 {
    font-size: 36px
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

header,
footer,
table {
    display: table;
    width: 100%
}

article {
    position: relative
}

.ratiobox_content iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

header,
footer,
.table {
    display: table;
    width: 100%
}

ol,
ul {
    padding: 0 0 0 25px;
    margin-top: 14px;
    margin-bottom: 14px;
    margin-bottom: 14px
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-top: 7px;
    margin-bottom: 0
}

ol li,
ul li {
    padding: 5px 0
}

img {
    vertical-align: middle
}

.full_width img {
    width: 100%
}

footer {
    color: #fff
}

footer .footer {
    position: relative;
    z-index: 2
}

footer a {
    color: #fff
}

footer a:hover {
    color: #fff
}

footer>.container {
    padding: 20px
}

footer .foot1 {
    border-bottom: 1px dotted #e6e6e6;
    margin: 0 0 10px;
    padding: 0 0 10px
}

footer .foot2 div {
    font-size: 12px;
    margin-top: 7px
}

footer .share_bottom {
    display: block
}

footer .share_bottom a {
    display: inline-block
}

footer .share_bottom a img {
    width: 35px
}

.animate-spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -ms-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    display: inline-block
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-moz-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.grid_row {
    font-size: 0;
    position: relative;
    overflow: hidden
}

.grid_row.gap {
    margin: 0 -7.5px
}

.grid_row.gap>div,
.grid_row.gap>article {
    margin-bottom: 15px
}

.col_mob_12 {
    width: 100%
}

.col_mob_11 {
    width: 91.66667%
}

.col_mob_10 {
    width: 83.33333%
}

.col_mob_9 {
    width: 75%
}

.col_mob_8 {
    width: 66.66667%
}

.col_mob_7 {
    width: 58.33333%
}

.col_mob_6 {
    width: 50%
}

.col_mob_5 {
    width: 41.66667%
}

.col_mob_4 {
    width: 33.33333%
}

.col_mob_3 {
    width: 25%
}

.col_mob_2 {
    width: 16.66667%
}

.col_mob_1 {
    width: 8.33333%
}

table th {
    border: 1px solid #e6e6e6;
    padding: 10px;
    text-align: left
}

table td {
    border: 1px solid #e6e6e6;
    padding: 5px 10px
}

table.table {
    width: 100%;
    border: none;
    background: #fff
}

table.table th {
    background: #fff;
    border-color: #fff
}

table.table tr:nth-child(2n) {
    background: #fff
}

table.table td {
    border-color: #fff
}

table.table_dark {
    color: #fff;
    background: #737373
}

table.table_dark th {
    background: #295D97;
    color: #fff;
    border-color: #676767
}

table.table_dark tr:nth-child(2n) {
    background: #676767
}

table.table_dark td {
    border-color: #295D97
}

table.table_small {
    font-size: 11px
}

table.table_small th {
    font-size: 13px
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none
}

textarea,
.styled-select select,
input[type="text"],
input[type="button"],
input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

input[type="text"],
textarea {
    font-size: 14px;
    display: inline-block;
    border: 1px solid #ccc;
    padding: 5px 10px;
    margin: 0 0 10px;
    background: #f7f7f7
}

textarea {
    resize: none
}

button {
    cursor: pointer
}

label {
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 1.5
}

.form .grid_row {
    margin: 0 0 5px
}

.form label {
    display: inline-block
}

.form .text {
    font-size: 14px;
    display: block;
    border: 1px solid #ccc;
    padding: 7px 10px;
    margin: 0 0 10px;
    background: #f7f7f7
}

.form .text.half {
    width: 50%
}

.form .text.full {
    width: 100%
}

.form .text:hover,
.form .text:focus {
    border-color: #adadad
}

.form .tip {
    display: block
}

.checkbox label {
    padding-left: 20px;
    cursor: pointer
}

.checkbox [type="checkbox"],
.checkbox [type="radio"] {
    margin-left: -20px;
    margin-right: 4px;
    position: absolute
}

.checkbox .icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 4px 3px 4px 8px;
    margin: 0 3px 0 0;
    text-indent: -5px;
    vertical-align: middle
}

.styled-select {
    background: #fff;
    overflow: hidden;
    width: 240px
}

.styled-select.small,
.styled-select.small select {
    width: 70px
}

.styled-select.medium,
.styled-select.medium select {
    width: 150px
}

.styled-select.half {
    width: 50%
}

.styled-select.full,
.styled-select.full select,
.styled-select.half select {
    width: 100%
}

.styled-select select {
    width: 240px;
    border: none;
    font-size: 14px;
    padding: 5px;
    border: 1px solid #ccc;
    padding: 7px 30px 7px 10px;
    background: #f7f7f7
}

.styled-select select:hover {
    border-color: #adadad
}

.styled-select .caret {
    pointer-events: none
}

.styled-select .caret:before {
    left: -25px;
    top: 14px;
    border-top-color: #adadad
}

.btn {
    font-size: 15px;
    line-height: 1.35;
    display: inline-block;
    padding: 5px 15px;
    text-align: center;
    cursor: pointer;
    vertical-align: top;
    color: #fff;
    background: #176195;
    border: 1px solid #104469
}

.btn:hover {
    color: #fff
}

.btn_blue {
    background: blue;
    color: #fff;
    border: 1px solid #00c
}

.btn_red {
    background: red;
    color: #fff;
    border: 1px solid #c00
}

.btn_orange {
    background: orange;
    color: #fff;
    border: 1px solid #cc8400
}

.btn_green {
    background: green;
    color: #fff;
    border: 1px solid #004d00
}

.btn_grey {
    background: grey;
    color: #fff;
    border: 1px solid #676767
}

.btn_small {
    font-size: 10px;
    padding: 5px 10px
}

.btn_large {
    font-size: 18px;
    padding: 5px 20px
}

.btn_nofill,
.btn_group.btn_nofill a {
    border: 2px solid #176195;
    background: none;
    color: #176195;
    padding-top: 4px;
    padding-bottom: 4px
}

.btn_nofill:hover,
.btn_group.btn_nofill a:hover {
    background: #176195
}

.btn_group {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: inherit
}

.btn_group a {
    padding: 5px 15px;
    margin: 0 -1px 0 0;
    float: left;
    position: relative;
    white-space: nowrap;
    border-width: 1px
}

@media (max-width:480px) {
    .btn_group a span {
        width: 50px;
        height: 35px;
        font-size: 12px;
        white-space: normal;
        display: table-cell;
        vertical-align: middle
    }
}

.btn_group_justified a {
    float: none;
    width: 1%;
    display: table-cell
}

.thin_btn {
    display: inline-block;
    font-weight: 400;
    color: #0f5586;
    font-size: 13px;
    border: 1px solid #0f5586;
    border-radius: 13px;
    padding: 4px 13px;
    vertical-align: middle
}

.thin_btn:hover {
    color: #fff;
    background: #0f5586
}

.container {
    margin: 0 auto;
    padding: 0;
    width: 1100px
}

.container:before,
.container:after {
    content: " ";
    display: table
}

@media screen and (min-width:1025px) and (max-width:1280px) {
    .container {
        width: 1000px
    }
}

#content {
    position: relative;
    margin: 0 0 10px
}

.box {
    position: relative;
    display: inline-block;
    width: 100%;
    background: #fff;
    border: 1px solid #fff
}

.box .title_box {
    background: #176195;
    color: #fff;
    padding: 8px 10px 8px 15px;
    position: relative;
    text-transform: uppercase;
    max-height: 50px;
    z-index: 4;
    font-size: 18px
}

.box .title_box a {
    color: #fff;
    height: 100%
}

.title_page {
    padding: 0 0 10px;
    color: #176195;
    font-size: 22px;
    font-weight: 700
}

.title_page.fill {
    background: #204D7F;
    color: #fff;
    padding: 10px 15px;
    font-size: 16px
}

.box_text {
    display: block
}

.grid_row .box_text {
    margin: 10px 0 0
}

.box_text.text_inside,
.list.terbaru.big_hl li:nth-child(1) .box_text,
.list.terbaru.big_hl li:nth-child(2) .box_text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 25% 15px 15px;
    margin: 0;
    z-index: 2
}

.box_text h2,
.box_text h3,
.box_text h4 {
    font-weight: 700
}

.box_text.dark {
    background: #397dc9
}

.box_text.dark h2 {
    color: #fff
}

.text_inside {
    position: relative;
    background: #176195
}

.text_inside a {
    display: block;
    position: relative;
    color: #fff !important
}

.text_inside a:hover {
    opacity: .85;
    filter: alpha(opacity=85)
}

.text_inside .date {
    color: #fff
}

.grid_row.gap .text_inside {
    left: 3.75px;
    right: 3.75px
}

@media (min-width:576px) {
    .grid_row.gap .text_inside {
        left: 7.5px;
        right: 7.5px
    }
}

.box_img {
    width: 140px;
    float: left
}

.ratiobox.ratio_16_9:after {
    padding-top: 56.25%
}

.ratiobox.ratio_4_3:after {
    padding-top: 75%
}

.ratiobox.ratio_3_4:after {
    padding-top: 133%
}

.ratiobox.ratio_9_16:after {
    padding-top: 178%
}

.ratiobox {
    display: block;
    position: relative
}

.ratiobox:after {
    content: "";
    display: block;
    padding-top: 100%;
    overflow: hidden
}

.ratiobox>.ratiobox_content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background: #000;
    border-radius: 4px
}

.ratiobox>.ratiobox_content img {
    height: 100%;
    max-width: 100%
}

.list {
    display: inline-block;
    width: 100%;
    background: #fff
}

.list>article,
.list>a {
    position: relative;
    padding-top: 0;
    padding-bottom: 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid #fff
}

.list>article .title {
    font-size: 16px;
    font-weight: 700
}

.list a {
    display: block
}

.list.media_rows>article,
.list.media_rows>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1
}

.list.media_rows.middle a {
    -moz-box-align: center;
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    flex-flow: row nowrap;
    justify-content: space-between
}

.list.media_rows .box_img {
    width: 75px;
    display: table
}

.list.media_rows .box_text {
    margin: 0 0 0 15px;
    width: 100%;
    -ms-flex: 1 0 0%;
    flex: 1
}

.cols>article .title {
    font-size: 16px;
    font-weight: 700
}

.cols a {
    display: block
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: #fff0
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid #fff0
}

.slick-arrow.slick-hidden {
    display: none
}

[class*="datepick"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.datepick-rtl {
    direction: rtl
}

.datepick-rtl .datepick-cmd-prev,
.datepick-rtl .datepick-cmd-prevJump,
.datepick-rtl .datepick-cmd-clear {
    float: right;
    padding-left: 0%;
    padding-right: 2%;
    text-align: right
}

.datepick-rtl .datepick-cmd-current,
.datepick-rtl .datepick-cmd-today {
    float: right
}

.datepick-rtl .datepick-cmd-next,
.datepick-rtl .datepick-cmd-nextJump,
.datepick-rtl .datepick-cmd-close {
    float: left;
    padding-left: 2%;
    padding-right: 0%;
    text-align: left
}

.datepick-popup {
    z-index: 1000;
    opacity: 1;
    width: 250px
}

.datepick-popup .datepick {
    border: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / .3);
    -moz-box-shadow: 0 0 10px 0 rgb(0 0 0 / .3);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / .3);
    padding: 5px
}

.datepick-disable {
    position: absolute;
    z-index: 100;
    background-color: #fff;
    opacity: .5;
    filter: alpha(opacity=50)
}

.datepick a {
    color: #000;
    text-decoration: none
}

.datepick a.datepick-disabled {
    color: #888;
    cursor: auto
}

.datepick button {
    margin: .25em;
    padding: .125em 0em;
    background-color: #fcc;
    border: none;
    border-radius: .25em;
    -moz-border-radius: .25em;
    -webkit-border-radius: .25em;
    font-weight: 700
}

.datepick-nav {
    float: left;
    width: 100%;
    background-color: #fff;
    color: #000;
    font-size: 90%;
    font-weight: 700
}

.datepick-ctrl {
    float: left;
    width: 100%;
    background-color: #fff;
    color: #000;
    font-size: 90%;
    font-weight: 700
}

.datepick-ctrl .datepick-cmd:hover {
    background-color: #0081c8
}

.datepick-cmd {
    width: 20%
}

.datepick-cmd:hover {
    background-color: #0098eb;
    color: #fff
}

.datepick-cmd-prevJump {
    width: 8%;
    float: left;
    padding-left: 2%
}

.datepick-cmd-nextJump {
    width: 8%;
    float: right;
    padding-right: 2%;
    text-align: right
}

a.datepick-cmd {
    padding: 5px 8px;
    display: inline-block;
    font-size: 12px
}

button.datepick-cmd {
    text-align: center
}

.datepick-cmd-prev {
    float: left;
    padding-left: 2%;
    width: 15%
}

.datepick-cmd-clear {
    float: left;
    padding-left: 2%
}

.datepick-cmd-current {
    float: left;
    width: 30%;
    text-align: center
}

.datepick-cmd-today {
    float: left;
    width: 30%;
    text-align: center;
    width: 40%;
    text-align: center
}

.datepick-cmd-next {
    float: right;
    padding-right: 2%;
    text-align: right;
    width: 15%
}

.datepick-cmd-close {
    float: right;
    padding-right: 2%;
    text-align: right
}

.datepick-month-nav {
    float: left;
    text-align: center
}

.datepick-month-nav div {
    float: left;
    width: 12.5%;
    margin: 1%;
    padding: 1%
}

.datepick-month-nav span {
    color: #888
}

.datepick-month-row {
    clear: left
}

.datepick-month {
    float: left;
    width: 15em;
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px
}

.datepick-month table {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px
}

.datepick-month thead {
    border-bottom: 1px solid #aaa
}

.datepick-month th {
    text-align: center;
    margin: 0;
    color: #000;
    padding: 0
}

.datepick-month th a {
    color: #000
}

.datepick-month td {
    text-align: center;
    margin: 0;
    padding: 0;
    border: none
}

.datepick-month td span {
    color: #888
}

.datepick-month td .datepick-other-month {
    background-color: #fff
}

.datepick-month td .datepick-today {
    background-color: #295D97;
    color: #fff
}

.datepick-month td .datepick-highlight,
.datepick-month td .datepick-selected {
    background-color: #295D97;
    color: #fff
}

.datepick-month td.datepick-week {
    border: 1px solid #777
}

.datepick-month td.datepick-week * {
    background-color: #777;
    color: #fff;
    border: none
}

.datepick-month a {
    display: block;
    width: 100%;
    padding: 3px 0;
    color: #000;
    text-decoration: none
}

.datepick-month span {
    display: block;
    width: 100%
}

.datepick-month th.datepick-week {
    background-color: #0081c8;
    color: #fff
}

.datepick-month-header {
    background-color: #fff;
    color: #000;
    font-weight: 700;
    padding: 5px;
    height: 25px
}

.datepick-month-header select {
    background-color: #fff;
    color: #000;
    font-weight: 700;
    padding: 5px;
    border: none;
    width: 48%;
    float: left;
    font-size: 10px;
    border: 1px solid #ccc;
    margin-right: 2px;
    border-radius: 0
}

.datepick-month-header input {
    background-color: #fff;
    color: #000;
    font-weight: 700;
    padding: 5px;
    border: none;
    width: 48%;
    float: left;
    font-size: 10px;
    position: absolute;
    display: none
}

.datepick-status {
    clear: both;
    background-color: #ddd;
    text-align: center
}

.datepick-clear-fix {
    clear: both
}

.datepick-cover {
    display: none;
    display: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -1px;
    left: -1px;
    width: 100px;
    height: 100px
}

#altOutput {
    border: none;
    resize: none
}

.is-datepick {
    border: 1px solid #ccc
}

#chartdiv {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 40px
}

#chart-area {
    width: 100%;
    height: 400px
}

.amChartsDataSetSelector {
    font-size: 14px;
    font-family: verdana, helvetica, arial, sans-serif;
    margin-bottom: 20px;
    color: #333;
    display: none
}

.amChartsDataSetSelector select {
    margin-right: 15px
}

.amChartsPeriodSelector {
    font-size: 12px;
    font-family: verdana, helvetica, arial, sans-serif;
    margin-bottom: 25px
}

.amChartsPeriodSelector fieldset div {
    width: 100%;
    float: none
}

.amChartsPeriodSelector fieldset div input[type="button"] {
    width: calc(100% / 7);
    padding: 11px 10px;
    background: none !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    margin: 0px !important;
    float: left;
    display: block
}

.amChartsButton {
    border-bottom: 3px solid #ccd6db !important;
    height: 40px
}

.amChartsButtonSelected {
    background: none;
    border: none;
    border-bottom: 3px solid #dd4839 !important;
    color: #dd4839;
    outline: none;
    box-sizing: border-box
}

.amChartsButton {
    background: none;
    border: none;
    border-bottom: 3px solid #ccd6db;
    margin: 0;
    color: #2077b6;
    outline: none;
    box-sizing: border-box
}

.amChartsCompareList {
    border-style: solid;
    border-color: #CCC;
    border-width: 1px
}

.amChartsCompareList div {
    -webkit-box-sizing: initial;
    box-sizing: initial
}

#selector {
    width: 200px;
    float: left;
    margin-right: 15px
}

#selector ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

#selector li {
    cursor: pointer;
    margin: 0;
    padding: 5px 8px;
    background: #eee
}

#selector li:hover,
#selector li.selected {
    background: #ddd
}

.wp .amChartsDataSetSelector {
    display: none
}

.amcharts-chart-div a {
    display: none !important
}

.graph_container {
    position: relative
}

.amChartsLegend {
    display: none
}

.amchart-tools {
    position: absolute;
    top: 42px;
    right: 0;
    z-index: 3;
    line-height: 28px
}

.amchart-tools label {
    font-size: 12px;
    position: relative;
    font-weight: 300;
    color: #000;
    opacity: .7;
    padding-left: 20px;
    cursor: pointer;
    margin-right: 10px
}

.amchart-tools label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #ccc
}

.amchart-tools input {
    position: absolute;
    left: -10000000px
}

.amchart-tools input:checked+label:before {
    background: #295D97;
    border: 1px solid #204D7F
}

body.not {
    background: url(../images/404-bg.png) no-repeat center 220px #176195
}

.b_bottom {
    border-bottom: 1px solid #e6e6e6
}

.b_top {
    border-top: 1px solid #e6e6e6
}

.hide {
    display: none
}

.showme {
    display: block
}

table.table_bor tr {
    border-top: 1px solid #e6e6e6
}

table.table_bor tr td {
    border: none;
    padding: 10px
}

table.table_bor tr td:first-child {
    padding-left: 0
}

.lvr_live {
    position: absolute;
    top: 20px;
    left: 0;
    background-color: #D0021B;
    color: #fff;
    padding: 0 14px;
    z-index: 2;
    text-transform: uppercase;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
    text-shadow: 1px 1px 5px #fff0
}

.lvr_live span {
    width: 18px;
    height: 18px;
    border-radius: 10px;
    background-color: #ff0;
    display: inline-block;
    margin-right: 5px;
    margin-top: 5px;
    animation: myfirst 1s;
    -moz-animation: myfirst 1s infinite;
    -webkit-animation: myfirst 1s infinite;
    float: left;
    margin-right: 5px
}

@-moz-keyframes "myfirst" {
    0% {
        background: #ff0
    }

    100% {
        background: #000
    }

    50% {
        background: #ff0
    }
}

@-webkit-keyframes "myfirst" {
    0% {
        background: #ff0
    }

    100% {
        background: #000
    }

    50% {
        background: #ff0
    }
}

@keyframes rec_tick {
    0% {
        opacity: 1
    }

    100% {
        opacity: .2
    }
}

.market .green {
    color: #31a745
}

.market .red {
    color: #18416D
}

.box .market .name {
    font-size: 12px;
    color: #4d4d4d;
    text-transform: uppercase
}

.box .market .price,
.box .market .percent {
    font-size: 15px
}

header {
    background-color: #fff
}

header .inner_header {
    padding: 10px
}

header #logo img {
    width: 300px
}

header .menu {
    width: 100%;
    float: left;
    font-size: 13px;
    position: relative;
    background: #008cd2;
    box-shadow: 0 .4rem 1.2rem 0 rgb(0 0 0 / .05)
}

@media screen and (min-width:1025px) and (max-width:1280px) {
    header .menu {
        font-size: 11px
    }
}

@media screen and (min-width:1025px) and (max-width:1280px) {
    header .menu .nav_menu {
        max-width: 960px
    }
}

header .menu .nav_menu ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    justify-content: space-between;
    height: 42px
}

header .menu .nav_menu ul li {
    padding: 0;
    position: relative;
    line-height: 18px
}

header .menu .nav_menu ul li a {
    color: #fff;
    padding: 12px 10px;
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    letter-spacing: -1px
}

header .menu .nav_menu ul li a:hover {
    opacity: 1
}

header .menu .nav_menu ul li.home a {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}

header .menu .nav_menu ul li.home img {
    display: none;
    position: absolute;
    top: 5px;
    width: 50px
}

header .menu .nav_menu ul li.log {
    background-color: #18416D;
    text-align: center
}

header .menu .nav_menu ul li.log a {
    width: 150px;
    padding: 12px 0;
    display: block;
    text-align: left;
    padding-left: 30px
}

header .menu .nav_menu ul li.submenu {
    position: relative;
    margin: 0 5px
}

header .menu .nav_menu ul li.submenu a {
    padding-right: 20px
}

header .menu .nav_menu ul li.submenu ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 16;
    background-color: #164e93;
    -webkit-box-shadow: 1px 1px 3px 0 #3a3a3a;
    -moz-box-shadow: 1px 1px 3px 0 #3a3a3a;
    -o-box-shadow: 1px 1px 3px 0 #3a3a3a;
    -ms-box-shadow: 1px 1px 3px 0 #3a3a3a;
    box-shadow: 1px 1px 3px 0 #3a3a3a;
    -webkit-flex-flow: inherit;
    flex-flow: inherit;
    height: auto
}

header .menu .nav_menu ul li.submenu ul li {
    width: 180px
}

header .menu .nav_menu ul li.submenu ul li:hover {
    background-color: #0b3869
}

header .menu .nav_menu ul li i {
    color: #fff;
    font-size: 14px;
    position: absolute;
    top: 12px
}

header .menu .nav_menu ul li i:before {
    width: 14px;
    margin-right: 0
}

header .menu .nav_menu ul li.nav_cnbctv {
    display: flex
}

header .menu .nav_menu>ul li.nav_cnbctv a {
    background-color: #cd1f43;
    border-radius: 3px;
    width: 100px;
    padding: 6px 10px;
    margin: auto
}

header .menu .nav_menu>ul li.nav_cnbctv a.nav-none {
    background-color: #fff0;
    border-radius: unset;
    width: auto;
    padding: 10px
}

@media screen and (min-width:1025px) and (max-width:1280px) {
    header .menu .nav_menu>ul li.nav_cnbctv a {
        width: 85px
    }
}

header .menu .nav_menu>ul li.nav_cnbctv a:before {
    content: ' ';
    width: 7px;
    height: 7px;
    background-color: #fff;
    display: inline-block;
    border-radius: 50%;
    margin-right: 6px;
    animation: rec_tick 0.8s linear 0s infinite alternate;
    position: relative;
    bottom: 1px
}

header .menu .nav_menu>ul li.nav_cnbctv a:hover {
    background-color: #b71c3c
}

header .menu .search-wrap {
    width: auto
}

header .menu .search-wrap .srch-btn {
    background-color: #fff;
    color: #204D7F;
    display: inline-block;
    padding: 10px 0;
    font-size: 18px;
    float: right;
    width: 40px;
    text-align: center
}

header .menu .search-wrap .srch-btn:hover {
    cursor: pointer
}

header .menu .search-wrap .form-search {
    width: 0;
    overflow: hidden;
    float: left;
    background-color: #fff;
    font-family: Montserrat, Helvetica, sans-serif
}

header .menu .search-wrap .form-search input {
    margin: 0;
    width: 94%;
    border: 0;
    border-bottom: 0 solid #e6e6e6;
    background: none;
    float: left;
    font-size: 1.1rem;
    font-weight: 500
}

header .menu .search-wrap .form-search span {
    float: left;
    display: inline-block;
    padding: 4px;
    color: #f2796c;
    font-size: 16px
}

@media screen and (min-width:1025px) and (max-width:1280px) {
    header .menu .search-wrap .form-search span {
        position: relative;
        right: 25px
    }
}

header .menu .search-wrap .form-search span:hover {
    cursor: pointer
}

header .overlay {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(0 0 0 / .5);
    z-index: 20
}

.menufix {
    padding-top: 43px
}

.menufix #menu {
    position: fixed;
    top: 0;
    z-index: 16;
    -webkit-box-shadow: 0 .4rem 1.2rem 0 rgb(0 0 0 / .05);
    -moz-box-shadow: 0 .4rem 1.2rem 0 rgb(0 0 0 / .05);
    -o-box-shadow: 0 .4rem 1.2rem 0 rgb(0 0 0 / .05);
    -ms-box-shadow: 0 .4rem 1.2rem 0 rgb(0 0 0 / .05);
    box-shadow: 0 .4rem 1.2rem 0 rgb(0 0 0 / .05)
}

.menufix #menu .home {
    width: 70px
}

.menufix #menu .home a {
    color: #295D97
}

.menufix #menu .home img {
    display: block
}

.open {
    overflow: hidden
}

.open #menu {
    background-color: #fff;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}

.open #menu .nav_menu {
    max-width: 0;
    opacity: 0;
    overflow: hidden
}

.open #menu .search-wrap {
    width: 100%;
    flex: 1;
    -webkit-flex: 1
}

.open #menu .search-wrap .form-search {
    width: calc(100% - 45px);
    overflow: inherit;
    padding: 8px 0 7px
}

.open .overlay {
    display: block
}

.lm_content {
    width: 730px;
    float: left;
    padding: 15px 15px 15px 0;
    border-right: 1px solid #e6e6e6
}

@media screen and (min-width:1025px) and (max-width:1280px) {
    .lm_content {
        width: 700px
    }
}

.r_content {
    width: 370px;
    float: left;
    padding: 15px 0 0
}

@media screen and (min-width:1025px) and (max-width:1280px) {
    .r_content {
        width: 300px
    }
}

.r_ads {
    text-align: center
}

.center_ads {
    border-bottom: none
}

.center_ads a {
    display: block !important
}

.cb_promo {
    padding: 0 0 15px !important;
    margin-bottom: 20px
}

.cb_promo a {
    display: block !important
}

.title {
    text-transform: uppercase;
    font-size: 18px;
    color: #343434;
    margin-bottom: 10px
}

.title span.last_update {
    margin: 2px 0 0 30px;
    vertical-align: top;
    display: inline-block;
    text-transform: none;
    font-size: 13px;
    color: #a6a6a6
}

.title a {
    float: right;
    font-size: 22px;
    color: #343434
}

.title a i {
    position: relative;
    left: 0
}

.title a i:before {
    width: auto;
    margin-right: 0;
    position: relative;
    top: -2px
}

.title a:hover i {
    left: 5px
}

.title.tfokus {
    position: relative
}

.title.tfokus a {
    float: left;
    width: 100%
}

.title.tfokus a .icon-angle-right {
    float: right
}

.title.tfokus a .icon-angle-right:before {
    top: 0;
    font-size: 25px;
    margin-right: 15px
}

.title.tfokus a:hover {
    opacity: .8
}

.title.tfokus a:hover .icon-angle-right {
    left: 10px
}

.title.blue {
    background: #204D7F;
    color: #fff;
    padding: 8px;
    margin-bottom: 0
}

.breaking-news,
.breaking-news-right {
    background-color: #cb0000;
    color: #fff;
    margin: 20px 0 0;
    padding: 15px;
    position: relative
}

.breaking-news .vid,
.breaking-news-right .vid {
    display: none
}

.breaking-news .desc-wrap,
.breaking-news-right .desc-wrap {
    max-width: 850px;
    float: left;
    height: auto;
    position: relative
}

.breaking-news .desc-wrap .desc,
.breaking-news-right .desc-wrap .desc {
    display: table;
    height: 42px
}

.breaking-news .desc-wrap .title,
.breaking-news-right .desc-wrap .title {
    color: #fff;
    font-size: 23px;
    padding-right: 15px;
    border-right: 1px solid #fe0000;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    width: 225px
}

.breaking-news .desc-wrap h2,
.breaking-news-right .desc-wrap h2 {
    font-size: 17px;
    padding-left: 15px;
    display: table-cell;
    vertical-align: middle
}

@media screen and (min-width:1025px) and (max-width:1280px) {

    .breaking-news .desc-wrap h2,
    .breaking-news-right .desc-wrap h2 {
        font-size: 15px
    }
}

.breaking-news .btn,
.breaking-news-right .btn {
    background-color: #fff;
    color: #cb0000;
    border: none;
    position: absolute;
    right: 15px;
    top: 22px
}

.breaking-news .btn .icon-angle-up,
.breaking-news-right .btn .icon-angle-up {
    display: none
}

.breaking-news .btn .icon-angle-down,
.breaking-news-right .btn .icon-angle-down,
.breaking-news .btn .txt,
.breaking-news-right .btn .txt {
    display: inline-block
}

.breaking-news.open_expand,
.open_expand.breaking-news-right {
    padding: 0
}

.breaking-news.open_expand .vid,
.open_expand.breaking-news-right .vid {
    width: 392px;
    margin-right: 40px;
    float: left;
    display: block
}

.breaking-news.open_expand .vid .box_img,
.open_expand.breaking-news-right .vid .box_img {
    width: 100%
}

.breaking-news.open_expand .desc-wrap,
.open_expand.breaking-news-right .desc-wrap {
    width: calc(100% - 433px);
    float: left;
    height: 218px;
    position: relative
}

.breaking-news.open_expand .desc-wrap .desc,
.open_expand.breaking-news-right .desc-wrap .desc {
    position: absolute
}

.breaking-news.open_expand .desc-wrap .title,
.open_expand.breaking-news-right .desc-wrap .title {
    color: #fff;
    font-size: 30px;
    border: none;
    padding: 0;
    margin-bottom: 10px;
    display: block;
    width: auto
}

.breaking-news.open_expand .desc-wrap h2,
.open_expand.breaking-news-right .desc-wrap h2 {
    font-size: 23px;
    padding: 0;
    display: block
}

.breaking-news.open_expand .btn,
.open_expand.breaking-news-right .btn {
    background-color: #0f2843;
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 5px;
    color: #fff;
    font-size: 18px
}

.breaking-news.open_expand .btn .icon-angle-down,
.open_expand.breaking-news-right .btn .icon-angle-down,
.breaking-news.open_expand .btn .txt,
.open_expand.breaking-news-right .btn .txt {
    display: none
}

.breaking-news.open_expand .btn .icon-angle-up,
.open_expand.breaking-news-right .btn .icon-angle-up {
    display: block
}

.breaking-news .close-bnn,
.breaking-news-right .close-bnn {
    display: none
}

.flez {
    position: fixed;
    right: 0;
    bottom: 30px;
    animation-name: vidbndwn;
    animation-duration: 0.5s;
    animation-iteration-count: 1
}

@keyframes vidbndwn {
    from {
        right: -100%
    }
}

.breaking-news-right.expand-sticky {
    position: fixed;
    right: 0;
    bottom: 30px;
    z-index: 30
}

.breaking-news-right.expand-sticky .desc-wrap {
    width: 350px;
    float: left;
    height: auto;
    position: relative
}

.breaking-news-right.expand-sticky .desc-wrap .title {
    color: #fff;
    font-size: 18px;
    display: block;
    float: left;
    padding-right: 0;
    border-right: none;
    float: none;
    width: auto
}

.breaking-news-right.expand-sticky .desc-wrap h2 {
    font-size: 14px;
    float: none;
    padding-left: 0;
    margin: 10px 0;
    width: auto;
    display: block
}

.breaking-news-right.expand-sticky .btn {
    background-color: #fff;
    color: #cb0000;
    border: none;
    position: relative;
    right: inherit;
    top: inherit
}

.breaking-news-right.expand-sticky .btn .icon-cancel {
    display: none
}

.breaking-news-right.expand-sticky .btn .icon-angle-down,
.breaking-news-right.expand-sticky .btn .txt {
    display: inline-block
}

.breaking-news-right.expand-sticky .btn .icon-angle-up:before {
    content: '\e80e'
}

.breaking-news-right.open_expand {
    padding: 15px
}

.breaking-news-right.open_expand .vid {
    width: 100%;
    display: block;
    margin-top: 20px
}

.breaking-news-right.open_expand .vid .box_img {
    width: 100%
}

.breaking-news-right.open_expand .desc-wrap .desc {
    position: relative;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.breaking-news-right.open_expand .btn {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 5px;
    color: #fff;
    font-size: 18px;
    background: none
}

.breaking-news-right.open_expand .btn .icon-angle-down,
.breaking-news-right.open_expand .btn .txt {
    display: none
}

.breaking-news-right.open_expand .btn .icon-cancel {
    display: block
}

.breaking-news-right.open_expand .close-bnn {
    display: none
}

.breaking-news-right .close-bnn {
    display: inline-block;
    position: absolute;
    z-index: 5;
    right: 10px;
    top: 10px
}

.breaking-news-right .close-bnn:hover {
    cursor: pointer;
    opacity: .7;
    filter: alpha(opacity=70)
}

.breaking-news-right.on {
    display: none
}

.livestreaming,
.livestreaming-right {
    padding: 15px;
    background: url(../images/logo_bg.png) no-repeat right center #295D97;
    margin: 20px 0 0;
    position: relative;
    text-align: center
}

.livestreaming .vid,
.livestreaming-right .vid {
    display: none
}

.livestreaming .desc,
.livestreaming-right .desc {
    color: #fff;
    float: left;
    text-align: left
}

.livestreaming .desc .title,
.livestreaming-right .desc .title {
    font-size: 13px;
    color: #fff;
    @expand %_font_title_med;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .27em;
    margin-bottom: 0
}

.livestreaming .desc h2,
.livestreaming-right .desc h2 {
    font-size: 24px
}

.livestreaming .label,
.livestreaming-right .label,
.livestreaming .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .livestreaming .an_sub,
.livestreaming-right .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .livestreaming-right .an_sub {
    border: 1px solid #fab617;
    color: #fab617;
    font-size: 19px;
    padding: 12px 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    display: inline-block
}

.livestreaming .btn,
.livestreaming-right .btn {
    float: right;
    margin-top: 4px;
    background-color: #fff;
    color: #295D97;
    padding: 10px
}

.livestreaming .icon-angle-down,
.livestreaming-right .icon-angle-down,
.livestreaming .txt,
.livestreaming-right .txt {
    display: inline-block
}

.livestreaming .icon-angle-up,
.livestreaming-right .icon-angle-up {
    display: none
}

.livestreaming.open,
.open.livestreaming-right {
    padding: 0;
    text-align: left
}

.livestreaming.open .vid,
.open.livestreaming-right .vid {
    display: block;
    width: 392px
}

.livestreaming.open .vid .box_img,
.open.livestreaming-right .vid .box_img {
    width: 100%;
    margin-right: 40px
}

.livestreaming.open .desc-wrap,
.open.livestreaming-right .desc-wrap {
    width: calc(100% - 432px);
    float: left;
    padding: 30px 0
}

.livestreaming.open .title,
.open.livestreaming-right .title {
    color: #fff;
    font-size: 16px;
    letter-spacing: .84em;
    border: none;
    padding: 0;
    margin-bottom: 10px
}

.livestreaming.open h2,
.open.livestreaming-right h2 {
    font-size: 29px;
    padding: 0;
    letter-spacing: -.01em;
    color: #fff
}

.livestreaming.open .btn,
.open.livestreaming-right .btn {
    background-color: #104469;
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 5px;
    color: #fff;
    font-size: 18px
}

.livestreaming.open .btn .icon-angle-down,
.open.livestreaming-right .btn .icon-angle-down,
.livestreaming.open .btn .txt,
.open.livestreaming-right .btn .txt {
    display: none
}

.livestreaming.open .btn .icon-angle-up,
.open.livestreaming-right .btn .icon-angle-up {
    display: block
}

.livestreaming.open .label,
.open.livestreaming-right .label,
.livestreaming.open .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .livestreaming.open .an_sub,
.open.livestreaming-right .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .open.livestreaming-right .an_sub {
    font-size: 40px;
    padding: 15px 20px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    margin: 10px 15px 0 0;
    float: right
}

.livestreaming.open .icon-angle-down,
.open.livestreaming-right .icon-angle-down,
.livestreaming.open .txt,
.open.livestreaming-right .txt {
    display: none
}

.livestreaming.open .icon-cancel,
.open.livestreaming-right .icon-cancel {
    display: block
}

.livestreaming .close-bnn,
.livestreaming-right .close-bnn {
    display: none
}

.livestreaming-right {
    padding: 15px 30px
}

.livestreaming-right.expand-sticky {
    position: fixed;
    right: 0;
    bottom: 30px;
    z-index: 30
}

.livestreaming-right.expand-sticky .desc-wrap {
    float: left;
    height: auto;
    position: relative
}

.livestreaming-right.expand-sticky .desc-wrap .desc {
    text-align: center;
    width: 100%
}

.livestreaming-right.expand-sticky .desc-wrap .title {
    color: #fff;
    font-size: 18px;
    display: block;
    float: left;
    padding-right: 0;
    border-right: none;
    float: none;
    letter-spacing: normal;
    font-weight: 700
}

.livestreaming-right.expand-sticky .desc-wrap h2 {
    font-size: 14px;
    float: none;
    padding-left: 0;
    margin: 0 0 10px
}

.livestreaming-right.expand-sticky .btn {
    background-color: #fff;
    color: #295D97;
    border: none;
    position: relative;
    right: inherit;
    top: inherit;
    float: none;
    margin-top: 15px
}

.livestreaming-right.expand-sticky .btn .icon-cancel {
    display: none
}

.livestreaming-right.expand-sticky .btn .icon-angle-down,
.livestreaming-right.expand-sticky .btn .txt {
    display: inline-block
}

.livestreaming-right.expand-sticky .btn .icon-angle-up:before {
    content: '\e80e'
}

.livestreaming-right.open {
    padding: 15px;
    text-align: center
}

.livestreaming-right.open .vid {
    width: 350px;
    display: block;
    margin-top: 20px
}

.livestreaming-right.open .vid .box_img {
    width: 100%
}

.livestreaming-right.open .desc-wrap {
    width: 100%;
    padding: 0
}

.livestreaming-right.open .desc-wrap .title {
    font-size: 16px;
    letter-spacing: normal;
    margin: 0
}

.livestreaming-right.open .desc-wrap .desc {
    width: 100%;
    position: relative;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.livestreaming-right.open .desc-wrap .desc h2 {
    font-size: 16px;
    font-weight: 400
}

.livestreaming-right.open .label,
.livestreaming-right.open .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .livestreaming-right.open .an_sub {
    border: 1px solid #fab617;
    color: #fab617;
    font-size: 19px;
    padding: 12px 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    display: inline-block;
    float: none;
    margin: 0 0 10px
}

.livestreaming-right.open .btn {
    position: absolute;
    top: -10px;
    right: -5px;
    color: #fff;
    font-size: 18px;
    background: none;
    margin: 0
}

.livestreaming-right.open .btn .icon-angle-down,
.livestreaming-right.open .btn .txt {
    display: none
}

.livestreaming-right.open .btn .icon-cancel {
    display: block
}

.livestreaming-right.open .close-bnn {
    display: none
}

.livestreaming-right .close-bnn {
    display: inline-block;
    position: absolute;
    z-index: 5;
    right: 5px;
    top: 5px;
    color: #fff
}

.livestreaming-right .close-bnn:hover {
    cursor: pointer;
    opacity: .7;
    filter: alpha(opacity=70)
}

.livestreaming-right.on {
    display: none
}

.box {
    padding: 15px 10px 0 15px;
    background: none;
    border: none
}

.box.pt0 {
    padding-top: 0
}

.box .title {
    font-size: 16px
}

.box.grey {
    background-color: #f2f2f2
}

.box.no-padding {
    padding: 0
}

.box.livetv .box_img {
    width: 100%
}

.box .full-width .title {
    padding-left: 15px
}

.box .full-width .box_img {
    width: 100%;
    margin-bottom: 10px
}

.box .full-width .icon {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 10;
    color: #fff;
    font-size: 18px
}

.box .full-width .icon i {
    font-size: 24px
}

.box .full-width .icon i.icon-play-circled {
    font-size: 36px
}

.box .full-width .icon.vid {
    left: 5px
}

.box .full-width .duration {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
    background: rgb(0 0 0 / .7);
    color: #fff;
    font-size: 13px;
    display: inline-block;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.box .full-width h2 {
    font-size: 16px;
    color: #295D97;
    padding: 0 25px
}

.box .full-width .subjudul,
.box .full-width .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .box .full-width .an_label {
    font-size: 14px;
    color: #777;
    padding: 0 25px;
    margin-bottom: 2px;
    display: block
}

.box .full-width.np .title {
    padding: 0
}

.list li {
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #e6e6e6
}

.list li:last-child {
    border: none
}

.list li .nhl_icon-video {
    color: #fff;
    font-size: 34px;
    position: absolute;
    bottom: 3px;
    z-index: 10;
    left: 0
}

.list li .nhl_icon-video.sm {
    font-size: 26px
}

.list li .nhl_icon-video.sm .icon-camera {
    font-size: 22px
}

.list li .nhl_icon-video .icon-camera {
    font-size: 28px
}

.list li .duration {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 10;
    background: rgb(0 0 0 / .7);
    color: #fff;
    font-size: 13px;
    display: inline-block;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.list li .duration.foto {
    top: inherit;
    right: inherit;
    bottom: 8px;
    left: 40px;
    font-size: 12px
}

.list li .lvr_live {
    top: 0;
    font-size: 13px;
    height: 26px;
    line-height: 26px;
    padding: 0 9px
}

.list li .lvr_live span {
    width: 14px;
    height: 14px
}

.list.inline {
    display: flex;
    flex-wrap: wrap
}

.list.inline li {
    display: flex
}

.list.inline li article {
    display: flex;
    flex-direction: column
}

.list.list-kolum li .box_img {
    width: 220px !important
}

.list.list-kolum li .box_text {
    width: calc(100% - 235px) !important
}

.list.thumb li .box_img {
    width: 110px;
    margin-right: 15px;
    float: left
}

.list.thumb li .box_text {
    width: calc(100% - 125px);
    padding: 0;
    float: left;
    margin: 0
}

.list.thumb li .box_text .subjudul,
.list.thumb li .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .list.thumb li .box_text .an_label {
    font-size: 13px;
    color: #777;
    margin-bottom: 2px;
    display: inline-block
}

.list.thumb li .box_text h2 {
    font-size: 15px;
    color: #295D97
}

.list.thumb.right-thumb .box_img {
    width: 64px;
    float: right;
    margin: 0 0 0 5px
}

.list.thumb.right-thumb .box_text {
    width: calc(100% - 69px);
    float: left
}

.list.thumb.right-thumb .box_text .subjudul,
.list.thumb.right-thumb .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .list.thumb.right-thumb .box_text .an_label {
    font-size: 10px
}

.list.thumb.right-thumb .box_text h2 {
    font-size: 12px
}

.list.two-colm-full li {
    float: left;
    width: 48%;
    margin-right: 2%;
    border: none !important
}

.list.two-colm-full li:nth-child(2n) {
    margin-right: 0;
    margin-left: 2%
}

.list.two-colm-full .box_img {
    width: 100% !important;
    margin: 0 0 10px
}

.list.two-colm-full .box_text {
    width: 100% !important
}

.list.two-colm li,
.list.three-colm li {
    width: 47%;
    margin-right: 3%;
    border-bottom: none;
    border-top: 1px solid #e6e6e6
}

.list.two-colm li:nth-of-type(2n),
.list.three-colm li:nth-of-type(2n) {
    margin-right: 0;
    margin-left: 3%
}

.list.two-colm li:first-child,
.list.three-colm li:first-child,
.list.two-colm li:nth-of-type(2),
.list.three-colm li:nth-of-type(2) {
    border: none
}

.list.two-colm .box_img,
.list.three-colm .box_img {
    width: 113px
}

.list.two-colm .box_text .label,
.list.three-colm .box_text .label,
.list.two-colm .box_text .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .list.two-colm .box_text .an_sub,
.list.three-colm .box_text .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .list.three-colm .box_text .an_sub {
    font-size: 11px;
    text-transform: uppercase;
    color: #ec6e60
}

.list.two-colm .box_text .date,
.list.three-colm .box_text .date {
    font-size: 12px;
    color: #b3b3b3
}

.list.two-colm .box_text h2,
.list.three-colm .box_text h2 {
    font-size: 15px
}

.list.three-colm li {
    width: 30.333%
}

.list.three-colm li:nth-child(2n) {
    margin-left: 0;
    margin-right: 3%
}

.list.three-colm li:nth-child(3n) {
    margin-right: 0
}

.list.three-colm li:first-child,
.list.three-colm li:nth-child(2),
.list.three-colm li:nth-child(3) {
    border: none
}

.list.one-big li:first-child {
    width: 100%
}

.list.one-big li:first-child a {
    display: block
}

.list.one-big li:first-child .box_img {
    width: 100%;
    margin: 0 0 15px
}

.list.one-big li:first-child .box_text {
    width: 100%;
    flex: 0
}

.list.one-big.colm li {
    border-bottom: none;
    width: 48%;
    float: left
}

.list.one-big.colm li:first-child {
    width: 100%
}

.list.one-big.colm li .box_img {
    width: 100%;
    margin: 0 0 10px
}

.list.one-big.colm li .box_text {
    width: 100%;
    padding: 0 10px
}

.list.one-big.colm li:nth-child(2n) {
    margin-right: 2%
}

.list.one-big.colm li:nth-child(3n) {
    margin-left: 2%
}

.list.big li {
    border: none
}

.list.big li .box_img {
    width: 100%;
    margin: 0 0 15px
}

.list.big.feature li .subjudul,
.list.big.feature li .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .list.big.feature li .an_label {
    color: #777;
    font-size: 13px;
    color: #9a9a9a;
    margin-bottom: 2px
}

.list.big.feature li:first-child {
    padding-top: 7px
}

.list.grid.col-3 li.grid-item {
    width: 31.3333%;
    margin-bottom: 30px
}

.list.grid.col-3 li .box_img img {
    width: 100%
}

.list.grid.col-3 li .box_text .subjudul,
.list.grid.col-3 li .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .list.grid.col-3 li .box_text .an_label {
    color: #777;
    font-size: 13px;
    color: #9a9a9a
}

.list.grid.col-3 li .box_text .date {
    font-size: 13px;
    color: #b3b3b3;
    padding: 10px 10px 15px;
    border-bottom: 1px solid #e6e6e6
}

.list.grid.col-3 li .box_text h2 {
    color: #295D97;
    font-size: 16px;
    margin: 10px 0
}

.list.terbaru.media_rows.middle li.hn a {
    display: block
}

.list.terbaru.media_rows.middle li.nhl_feature a {
    display: block
}

.list.terbaru.big_hl li:nth-child(1),
.list.terbaru.big_hl li:nth-child(2) {
    width: 50%;
    float: left;
    border-bottom: none
}

.list.terbaru.big_hl li:nth-child(1) .box_img,
.list.terbaru.big_hl li:nth-child(2) .box_img {
    width: 100%;
    margin-right: 0
}

.list.terbaru.big_hl li:nth-child(1) .box_text,
.list.terbaru.big_hl li:nth-child(2) .box_text {
    width: 100%
}

.list.terbaru.big_hl li:nth-child(1) .box_text h2,
.list.terbaru.big_hl li:nth-child(2) .box_text h2 {
    color: #fff;
    font-size: 16px
}

.list.terbaru.big_hl li:nth-child(1) article {
    padding-left: 0;
    margin-right: 7.5px
}

.list.terbaru.big_hl li:nth-child(2) article {
    margin-left: 7.5px;
    padding-right: 0
}

.list.terbaru.big_hl li:nth-child(3) {
    clear: both
}

.list.terbaru li {
    padding: 10px 0
}

.list.terbaru li .box_img {
    width: 152px
}

.list.terbaru li .box_text {
    width: calc(100% - 167px)
}

.list.terbaru li .box_text h2 {
    font-size: 20px;
    letter-spacing: -.65px;
    margin-bottom: 5px
}

.list.terbaru li .subjudul,
.list.terbaru li .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .list.terbaru li .an_label {
    color: #777;
    font-size: 13px;
    color: #9a9a9a
}

.list.terbaru li .date {
    font-size: 12px;
    color: #b3b3b3
}

.list.terbaru li .label,
.list.terbaru li .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .list.terbaru li .an_sub {
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    background: #cd1f43;
    padding: 4px 10px 3px;
    border-radius: 4px;
    font-weight: 700;
    margin-right: 5px
}

.list.terbaru li.nhl_feature .subjudul,
.list.terbaru li.nhl_feature .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .list.terbaru li.nhl_feature .an_label {
    color: #9a9a9a;
    font-weight: 500
}

.list.terbaru li.nhl_feature .box_img {
    margin-bottom: 10px
}

.list.terbaru li.nhl_feature .title {
    width: 100%
}

.list.terbaru li.nhl_feature .title a {
    width: 100%;
    margin-bottom: 10px
}

.list.terbaru li.nhl_feature .title a i {
    float: right
}

.list.terbaru li.nhl_video {
    background-color: #f3f3f3;
    padding: 10px 20px;
    border-radius: 5px;
    margin-bottom: 15px
}

.list.terbaru li.nhl_video .title {
    font-size: 20px
}

.list.terbaru li.nhl_video .nhl_icon-video {
    color: #fff;
    font-size: 48px;
    position: absolute;
    bottom: 13px;
    z-index: 10;
    left: 0
}

.list.terbaru li.nhl_video .duration {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
    background: rgb(0 0 0 / .7);
    color: #fff;
    font-size: 13px;
    display: inline-block;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.list.terbaru li.nhl_video .box_img {
    width: 100%;
    margin-right: 0
}

.list.terbaru li.nhl_video .box_text {
    width: 100%;
    padding: 0 20px 20px 70px
}

.list.terbaru li.nhl_video .box_text h2 {
    color: #fff
}

.list.terbaru li.nhl_video .link {
    text-align: right;
    padding-top: 10px;
    color: #4077c3;
    display: block;
    font-size: 15px
}

.list.terbaru li.nhl_video .link i {
    font-size: 16px
}

.list.terbaru li.nhl_foto {
    background-color: #e6e6e6;
    padding: 15px
}

.list.terbaru li.nhl_foto .title {
    font-size: 20px
}

.list.terbaru li.nhl_foto .nhl_icon-video {
    color: #fff;
    position: absolute;
    bottom: 15px;
    z-index: 10;
    left: 10px
}

.list.terbaru li.nhl_foto .nhl_icon-video i {
    font-size: 37px
}

.list.terbaru li.nhl_foto .duration {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
    background: rgb(0 0 0 / .7);
    color: #fff;
    font-size: 13px;
    display: inline-block;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.list.terbaru li.nhl_foto .box_img {
    width: 100%;
    margin-right: 0
}

.list.terbaru li.nhl_foto .first_item {
    padding-left: 0;
    padding-right: 2px
}

.list.terbaru li.nhl_foto .item {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 2px;
    position: relative;
    width: 24.5%
}

.list.terbaru li.nhl_foto .box_text {
    width: 100%;
    margin-bottom: 15px
}

.list.terbaru li.nhl_foto .box_text h2 {
    color: #295D97
}

.list.terbaru li.nhl_foto .link {
    text-align: right;
    padding-top: 15px;
    color: #295D97;
    font-size: 14px;
    display: block
}

.list.terbaru li.nhl_foto .link i {
    font-size: 16px
}

.list.terbaru li.nhl_foto .sum {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 10;
    background: rgb(0 0 0 / .75);
    color: #fff;
    font-size: 33px;
    text-align: center;
    padding-top: 25px
}

.list.terbaru li.hn .nhl_icon-video {
    color: #fff;
    position: absolute;
    bottom: 13px;
    z-index: 10;
    left: 0
}

.list.terbaru li.hn .nhl_icon-video i {
    font-size: 48px
}

.list.terbaru li.hn .duration {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
    background: rgb(0 0 0 / .7);
    color: #fff;
    font-size: 13px;
    display: inline-block;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.list.terbaru li.hn .box_text {
    width: 100%;
    margin-bottom: 15px
}

.list.terbaru li.hn .box_img {
    width: 90%
}

.list.terbaru li.hn .box_img:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    padding-top: 20%
}

.list.terbaru li.hn.hn_foto {
    clear: both
}

.list.terbaru li.hn.hn_foto .nhl_icon-video {
    color: #fff;
    position: absolute;
    bottom: 15px;
    z-index: 10;
    left: 10px;
    font-size: 18px
}

.list.terbaru li.hn.hn_foto .nhl_icon-video i {
    font-size: 37px;
    position: relative;
    top: 5px
}

.list.terbaru li.hn.hn_market .nhl_icon-market {
    color: #fff;
    position: absolute;
    bottom: 15px;
    z-index: 10;
    left: 10px;
    font-size: 18px
}

.list.terbaru li.hn.hn_market .nhl_icon-market i {
    font-size: 37px
}

.inside_row_article article {
    width: 100%;
    float: left
}

.inside_row_article .box_img {
    width: 100%
}

.inside_row_article .box_text.text_inside,
.inside_row_article .list.terbaru.big_hl li:nth-child(1) .box_text,
.list.terbaru.big_hl li:nth-child(1) .inside_row_article .box_text,
.inside_row_article .list.terbaru.big_hl li:nth-child(2) .box_text,
.list.terbaru.big_hl li:nth-child(2) .inside_row_article .box_text {
    left: 0;
    right: 0
}

.inside_row_article .box_text .subjudul,
.inside_row_article .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .inside_row_article .box_text .an_label {
    color: #777;
    font-size: 13px;
    color: #9a9a9a
}

.inside_row_article .box_text h2 {
    color: #fff;
    font-size: 16px;
    margin: 5px 0
}

.inside_row_article .box_text .date {
    font-size: 12px
}

.inside_row_article .box_text .label,
.inside_row_article .box_text .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .inside_row_article .box_text .an_sub {
    font-size: 11px;
    text-transform: uppercase;
    color: #ec6e60
}

.outside_row_article article {
    width: 100%;
    float: left
}

.outside_row_article .box_img {
    width: 100% !important
}

.outside_row_article .box_text {
    width: 100% !important
}

.outside_row_article .box_text .subjudul,
.outside_row_article .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .outside_row_article .box_text .an_label {
    font-size: 13px;
    color: #9a9a9a
}

.outside_row_article .box_text h2 {
    color: #fff;
    font-size: 13px !important;
    margin: 5px 0
}

.profile li .box_img {
    width: 102px !important
}

.profile li .box_text .subjudul,
.profile li .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .profile li .box_text .an_label {
    font-size: 13px;
    color: #777;
    margin-bottom: 5px
}

.profile li .box_text .name {
    color: #295D97;
    font-size: 16px
}

.profile li .box_text .desc {
    font-size: 14px;
    color: #b3b3b3
}

.opini .box_text {
    margin-bottom: 20px !important;
    width: 100% !important
}

.opini .box_text .subjudul,
.opini .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .opini .box_text .an_label {
    font-size: 12px
}

.opini .box_text h2 {
    line-height: 19px
}

.opini .opini_user {
    position: relative
}

.opini .opini_user .box_img {
    width: 47px !important;
    position: absolute;
    top: -10px;
    left: 0;
    overflow: hidden;
    z-index: 5
}

.opini .opini_user .opini_desc {
    padding: 10px 10px 10px 35px;
    margin-left: 23px;
    background-color: #f3f3f3;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px
}

.opini .opini_user .opini_desc .opini_name {
    font-size: 13px;
    color: #f2796c;
    margin-bottom: 5px
}

.opini .opini_user .opini_desc p {
    font-size: 13px;
    margin: 0;
    color: gray
}

.btn {
    background-color: #204D7F;
    padding: 5px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.btn.btn_inline {
    display: inline-block !important
}

.btn i {
    position: relative;
    left: 0
}

.btn:hover i {
    left: 5px
}

.btn_primary {
    padding: 10px 15px;
    background: #176195;
    color: #fff
}

.share {
    margin: 15px 0;
    text-align: right
}

.share span {
    font-size: 13px;
    color: #343434;
    padding: 0 10px 0 0;
    margin-right: 10px;
    border-right: 1px solid #343434;
    font-weight: 700
}

.share a {
    color: #fff;
    display: inline-block;
    width: 28px;
    height: 28px;
    text-align: center;
    padding-top: 5px;
    margin-right: 5px
}

.share.bottom_share span {
    font-size: 16px
}

.share.bottom_share a {
    width: 36px;
    height: 36px;
    padding-top: 9px
}

.opini_user-detail {
    position: relative;
    float: left;
    width: 100%
}

.opini_user-detail .box_img {
    width: 88px;
    position: absolute;
    top: -10px;
    left: 0;
    overflow: hidden;
    z-index: 5
}

.opini_user-detail .opini_desc {
    padding: 15px 15px 15px 70px;
    margin-left: 45px;
    background-color: #f3f3f3;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px
}

.opini_user-detail .opini_desc .opini_name {
    font-size: 16px;
    color: #f2796c;
    margin-bottom: 5px
}

.opini_user-detail .opini_desc p {
    font-size: 15px;
    margin: 0;
    color: gray
}

.opini_user-detail .opini_desc a {
    font-size: 14px;
    color: #176195;
    float: right;
    display: inline-block;
    margin: 10px 0
}

.opini_user-detail .opini_desc .share {
    margin-bottom: 0
}

.opini_user-detail .opini_desc .share span {
    font-size: 14px;
    color: gray;
    border-right: 1px solid gray
}

.opini_user-detail .opini_desc .share a {
    float: none;
    color: #fff;
    font-size: 16px
}

.kolumnis .opini_user {
    position: relative;
    margin-top: 10px
}

.kolumnis .opini_user .box_img {
    width: 85px !important;
    position: absolute;
    top: -10px;
    left: 0;
    overflow: hidden;
    z-index: 5
}

.kolumnis .opini_user .opini_desc {
    padding: 10px 10px 10px 60px;
    margin-left: 40px;
    background-color: #f3f3f3;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px
}

.kolumnis .opini_user .opini_desc .opini_name {
    font-size: 18px;
    color: #f2796c;
    margin-bottom: 5px
}

.kolumnis .opini_user .opini_desc p {
    font-size: 13px;
    margin: 0;
    color: gray
}

.kolumnis ul.two-c li {
    width: 47%
}

.kolumnis ul.two-c li:first-child,
.kolumnis ul.two-c li:nth-child(2) {
    border: none
}

.kolumnis ul.three-c li {
    width: 30.333%
}

.kolumnis ul.three-c li:nth-child(2n) {
    margin-left: 0;
    margin-right: 3%
}

.kolumnis ul.three-c li:nth-child(3n) {
    margin-right: 0
}

.kolumnis ul.three-c li:first-child,
.kolumnis ul.three-c li:nth-child(2),
.kolumnis ul.three-c li:nth-child(3) {
    border: none
}

.kolumnis ul li {
    margin-right: 3%;
    border-top: 1px solid #e6e6e6;
    margin-bottom: 10px
}

.paging {
    padding: 15px 0;
    border-top: 1px solid #e6e6e6
}

.paging-long .paging {
    border: none;
    padding: 0;
    margin: 0;
    padding-left: 10px
}

.paging-long .paging span {
    color: #295D97;
    background: none;
    border: none;
    display: inline-block;
    vertical-align: sub
}

.paging-long .paging span:after {
    content: '';
    display: table;
    clear: both
}

.paging a,
.paging span {
    color: #295D97;
    background: none;
    border: none
}

.paging a.active,
.paging span.active {
    color: #f2796c
}

.paging-long .paging a.active,
.paging-long .paging span.active {
    color: #fff;
    background: #204D7F
}

.paging-long {
    border-top: 1px solid #E8E8E8;
    padding: 10px 0;
    margin: 20px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 500;
    font-size: 16px
}

.fb {
    background: #39579a
}

.tw {
    background: #1aa9e4
}

.gplus {
    background: #e23c05
}

.ig {
    background: #69463D
}

.pt {
    background: #bd081c
}

.tb {
    background: #36465D
}

.em {
    background: #669C41
}

.comm {
    background: #A1A1A1
}

footer {
    background-color: #204D7F;
    color: #d5d5d5;
    background-image: -webkit-linear-gradient(135deg, #4077c4, #043979);
    background-image: -moz-linear-gradient(135deg, #4077c4, #043979);
    background-image: -o-linear-gradient(135deg, #4077c4, #043979);
    background-image: linear-gradient(135deg, #4077c4, #043979)
}

footer a {
    color: #d5d5d5
}

footer .foot2 {
    border-bottom: 1px solid #176195
}

footer .foot2 a {
    display: inline-block
}

footer .foot2 .reg form {
    margin-top: 10px
}

footer .foot2 .reg form input[type="text"] {
    width: 276px;
    background-color: #163456;
    border: none;
    padding: 5px 10px;
    height: 35px;
    float: left;
    color: #fff
}

footer .foot2 .reg .daftar {
    background-color: #176195;
    border: none;
    color: #fff;
    font-size: 13px;
    padding: 8px 20px
}

footer .foot2 .apps {
    margin-top: 29px
}

footer .foot2 .apps img {
    height: 42px
}

footer .foot2 .share {
    padding-top: 25px
}

footer .foot2 .share a {
    display: inline-block;
    padding: 7px 0 5px;
    font-size: 18px;
    text-align: center;
    margin: 0 5px;
    color: #fff;
    width: 35px;
    height: 35px
}

footer .foot2 .share a.gplus i {
    position: relative;
    left: -3px
}

footer .foot3 {
    font-size: 12px;
    padding: 0
}

footer .foot3 .sitemap a {
    padding-right: 7px;
    margin-right: 7px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff
}

footer .foot3 #logo_ft img {
    width: 150px
}

.date-market {
    font-size: 12px;
    color: #b3b3b3;
    text-align: center;
    display: block
}

.billboard {
    text-align: center
}

.sponsor {
    padding-left: 30px;
    margin-bottom: 20px
}

.sponsor span {
    font-size: 13px;
    color: gray
}

.sponsor img {
    height: 50px;
    margin-left: 15px
}

.ads_native_d .an_box_img .img_con {
    width: 152px;
    height: 114px
}

.ads_native_d .an_box_img .img_con:after {
    content: "";
    display: block;
    padding-top: 75%;
    overflow: hidden
}

.market_search {
    border-radius: 10px;
    background-color: #f8f8f8;
    border: 1px solid #dfdfdf;
    overflow: hidden;
    padding: 0 9px;
    margin: 27px 0 0 30px
}

.market_search.detail_market_search {
    margin: 0
}

.market_search input {
    border: none;
    width: 85%;
    width: calc(100% - 30px);
    background-color: #f8f8f8;
    font-weight: 700;
    color: #6a6a6a;
    padding: 9px 0 9px 5px;
    display: inline-block
}

.market_search span.icon {
    color: #747474
}

.no_border {
    border: 0
}

.box_market {
    background-color: #f4f4f4;
    border-radius: 5px;
    padding: 11px 27px;
    text-align: left
}

.box_market span {
    display: block
}

.box_market span.title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #0f5586;
    text-transform: capitalize
}

.box_market span.value {
    font-size: 35px;
    font-weight: 700;
    color: #525252
}

.box_market span.status {
    font-size: 16px;
    font-weight: 700;
    padding-left: 30px
}

.box_market span.status.red {
    color: #e95b53;
    background: url(../images/red_down.png) center left 7px no-repeat;
    background-size: 18px 18px
}

.box_market span.status.green {
    color: #31a745;
    background: url(../images/green_up.png) center left 7px no-repeat;
    background-size: 18px 18px
}

.box_market_table .title {
    border-bottom: 4px solid #0f5586;
    margin-bottom: 0;
    padding-bottom: 11px;
    text-transform: none
}

.box_market_table table.table_bor {
    margin-top: 10px
}

.box_market_table table.table_bor tr {
    border-top: 0;
    border-bottom: 1px solid #e6e6e6
}

.box_market_table table.table_bor tr td {
    font-size: 12px;
    text-align: right;
    font-weight: 700;
    padding: 10px 5px
}

.box_market_table table.table_bor tr td.name {
    font-size: 11px
}

.box_market_table table.table_bor tr td:first-child {
    text-align: left
}

.box_market_table table.table_bor tr td.price,
.box_market_table table.table_bor tr td.percent {
    font-size: 12px;
    width: 70px
}

.box_market_table table.table_bor tr td.price.red,
.box_market_table table.table_bor tr td.percent.red {
    color: #e95b53
}

.box_market_table .info {
    font-size: 10px;
    color: #abaaaa;
    text-align: right;
    line-height: 16px
}

.detail_market_title {
    font-size: 16px;
    font-weight: 700;
    color: #3a3a3a;
    border-bottom: 1px solid #c6c6c6;
    padding-bottom: 15px;
    margin-bottom: 15px
}

ul.market_nav {
    font-size: 0;
    list-style-type: none;
    margin: 30px 0 50px 0;
    padding: 0;
    border-bottom: 1px solid #c6c6c6;
    position: relative;
    z-index: 1
}

ul.market_nav li {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    color: #3a3a3a;
    border-right: 1px solid #c6c6c6;
    padding: 0 20px;
    height: 37px;
    line-height: 37px;
    overflow: visible;
    position: relative;
    bottom: 0;
    z-index: 2
}

ul.market_nav li:first-child {
    padding-left: 0
}

ul.market_nav li.selected,
ul.market_nav li:hover {
    color: #0f5586;
    bottom: -3px
}

ul.market_nav li.selected a,
ul.market_nav li:hover a {
    color: #0f5586;
    font-size: 20px
}

ul.market_nav li.selected a:before,
ul.market_nav li:hover a:before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: inline-block;
    background-color: #e5e32c;
    vertical-align: middle;
    margin-right: 6px;
    position: relative;
    top: -2px
}

ul.market_nav li.selected {
    border-bottom: 1px solid #fafafa
}

ul.market_nav li a {
    color: inherit;
    text-decoration: none;
    display: block
}

.r_ads a.label_adsmart {
    right: 35px
}

.watchlist_notif {
    position: fixed;
    top: 300px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px 1px rgb(0 0 0 / .3);
    -moz-box-shadow: 0 1px 4px 1px rgb(0 0 0 / .3);
    -o-box-shadow: 0 1px 4px 1px rgb(0 0 0 / .3);
    -ms-box-shadow: 0 1px 4px 1px rgb(0 0 0 / .3);
    box-shadow: 0 1px 4px 1px rgb(0 0 0 / .3);
    left: 50%;
    width: 360px;
    margin-left: -180px;
    background: #3A82BB;
    border: 1px solid #3A82BB;
    font-size: 14px;
    color: #fff;
    padding: 40px;
    z-index: 10;
    opacity: 0;
    text-align: center;
    visibility: hidden;
    -webkit-animation: watchlist_notif 3s;
    -moz-animation: watchlist_notif 3s;
    -o-animation: watchlist_notif 3s;
    animation: watchlist_notif 3s
}

.watchlist_notif.add-notif {
    padding: 40px 20px 20px !important;
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-animation: unset !important;
    -moz-animation: unset !important;
    -o-animation: unset !important;
    animation: unset !important
}

.watchlist_notif.danger {
    background: #F8D7DA;
    border: 1px solid #F5C6CA;
    color: #721C23
}

.watchlist_notif.success {
    background: #D4EDDA;
    border: 1px solid #C4E7CC;
    color: #155724
}

.watchlist_notif input[type="submit"].watch__pop-sm {
    padding: 10px 20px;
    background: #295D97;
    color: initial;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 11px;
    color: #fff;
    height: 33px;
    width: auto
}

.watchlist_notif input[type="submit"].watch__pop-sm.danger {
    background: #D0021B
}

.watchlist_notif-corner-close {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 24px
}

@keyframes watchlist_notif {
    0% {
        opacity: 1;
        visibility: visible
    }

    15% {
        top: 300px
    }

    75% {
        opacity: 1
    }

    100% {
        top: 300px;
        opacity: 0;
        visibility: hidden
    }
}

@-moz-keyframes watchlist_notif {
    0% {
        opacity: 1;
        visibility: visible
    }

    15% {
        top: 300px
    }

    75% {
        opacity: 1
    }

    100% {
        top: 300px;
        opacity: 0;
        visibility: hidden
    }
}

@-o-keyframes watchlist_notif {
    0% {
        opacity: 1;
        visibility: visible
    }

    15% {
        top: 300px
    }

    75% {
        opacity: 1
    }

    100% {
        top: 300px;
        opacity: 0;
        visibility: hidden
    }
}

@-webkit-keyframes watchlist_notif {
    0% {
        opacity: 1;
        visibility: visible
    }

    15% {
        top: 300px
    }

    75% {
        opacity: 1
    }

    100% {
        top: 300px;
        opacity: 0;
        visibility: hidden
    }
}

.watch__pop {
    background: rgb(0 0 0 / .8);
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.watch__pop.open {
    z-index: 999;
    opacity: 1
}

.watch__pop.open .watch__pop-box {
    top: 40%
}

.watch__pop-top {
    padding: 20px;
    border-bottom: 1px solid #979797
}

.watch__pop-top h2 {
    font-size: 15px;
    color: #000;
    text-transform: uppercase
}

.watch__pop-box {
    max-width: 400px;
    width: 90%;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 auto;
    position: absolute;
    top: 20%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    padding-bottom: 20px
}

.watch__pop-box.login-pop h2 {
    font-weight: 700;
    color: #000
}

.watch__pop-box.login-pop button.register {
    font-size: 15px;
    color: #204C7F;
    background: none;
    border: 1px solid #204C7F;
    border-radius: 4px;
    padding: 10px 20px 8px;
    margin: 0 10px
}

.watch__pop-box.login-pop button.register:hover {
    background: #204C7F;
    color: #fff
}

.watch__pop-close {
    position: absolute;
    right: 5px;
    top: 8px;
    font-size: 20px;
    line-height: 26px;
    background: #D0021B;
    color: #fff;
    width: 24px;
    height: 24px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.watch__pop-form {
    padding: 30px 15px 15px
}

.watch__pop-content ul {
    list-style-type: none;
    margin: 15px 0 0;
    padding: 0
}

.watch__pop-content ul li {
    margin: 0;
    padding: 0 10px;
    transition: background .2s ease;
    border-bottom: 1px solid #EAEAEA;
    font-size: 15px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif
}

.watch__pop-content ul li:hover {
    background: #F1F1F1
}

.watch__pop-content ul li:nth-last-child(1) {
    border-bottom: none
}

.watch__pop-content ul li a {
    padding: 10px 0;
    display: block;
    width: 100%
}

.watch__pop-content ul li a.disabled-link {
    opacity: .3
}

.watch__pop-content p {
    padding: 30px;
    margin: 0;
    font-size: 14px
}

.watch__pop input[type="text"].watch__pop-input {
    color: #4A4A4A;
    border: none;
    outline: none;
    width: 100%;
    border: 1px solid #D8D8D8;
    display: block;
    position: relative;
    z-index: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-weight: 300;
    font-size: 15px;
    background: #fff
}

.watch__pop-act {
    padding: 15px;
    text-align: center
}

.watch__pop-cl {
    padding: 10px 20px;
    background: #fff;
    color: #295D97;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #295D97;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 11px;
    margin-right: 10px;
    height: 28px;
    width: 102px
}

.watch__pop input[type="submit"].watch__pop-sm {
    padding: 10px 20px;
    background: #295D97;
    color: initial;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 11px;
    color: #fff;
    height: 33px;
    width: 90px
}

.watch__pop input[type="submit"].watch__pop-sm.danger {
    background: #D0021B
}

.watch__pop-text {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4em
}

.watch__pop-text b {
    font-weight: 700
}

.watch__pop-text.red {
    color: #D0021B
}

.headline {
    position: relative;
    border-bottom: 1px solid #e6e6e6
}

.headline a:hover {
    opacity: .9
}

.headline .box_img {
    width: 100%
}

.headline .box_text {
    padding: 25% 30px 30px
}

.headline .box_text .subjudul,
.headline .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .headline .box_text .an_label {
    font-size: 16px;
    color: #848484
}

.headline .box_text .date {
    font-size: 12px
}

.headline .box_text .label,
.headline .box_text .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .headline .box_text .an_sub {
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    margin-right: 5px;
    background: #f8a33a;
    padding: 5px 10px;
    border-radius: 4px;
    font-weight: 600
}

.headline .box_text h1 {
    font-size: 30px;
    color: #fff;
    font-family: 'Playfair Display', serif;
    margin-bottom: 15px
}

.headline .hl_kait {
    background-color: #e6e6e6;
    width: 100%;
    float: left;
    font-size: 15px
}

.headline .hl_kait .title_kait {
    background-color: #295D97;
    height: 90px;
    width: 90px;
    float: left;
    position: relative;
    color: #fff;
    text-align: center
}

.headline .hl_kait .title_kait span {
    margin-top: 35px;
    display: inline-block
}

.headline .hl_kait .link_kait {
    width: calc(100% - 90px);
    float: left;
    display: table;
    height: 90px
}

.headline .hl_kait .link_kait article {
    height: 54px;
    margin: 18px 0
}

.headline .hl_kait .link_kait a {
    color: #295D97;
    font-weight: 700;
    padding: 0 20px;
    display: table-cell;
    font-size: 15px;
    vertical-align: middle;
    height: 54px
}

.headline .hl_kait .link_kait article:first-child {
    border-right: 1px solid #cdcdcd
}

.headline .lm_content {
    padding-bottom: 20px
}

.kurs-slide {
    background-color: #fff;
    height: 166px;
    overflow: hidden
}

.kurs-slide .b-bottom {
    border-bottom: 1px solid #e6e6e6
}

.kurs-slide .wrap {
    width: 100%
}

.kurs-slide .kurs-inner {
    padding: 0 15px
}

.kurs-slide .kurs-wrap {
    padding: 0 10px;
    margin: 20px 0;
    font-size: 15px;
    color: gray;
    border-right: 1px solid #e6e6e6
}

.kurs-slide .kurs-wrap span {
    display: block;
    float: left;
    width: 50%;
    padding: 5px 20px
}

.kurs-slide .kurs-wrap .k_name {
    color: #4d4d4d;
    text-transform: uppercase
}

.kurs-slide .kurs-wrap.green {
    color: #31a745
}

.kurs-slide .kurs-wrap.red {
    color: #cb0000
}

.kurs-slide .tab {
    width: 100%;
    float: left;
    margin-bottom: 8px
}

.kurs-slide .tab li {
    float: left;
    padding: 0 0 0 10px;
    font-size: 14px
}

.kurs-slide .tab li:first-child {
    padding-left: 0
}

.kurs-slide .tab li a {
    color: #4d4d4d;
    text-transform: uppercase
}

.kurs-slide .tab li.active a {
    color: #f2796c
}

.kurs-slide .captions h3 {
    font-size: 14px;
    display: none
}

.kurs-slide .captions h3 a {
    color: #295D97
}

.kurs-slide .captions h3:first-child {
    display: block
}

.kurs-slide .arrow-slide {
    position: relative;
    width: 100%
}

.kurs-slide .arrow-slide span i:before {
    width: auto
}

.kurs-slide .arrow-slide .rightArr {
    position: absolute;
    top: 17px;
    right: -15px;
    font-size: 50px;
    opacity: .3;
    z-index: 10
}

.kurs-slide .arrow-slide .rightArr:hover {
    cursor: pointer
}

.kurs-slide .arrow-slide .leftArr {
    position: absolute;
    top: 17px;
    left: -15px;
    font-size: 50px;
    opacity: .3;
    z-index: 10
}

.kurs-slide .arrow-slide .leftArr:hover {
    cursor: pointer
}

.berita-utama ul li .subjudul,
.berita-utama ul li .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .berita-utama ul li .an_label {
    color: #777
}

.berita-utama ul li .box_img {
    margin-bottom: 10px
}

.berita-utama ul li h2 {
    color: #000
}

.berita-utama ul li:hover h2 {
    color: #295D97
}

.berita-utama.b_bottom {
    border-bottom: 1px solid #e6e6e6
}

.title_kanal {
    font-size: 28px;
    color: #295D97;
    text-transform: uppercase;
    margin-bottom: 15px
}

.title_kanal span {
    color: gray;
    font-size: 14px;
    padding: 5px 10px 5px 20px;
    margin-left: 15px;
    border-left: 1px solid gray;
    display: inline-block;
    text-transform: none;
    position: relative;
    top: -5px
}

.title_kanal .market-name {
    display: inline
}

.indexing li {
    background: none !important;
    padding: 15px 0 !important
}

.indexing li.nhl_foto .first_item {
    padding-left: 0 !important;
    padding-right: 2px !important
}

.indexing li.nhl_foto .item {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 2px !important;
    position: relative;
    width: 24.6% !important
}

.indexing li.nhl_foto .sum {
    left: 0 !important
}

.indexing.vids li .box_img {
    width: 278px
}

.indexing.vids li .box_text {
    width: calc(100% - 293px)
}

.indexing.vids li .nhl_icon-video {
    font-size: 48px
}

.selector {
    border-bottom: 1px solid #e6e6e6;
    text-transform: uppercase
}

.selector .title_kanal {
    margin-top: 10px
}

.selector .selector-group {
    font-size: 14px;
    color: gray
}

.selector .selector-group .date-select {
    display: inline-block;
    padding: 10px 5px 5px
}

.selector .selector-group .date-select:hover {
    background: #295D97;
    color: #fff
}

.selector .selector-group .date-select .datepick {
    border: none;
    color: gray;
    background: none;
    margin: 0
}

.selector .selector-group .date-select .datepick:hover {
    cursor: pointer;
    color: #fff
}

.selector .selector-group .dropdown {
    position: relative;
    border-left: 1px solid #e6e6e6;
    padding: 10px 20px;
    display: inline-block
}

.selector .selector-group .dropdown.shows {
    background-color: #295D97
}

.selector .selector-group .dropdown.shows a {
    color: #fff
}

.selector .selector-group .dropdown.shows a.first:before {
    color: #fff;
    content: '\f106'
}

.selector .selector-group .dropdown a {
    display: inline-block;
    color: gray
}

.selector .selector-group .dropdown a span {
    color: gray
}

.selector .selector-group .dropdown a.first:before {
    font-family: "fontello";
    font-size: 18px;
    content: '\f107';
    color: gray;
    text-align: center;
    margin-right: 5px
}

.selector .selector-group .dropdown .dropdown_menu {
    display: none;
    position: absolute;
    top: 100%;
    z-index: 15;
    background-color: #295D97;
    left: 0;
    color: gray;
    max-height: 315px;
    overflow-y: scroll
}

.selector .selector-group .dropdown .dropdown_menu a {
    border-top: 1px solid #245183;
    display: block;
    padding: 10px 15px;
    color: #fff
}

.selector .selector-group .dropdown .dropdown_menu a:hover {
    background-color: #1e446f;
    opacity: 1;
    filter: alpha(opacity=100)
}

.selector .selector-group .dropdown:hover {
    background-color: #295D97
}

.selector .selector-group .dropdown:hover a {
    color: #fff;
    opacity: 1;
    filter: alpha(opacity=100)
}

.selector .selector-group .dropdown:hover a.first:before {
    color: #fff;
    opacity: 1;
    filter: alpha(opacity=100)
}

.selector.filter .selector-group .dropdown {
    border-right: 1px solid #e6e6e6;
    border-left: none
}

.comp_slide {
    position: relative
}

.arrow-comp {
    color: #fff;
    font-size: 50px
}

.arrow-comp .leftArr {
    position: absolute;
    z-index: 10;
    top: 64px;
    left: 28px
}

.arrow-comp .rightArr {
    position: absolute;
    z-index: 10;
    top: 64px;
    right: 22px
}

.arrow-comp i:before {
    width: auto;
    margin: 0
}

.arrow-comp i:hover {
    cursor: pointer
}

.comp_item .comp_name {
    background: url(../images/bg_comp.jpg) no-repeat #000;
    height: 100px;
    position: relative;
    text-align: center
}

.comp_item .comp_name .name {
    color: #fff;
    font-size: 16px;
    display: inline-block;
    width: 80%;
    text-align: center;
    margin-top: 22px
}

.comp_item .comp_name .comp_logo {
    background: #fff;
    position: absolute;
    width: 74px;
    height: 74px;
    left: 50%;
    margin-left: -37px;
    bottom: -37px;
    text-align: center;
    z-index: 10
}

.comp_item .comp_name .comp_logo img {
    display: inline-block;
    max-width: 56px
}

.comp_item ul {
    position: relative
}

.list-opini_wrap .lm_content {
    border: none
}

.list-opini_wrap .headline {
    border: none
}

.list-opini_wrap .headline .opini-user {
    position: relative;
    padding: 25px 0 0;
    float: left;
    width: 100%;
    margin-top: 15px;
    border-top: 1px solid #fff
}

.list-opini_wrap .headline .opini-user .box_img {
    width: 66px;
    overflow: hidden;
    float: right
}

.list-opini_wrap .headline .opini-user .opini_desc {
    padding: 0 15px;
    float: left;
    width: calc(100% - 66px)
}

.list-opini_wrap .headline .opini-user .opini_desc .opini_name {
    font-size: 16px;
    color: #f2796c;
    margin-bottom: 5px
}

.list-opini_wrap .headline .opini-user .opini_desc p {
    font-size: 15px;
    margin: 0;
    color: gray
}

.list-opini_wrap .headline .opini-user .opini_desc a {
    font-size: 14px;
    color: #176195;
    float: right;
    display: inline-block;
    margin: 10px 0
}

.list-opini_wrap .list-opini li {
    margin-bottom: 20px
}

.list-opini_wrap .list-opini a:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.list-opini_wrap .list-opini .box_img {
    width: 100%
}

.list-opini_wrap .list-opini .box_text {
    left: 0;
    right: 0
}

.list-opini_wrap .list-opini .box_text .subjudul,
.list-opini_wrap .list-opini .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .list-opini_wrap .list-opini .box_text .an_label {
    font-size: 14px;
    color: #777
}

.list-opini_wrap .list-opini .box_text h2 {
    font-size: 16px;
    color: #fff;
    margin-top: 5px
}

.list-opini_wrap .list-opini .opini-user {
    position: relative;
    padding: 15px;
    float: left;
    width: 100%;
    background-color: #f2f2f2
}

.list-opini_wrap .list-opini .opini-user .box_img {
    width: 56px;
    overflow: hidden;
    float: right
}

.list-opini_wrap .list-opini .opini-user .opini_desc {
    float: left;
    width: calc(100% - 71px)
}

.list-opini_wrap .list-opini .opini-user .opini_desc .opini_name {
    font-size: 14px;
    color: #f2796c;
    margin-bottom: 5px
}

.list-opini_wrap .list-opini .opini-user .opini_desc p {
    font-size: 13px;
    margin: 0;
    color: gray
}

.search-list {
    padding: 15px 0;
    border-bottom: 1px solid #e6e6e6
}

.search-list .search-result {
    color: #295D97;
    font-size: 23px;
    max-width: 560px;
    float: left
}

.search-list .search-result span {
    color: #444
}

.search-list .search-btn {
    float: right;
    font-size: 14px;
    margin-top: 6px;
    color: gray
}

.search-list .search-btn:hover {
    cursor: pointer
}

.search-list .search-btn .icon.down:before {
    content: '\f106'
}

.filter {
    padding: 10px 0;
    color: gray;
    font-size: 14px;
    display: none
}

.filter .select_wrap {
    border-right: 1px solid #e6e6e6;
    padding: 0 10px;
    width: 135px;
    display: inline-block
}

.filter .select_wrap select {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    color: gray;
    margin-left: 5px
}

.filter .select_wrap:before {
    font-family: "fontello";
    content: '\f107'
}

.filter .date-select {
    margin-left: 10px;
    color: gray
}

.filter .date-select input {
    border: none;
    padding-left: 0;
    color: gray
}

.market_table {
    font-size: 14px;
    margin: 0 0 20px
}

.market_table thead {
    border-bottom: 3px solid #295D97
}

.market_table thead th {
    border: none;
    padding: 10px
}

.market_table tbody tr {
    position: relative
}

.market_table tbody tr td {
    border: 1px solid #cdcdcd;
    border-left: none;
    padding: 10px
}

.market_table tbody tr td:first-child {
    font-size: 12px;
    color: #295D97;
    font-weight: 700;
    border-right: none
}

.market_table tbody tr td:last-child {
    border-right: none
}

.market_table tbody tr.green {
    color: #31a745
}

.market_table tbody tr.red {
    color: #cb0000
}

.market_table tbody tr:hover,
.market_table tbody tr.active {
    background: #e2ecf7;
    cursor: pointer
}

.market_table tbody tr:hover:after,
.market_table tbody tr.active:after {
    position: absolute;
    left: -10px;
    top: 9px;
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid #fff0;
    border-bottom: 10px solid #fff0;
    border-right: 10px solid #e2ecf7
}

.market_table tbody tr.jarak:hover {
    background: none;
    cursor: inherit
}

.market_table tbody tr.jarak:hover:after {
    display: none
}

.half_width {
    width: 50%;
    padding: 30px;
    display: inline-block;
    vertical-align: top;
    height: 475px
}

.half_width .market_table {
    width: 500px
}

.half_width.grey1 {
    background-color: #f3f3f3
}

.half_width.grey2 {
    background-color: #e1e1e1
}

.half_width.grey3 {
    background-color: #dcdcdc
}

.half_width.grey4 {
    background-color: #d7d7d7
}

.half_width .title {
    font-size: 16px;
    color: #295D97;
    @extemd %_font_title;
    width: 500px
}

.detail_terkait {
    border-top: 1px solid #e6e6e6
}

.detail_terkait .berita-terkait ul li .box_img {
    margin-bottom: 10px
}

.detail_terkait .berita-terkait ul li .box_text {
    padding: 10px
}

.detail_terkait .berita-terkait ul li h2 {
    color: #295D97
}

.search-med {
    width: 480px;
    margin: 20px auto
}

.search-med .inp {
    border: none;
    background-color: #e6e6e6;
    padding: 10px;
    float: left;
    width: calc(100% - 40px)
}

.search-med .sub {
    background-color: #295D97;
    width: 40px;
    height: 36px;
    color: #fff;
    border: none;
    float: left
}

.title_kanal .search-med {
    float: right;
    width: 400px;
    margin: 0
}

.title_kanal .search-med .inp {
    color: #295D97
}

.title_kanal .search-med .sub {
    background-color: #e6e6e6;
    color: #295D97;
    font-size: 18px;
    height: 37px
}

.list-glossary .alpha {
    color: #295D97;
    font-size: 56px;
    margin-top: 50px
}

.list-glossary .list_item-glossary .gloss_item {
    color: #295D97;
    display: inline-block;
    padding: 10px 0
}

.list-glossary .list_item-glossary .gloss_item:hover {
    cursor: pointer;
    color: #f2796c
}

.list-glossary .list_item-glossary .gloss_item:after {
    font-family: "fontello";
    content: '\e80d';
    margin-left: 20px
}

.list-glossary .list_item-glossary .gloss_item.open:after {
    content: '\e80e'
}

.list-glossary .list_item-glossary p {
    font-size: 16px;
    line-height: 23px;
    display: none
}

.notfound {
    min-height: 600px;
    position: relative;
    padding-top: 100px
}

.notfound h1 {
    color: #fff;
    font-size: 90px
}

.notfound h3 {
    color: #f2796c;
    font-size: 24px;
    margin-bottom: 10px
}

.notfound p {
    color: #fff;
    margin-bottom: 5px
}

.notfound a {
    color: #f2796c;
    display: inline-block;
    margin-top: 20px;
    font-size: 16px
}

.notfound a i:before {
    font-weight: 700
}

.lain {
    background: #0c5283
}

.lain .title {
    margin: 30px 0 40px;
    color: #fff
}

.lain .box_img {
    margin-bottom: 15px
}

.lain .box_text h2 {
    color: #fff;
    font-size: 16px !important
}

.lain .box_text .date {
    font-size: 12px;
    color: #b3b3b3
}

.lain .box_text .label,
.lain .box_text .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .lain .box_text .an_sub {
    font-size: 11px;
    text-transform: uppercase;
    color: #ec6e60
}

.lain .er_arl .box_text h2 {
    color: #fff
}

.static_page {
    padding: 30px 15px
}

.static_page h1 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #0f5586
}

.static_page .detail_statik {
    font-size: 16px;
    line-height: 140%;
    color: #3a3a3a;
    font-family: 'Roboto', sans-serif
}

.static_page .detail_statik h3 {
    font-size: 18px;
    font-weight: 700;
    margin-top: 30px
}

.static_page .detail_statik p {
    margin-bottom: 15px
}

.header_statik {
    height: 300px
}

.header_statik h1 {
    color: #fff;
    font-size: 28px;
    margin: 30px 10px;
    font-weight: 700
}

#redaksi {
    background: #f2f2f2;
    padding: 30px 0;
    font-family: 'Roboto', sans-serif;
    color: #979797;
    font-size: 14px;
    line-height: 140%
}

#redaksi .container {
    padding: 0 100px
}

#redaksi strong {
    display: block;
    margin-top: 30px;
    margin-bottom: 10px;
    color: #000;
    font-size: 16px
}

#redaksi .title_red {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #0f5586
}

#redaksi .red_left {
    float: left;
    width: 45%
}

#redaksi .red_right {
    float: right;
    width: 45%
}

.tentang_map {
    background: #0d4875;
    color: #fff;
    font-family: 'Roboto', sans-serif
}

.tentang_map .alamat {
    text-align: right;
    padding: 100px 70px;
    width: 35%;
    font-size: 16px;
    line-height: 130%;
    float: left
}

.tentang_map .peta {
    width: 65%;
    height: 350px;
    float: right
}

.tentang_map .peta iframe {
    width: 100%;
    height: 100%
}

.ads_native_d {
    -moz-box-align: center;
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    flex-flow: row nowrap;
    justify-content: space-between
}

.ads_native_d .an_box_img {
    width: 152px;
    margin-right: 15px;
    float: left
}

.ads_native_d .an_box_img .img_con:after {
    content: "";
    display: block;
    padding-top: 75%;
    overflow: hidden
}

.ads_native_d .an_desk {
    width: calc(100% - 167px);
    padding: 0;
    float: left;
    margin: 0
}

.ads_native_d .an_desk .an_sub {
    font-size: 13px;
    color: #777;
    margin-bottom: 5px;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 700
}

.ads_native_d .an_desk h2 {
    font-size: 20px;
    color: #0f5586;
    font-weight: 700
}

.ads_native_d .an_desk .an_text {
    display: none
}

.ads_native_d .an_desk .an_label {
    font-size: 12px;
    color: #b3b3b3
}

.adsmart_list_artikel {
    -moz-box-align: center;
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    flex-flow: row nowrap;
    justify-content: space-between
}

.detail .list .adsmart_list_artikel {
    border: none
}

.adsmart_list_artikel .adsmart_box_img {
    width: 152px;
    margin-right: 15px;
    float: left
}

.adsmart_list_artikel .adsmart_box_img .img_con {
    width: 152px;
    height: 114px
}

.adsmart_list_artikel .adsmart_box_img .img_con:after {
    content: "";
    display: block;
    padding-top: 75%;
    overflow: hidden
}

.adsmart_list_artikel .adsmart_desk {
    width: calc(100% - 167px);
    padding: 0;
    float: left;
    margin: 0
}

.adsmart_list_artikel .adsmart_desk .adsmart_sub {
    font-size: 13px;
    color: #777;
    margin-bottom: 5px;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 700
}

.adsmart_list_artikel .adsmart_desk h2 {
    font-size: 20px;
    color: #000;
    font-weight: 700
}

.adsmart_list_artikel .adsmart_text {
    display: none
}

.adsmart_list_artikel .adsmart_label {
    font-size: 12px;
    color: #b3b3b3
}

.fokus .fokus_bim {
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 0;
    margin-top: 10px
}

.fokus .fokus_bim.w_50 .box_text {
    padding: 25% 40% 20px 20px
}

.fokus .fokus_bim.w_50 .box_text h2 {
    font-size: 28px;
    margin: 8px 0
}

.fokus .fokus_bim a:hover .box_text h2 {
    color: #fff
}

.fokus .fokus_bim .box_img {
    width: 100%
}

.fokus .fokus_bim .ratiobox.ratio_cust:after {
    padding-top: 39%
}

.fokus .fokus_bim .box_text {
    padding: 25% 20px 20px;
    color: #fff
}

.fokus .fokus_bim .box_text .subjudul,
.fokus .fokus_bim .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .fokus .fokus_bim .box_text .an_label {
    font-size: 14px;
    text-transform: uppercase
}

.fokus .fokus_bim .box_text h2 {
    font-size: 20px
}

.fokus .fokus_bim .box_text.text_inside,
.fokus .fokus_bim .list.terbaru.big_hl li:nth-child(1) .box_text,
.list.terbaru.big_hl li:nth-child(1) .fokus .fokus_bim .box_text,
.fokus .fokus_bim .list.terbaru.big_hl li:nth-child(2) .box_text,
.list.terbaru.big_hl li:nth-child(2) .fokus .fokus_bim .box_text {
    background: #000;
    background: -moz-linear-gradient(top, transparent 0%, rgb(0 0 0 / .7) 95%);
    background: -webkit-linear-gradient(top, transparent 0%, rgb(0 0 0 / .7) 95%);
    background: linear-gradient(to bottom, transparent 0%, rgb(0 0 0 / .7) 95%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start_color', endColorstr='$end_color', GradientType=1)
}

.fokus .lm_fokus {
    float: right
}

.fokus .head_idxfokus {
    margin: 10px 0;
    position: relative;
    -webkit-transition: all 1s linear 2s;
    -moz-transition: all 1s linear 2s;
    -ms-transition: all 1s linear 2s;
    -o-transition: all 1s linear 2s;
    transition: all 1s linear 2s
}

.fokus .head_idxfokus .tl {
    display: none
}

.fokus .head_idxfokus .ratiobox_content h2 {
    display: none
}

.fokus .head_idxfokus.l_head {
    width: 345px;
    float: left;
    margin-top: 15px;
    overflow: hidden
}

.fokus .head_idxfokus.l_head .tl {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    display: block;
    text-transform: uppercase;
    margin-bottom: 8px
}

.fokus .head_idxfokus.l_head article {
    border: none
}

@media screen and (min-width:1025px) and (max-width:1280px) {
    .fokus .head_idxfokus.l_head article {
        width: 280px
    }
}

.fokus .head_idxfokus.l_head article .box_img {
    margin-bottom: 10px
}

@media screen and (min-width:1025px) and (max-width:1280px) {
    .fokus .head_idxfokus.l_head article .box_img {
        width: 280px
    }
}

.fokus .head_idxfokus.l_head article .box_img .ratiobox_content h2 {
    display: block;
    color: #fff;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10% 40px 10px 10px;
    background: #000;
    background: -moz-linear-gradient(top, transparent 0%, rgb(0 0 0 / .7) 95%);
    background: -webkit-linear-gradient(top, transparent 0%, rgb(0 0 0 / .7) 95%);
    background: linear-gradient(to bottom, transparent 0%, rgb(0 0 0 / .7) 95%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start_color', endColorstr='$end_color', GradientType=1)
}

.fokus .head_idxfokus.l_head article .box_text {
    position: relative;
    background: none;
    color: #000;
    padding: 0
}

.fokus .head_idxfokus.l_head article .box_text h2 {
    display: none
}

.fokus .menu_fokus {
    font-family: 'Roboto', sans-serif
}

.fokus .menu_fokus ul {
    margin: 20px 15px 0 0;
    padding: 0
}

.fokus .menu_fokus ul li {
    margin: 0 0;
    padding: 3px 0;
    list-style: none;
    font-size: 16px;
    position: relative
}

.fokus .menu_fokus ul li a {
    width: 100%;
    padding: 8px 0;
    display: block;
    position: relative;
    text-transform: uppercase;
    font-weight: 700
}

.fokus .menu_fokus ul li a:hover {
    color: #234E7D;
    opacity: 1
}

.fokus .menu_fokus ul li a:hover:after {
    content: "\232A";
    position: absolute;
    right: 0;
    bottom: 4px;
    font-size: 20px
}

.fokus .menu_fokus ul li a.selected {
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    font-weight: 700;
    color: #234E7D
}

.fokus .menu_fokus ul li a.selected:after {
    content: "\232A";
    position: absolute;
    right: 0;
    bottom: 4px;
    font-size: 20px;
    color: #234E7D
}

.indeks_market .title_kanal span {
    display: block;
    padding: 0;
    margin: 8px 0 0 0;
    top: 0;
    border-left: 0;
    width: 725px;
    word-spacing: -2px
}

@media screen and (min-width:1025px) and (max-width:1280px) {
    .indeks_market .title_kanal span {
        width: 700px
    }
}

.indeks_market .more {
    font-weight: 700;
    font-size: 18px
}

.belt_info {
    background: #fff
}

.belt_info .col_mob_12 {
    background: url(../images/bg_garis.png) center center no-repeat;
    background-size: cover;
    padding: 10px 0;
    display: flex;
    justify-content: space-between
}

.belt_info .vvf {
    list-style-type: none;
    font-size: 0;
    padding: 0
}

.belt_info .vvf li {
    font-size: 14px;
    display: inline-block;
    font-weight: 700;
    color: #0f5586;
    text-align: center;
    padding: 0 25px;
    border-right: 1px solid #0f5586
}

.belt_info .vvf li span {
    display: block;
    font-size: 25px;
    color: #3a3a3a;
    margin-top: 5px
}

.belt_info .vvf li:last-child {
    border-right: 0
}

.belt_info .adec {
    list-style-type: none;
    font-size: 0;
    text-align: center;
    padding: 0
}

.belt_info .adec li {
    font-size: 14px;
    display: inline-block;
    width: 145px;
    border-top: 8px solid #6a6a6a;
    margin: 0 7px
}

.belt_info .adec li:first-child {
    width: 100%;
    font-weight: 700;
    color: #0f5586;
    letter-spacing: .2px;
    border: 0;
    margin: 0 0 13px 0
}

.belt_info .adec li.green {
    color: #31a745;
    border-color: #31a745
}

.belt_info .adec li.red {
    color: #e95b53;
    border-color: #e95b53
}

.market_table2,
.market_table3 {
    margin-bottom: 0
}

.market_table2 thead th,
.market_table3 thead th {
    text-align: center
}

.market_table2 tbody,
.market_table3 tbody {
    position: relative
}

.market_table2 tbody:before,
.market_table3 tbody:before {
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
    content: ' '
}

.market_table2 tbody tr td,
.market_table3 tbody tr td {
    text-align: center;
    width: 100px;
    border: 0;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd
}

.market_table2 tbody tr td:first-child,
.market_table3 tbody tr td:first-child {
    width: auto;
    text-align: left;
    border-right: 1px solid #cdcdcd;
    border-left: 5px solid #fafafa
}

.market_table2 tbody tr:last-child td,
.market_table3 tbody tr:last-child td {
    border-bottom: 0
}

.market_table3 tbody:before {
    display: none
}

.market_table3 tbody tr td {
    width: auto
}

.half_width2 {
    height: auto;
    padding-bottom: 10px
}

.menu_market {
    text-align: center;
    margin: 90px auto
}

.menu_market>ul {
    font-size: 0;
    list-style-type: none
}

.menu_market>ul li {
    font-size: 14px;
    font-weight: 700;
    color: #3a3a3a;
    display: inline-block;
    border-right: 1px solid #c6c6c6;
    padding: 5px 10px 5px 0;
    width: 150px
}

.menu_market>ul li:last-child {
    border-right: 0
}

.menu_market>ul li a {
    font-size: inherit;
    color: inherit
}

.menu_market>ul li a:before {
    content: ' ';
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #fff;
    position: relative;
    top: -2px;
    margin-right: 10px
}

.menu_market>ul li a:hover,
.menu_market>ul li a.selected {
    color: #0f5586;
    position: relative
}

.menu_market>ul li a:hover:before,
.menu_market>ul li a.selected:before {
    background-color: #e5e32c
}

.table_info {
    font-size: 11px;
    color: #abaaaa;
    text-align: right;
    line-height: 15px;
    margin: 0 18px 30px 0
}

.lm_content2 {
    border: 0
}

.kurs-slide2 .container {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px
}

.kurs-slide2 .left-content {
    padding-right: 30px;
    border-right: 1px solid #e5e5e5
}

.kurs-slide2 .left-content .link_market {
    color: #204D7F;
    font-size: 14px;
    font-weight: 400
}

.kurs-slide2 .left-content .title {
    color: #525252;
    font-size: 20px
}

.kurs-slide2 .left-content .title span.last_update {
    margin: 8px 0 0 0;
    border-bottom: 1px solid #E5E5E5;
    padding: 0 0 10px 0;
    color: #A6A6A5;
    font-size: 14px;
    line-height: 18px;
    font-weight: lighter
}

.kurs-slide2 .left-content .title span.btn_watchlist {
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0 0 0
}

.kurs-slide2 .left-content .title span.btn_watchlist a {
    font-size: 12px;
    border: 1px solid #206292;
    color: #206292;
    border-radius: 3px;
    font-size: 12px;
    padding: 4px 17px;
    display: block;
    transition: color .3s ease, background .3s ease
}

.kurs-slide2 .left-content .title span.btn_watchlist a:hover {
    background: #206292;
    color: #fff
}

.kurs-slide2 .left-content .title span.btn_watchlist p {
    margin: 0
}

.kurs-slide2 .kurs-wrap {
    margin: 0;
    padding: 0 30px
}

.kurs-slide2 .kurs-wrap:nth-child(3n) {
    border: 0
}

.kurs-slide2 .kurs-wrap span {
    padding: 0
}

.kurs-slide2 .kurs-wrap .k_name .small {
    font-size: 70%
}

.kurs-slide2 .kurs-wrap .k_name,
.kurs-slide2 .kurs-wrap .k_last {
    color: #295D97;
    width: 100%
}

.kurs-slide2 .kurs-wrap .k_price,
.kurs-slide2 .kurs-wrap .k_percent {
    width: 100%;
    text-align: right;
    position: relative
}

.kurs-slide2 .kurs-wrap .k_price {
    padding-top: 7px
}

.kurs-slide2 .kurs-wrap .k_price:before {
    content: '- - -';
    display: block;
    position: absolute;
    left: 0;
    top: 17px
}

.kurs-slide2 .kurs-wrap.red .k_price:before {
    background: url(../images/triangle_red_down.png) left top no-repeat;
    background-size: cover;
    width: 24px;
    height: 12px;
    content: ''
}

.kurs-slide2 .kurs-wrap.green .k_price:before {
    background: url(../images/triangle_green_up.png) left top no-repeat;
    background-size: cover;
    width: 24px;
    height: 12px;
    content: ''
}

.kurs-slide2 .kurs-wrap:after {
    content: "";
    clear: both;
    display: table
}

.kurs-slide2 .kurs-wrap a {
    display: block
}

.kurs-slide2 .tab li {
    margin-right: 20px
}

.kurs-slide2 .tab li:last-child {
    margin-right: 0
}

.cnbctv_bnn {
    background-image: -webkit-linear-gradient(-270deg, #2c5e95 0%, #204d7f 100%);
    background-image: -moz-linear-gradient(-270deg, #2c5e95 0%, #204d7f 100%);
    background-image: -o-linear-gradient(-270deg, #2c5e95 0%, #204d7f 100%);
    background-image: linear-gradient(-270deg, #2c5e95 0%, #204d7f 100%);
    background: url(../images/bnn_cnbctv.jpg) center center no-repeat;
    background-size: cover;
    font-family: "'Roboto', sans-serif;

}

.cnbctv_bnn .desc-wrap .desc .title {
    font-size: 21px;
    width: auto;
    border-right: 1px solid #fff
}

.cnbctv_bnn .desc-wrap .desc .title span {
    font-size: 17px;
    font-weight: normal;
    display: block
}

.cnbctv_bnn .desc-wrap .desc h2 {
    height: 44px
}

.cnbctv_bnn .desc-wrap .desc h2 img {
    height: 100%
}

.cnbctv_bnn .desc-wrap .desc h2 span {
    background-color: #19416f;
    border: 1px solid #f5a623;
    border-radius: 22px;
    font-size: 19px;
    font-weight: bold;
    color: #f5a623;
    letter-spacing: 0.01em;
    padding: 9px 28px;
    display: inline-block
}

.cnbctv_bnn .desc-wrap .box_schedule,
.cnbctv_bnn .desc-wrap .foot_box {
    display: none
}

.cnbctv_bnn #bb:after {
    font-size: 0;
    content: "";
    clear: both;
    display: block
}

.cnbctv_bnn .btn {
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.68);
    color: #fff;
    font-size: 14px
}

.cnbctv_bnn .btn .txt {
    font-weight: normal
}

.cnbctv_bnn .btn .icon-angle-down {
    background-color: #0e2142;
    border-radius: 3px
}

.cnbctv_bnn .btn i {
    transition: none
}

.cnbctv_bnn .btn:hover i {
    left: 0
}

.cnbctv_bnn.open_expand {
    background: url(../images/bg_bnncnbctv_open.jpg) center center no-repeat;
    background-size: cover;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.cnbctv_bnn.open_expand .vid {
    float: none;
    margin-right: 0
}

.cnbctv_bnn.open_expand #bb {
    font-size: 0
}

.cnbctv_bnn.open_expand .desc-wrap {
    width: 708px;
    height: 221px;
    float: none;
    position: static;
    max-width: none;
    padding: 20px 0 0 0;
    display: flex;
    flex-flow: column nowrap
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
    .cnbctv_bnn.open_expand .desc-wrap {
        width: 608px;
        height: 220.5px
    }
}

.cnbctv_bnn.open_expand .desc-wrap .desc {
    position: relative;
    top: 0;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    padding: 0 20px;
    display: flex;
    margin: 0 0 10px 0
}

.cnbctv_bnn.open_expand .desc-wrap .desc .title {
    width: 247px;
    height: 44px;
    margin-bottom: 0
}

.cnbctv_bnn.open_expand .desc-wrap .desc h2 {
    font-size: 17px;
    padding-left: 15px;
    display: block
}

.cnbctv_bnn.open_expand .desc-wrap .box_schedule,
.cnbctv_bnn.open_expand .desc-wrap .foot_box {
    display: block
}

.cnbctv_bnn.open_expand .desc-wrap .foot_box {
    background-color: #16406b;
    text-align: right;
    padding: 5px 20px;
    width: 100%;
    margin-top: auto
}

.cnbctv_bnn.open_expand .desc-wrap .foot_box a {
    font-size: 11px;
    display: inline-block;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.82);
    letter-spacing: 0.02em
}

.cnbctv_bnn.open_expand .desc-wrap .foot_box a:after {
    content: "\003e";
    display: inline-block;
    margin-left: 5px
}

.cnbctv_bnn.open_expand .clearfix {
    display: none
}

.cnbctv_bnn.expand-sticky {
    text-align: center;
    background: url(../images/bg2_bnncnbctv_close.jpg) center center no-repeat;
    background-size: cover
}

.cnbctv_bnn.expand-sticky .desc-wrap {
    width: auto;
    height: auto
}

.cnbctv_bnn.expand-sticky .desc-wrap .desc {
    height: auto;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    padding: 0
}

.cnbctv_bnn.expand-sticky .desc-wrap .desc .title {
    border-right: 0;
    font-size: 19px
}

.cnbctv_bnn.expand-sticky .desc-wrap .desc .title span {
    font-size: 16px
}

.cnbctv_bnn.expand-sticky .desc-wrap .box_schedule {
    display: none
}

.cnbctv_bnn.expand-sticky .desc-wrap .foot_box {
    background-color: transparent
}

.cnbctv_bnn.expand-sticky .btn {
    border: 1px solid rgba(255, 255, 255, 0.68);
    color: #fff;
    background-color: transparent;
    margin: 15px 0 0 0
}

.cnbctv_bnn.expand-sticky .btn .icon-angle-up:before {
    content: '\f106'
}

.cnbctv_bnn.expand-sticky.open_expand {
    width: auto;
    flex-flow: column nowrap;
    background: #295D97 url(../images/bg2_bnncnbctv_open.jpg) center center no-repeat
}

.cnbctv_bnn.expand-sticky.open_expand .vid {
    order: 1;
    margin: 0px 0 30px 0;
    width: 392px
}

.cnbctv_bnn.expand-sticky.open_expand #bb {
    width: auto
}

.cnbctv_bnn.expand-sticky.open_expand .btn {
    background-color: #0f2843;
    padding: 0;
    margin-top: 10px
}

.cnbctv_bnn.expand-sticky.open_expand .desc-wrap {
    padding: 0
}

.cnbctv_bnn.expand-sticky.open_expand .desc-wrap .foot_box {
    bottom: 5px;
    position: absolute
}

.cnbctv_bnn.expand-sticky.open_expand .desc-wrap .foot_box a {
    margin-right: 10px
}

.cnbctv_bnn.expand-sticky.open_expand .desc-wrap .foot_box a:after {
    display: none
}

.cnbctv_bnn.expand-sticky.open_expand .desc-wrap .desc {
    margin: 0
}

.cnbctv_bnn.expand-sticky.open_expand .desc-wrap .desc h2 {
    margin: 3px 0 20px 0
}

.box_schedule {
    padding: 0 20px;
    margin: 25px 0 0 0
}

.box_schedule ol {
    position: relative;
    display: block;
    margin: 5px 0 0 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    color: #fff
}

.box_schedule ol:before {
    content: " ";
    height: 1px;
    width: calc(100% - 105px);
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
    top: 28px;
    left: 53px
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
    .box_schedule ol:before {
        top: 25px
    }
}

.box_schedule ol li {
    display: flex;
    flex-flow: column nowrap;
    margin: 0;
    padding: 0;
    align-items: center;
    text-align: center;
    font-size: 12px;
    flex: 0 1 110px;
    position: relative
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
    .box_schedule ol li {
        font-size: 10px
    }
}

.box_schedule ol li .point {
    background: #fff;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    display: inline-block;
    content: " ";
    margin: 8px 0
}

.box_schedule ol li p {
    margin: 0
}

.box_schedule ol li.active {
    color: #f8e71c
}

.box_schedule ol li.active .point {
    background: #f8e71c;
    animation: live_tick2 0.6s linear 0s infinite alternate
}

.box_schedule ol li span.day {
    position: absolute;
    bottom: calc(100% + 5px);
    padding: 2px 3px 1px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    font-size: 9px;
    opacity: 0.6
}

@keyframes live_tick2 {
    0% {
        background: #f8e71c
    }

    100% {
        background: #fff
    }
}

.watchlist {
    font-family: "'Roboto',sans-serif}.header_watchlist{display:flex;justify-content:space-between;margin:40px 0 0;padding:0 0 25px 0}.header_watchlist .create_watchlist{color:#195585;font-size:24px;display:flex;flex-flow:column nowrap;justify-content:center;position:relative}.header_watchlist .create_watchlist a{color:inherit}.header_watchlist .create_watchlist input[type=" text"]{color:inherit;border:0;border-bottom:1px solid #195585;font-size:inherit;background:#fff0;padding:0;width:250px}.header_watchlist .create_watchlist input[type=" text"]::placeholder{color:rgb(117 117 117 / .5);opacity:1;font-size:12px}.header_watchlist .create_watchlist .input{position:relative}.header_watchlist .create_watchlist .input:hover .drop_watchlist{display:block!important}.header_watchlist .create_watchlist .input button{border:0;background:#fff0;color:#195585}.header_watchlist .create_watchlist .input.input2{display:block}.header_watchlist .create_watchlist>p{font-size:14px;color:#777;margin:5px 0 0}.header_watchlist .drop_watchlist{display:none;position:absolute;left:0;top:30px;background:#fff;padding:0;font-size:14px;color:#000;box-shadow:0 2px 6px 0 rgb(154 155 155 / .5);z-index:3;min-width:229px}.header_watchlist .drop_watchlist ul{list-style-type:none;margin:0;padding:0}.header_watchlist .drop_watchlist ul li{margin:0;padding:0 0 0 15px;transition:background .2s ease;border-bottom:1px solid #EAEAEA}.header_watchlist .drop_watchlist ul li:hover{background:#DEF0FF}.header_watchlist .drop_watchlist ul li:nth-last-child(1){border-bottom:none}.header_watchlist .drop_watchlist ul li a{padding:15px 0;display:block}.header_watchlist .drop_watchlist ul li a.disabled-link{opacity:.3}.header_watchlist .drop_watchlist img{width:12px}.header_watchlist .setting_area .trig_manage_watchlist{display:inline-block;padding:8px 10px;border:1px solid #195585;border-radius:4px;float:right}.header_watchlist .setting_area .drop_watchlist{left:inherit;right:0}.header_watchlist .setting_area .input{min-width:100px;float:left;position:relative}.header_watchlist .setting_area .input:hover .drop_watchlist{display:block!important}.manage_symbol{position:relative;width:100%}.manage_symbol:before{font-family:'fontello';content:'\e801';display:inline-block;color:#176195;font-size:16px;position:absolute;left:10px;top:7px}.manage_symbol input[type=" text"]{width:410px;font-size:13px;color:#818181;border:0;border:1px solid #C4C4C4;padding:10px 20px 10px 40px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;background:#fff}.manage_symbol input[type=" text"]::placeholder{color:rgb(117 117 117 / .5);opacity:1}.manage_symbol input[type=" submit"]{border:1px solid #195585;border-radius:4px;color:#195585;font-size:13px;padding:10px 18px;transition:all .2s ease;margin:0 0 0 20px;min-width:69px;text-align:center}.manage_symbol input[type=" submit"]:hover{color:#fff;background:#195585}.manage_symbol.manage_symbol2{padding:0 0 15px}.manage_symbol.manage_symbol2:before{display:none}.manage_symbol .info{color:#7D7D7D;display:inline-block;font-size:14px}.manage_symbol .info .icon{display:inline-block;text-align:center;font-size:10px;font-weight:700;width:13px;height:13px;position:relative;top:-2px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;border:1px solid #7D7D7D}.content_watchlist{padding:20px 0 0 0;border-top:1px solid #E2E2E2;min-height:400px}.content_watchlist table{border:0;border-collapse:separate;border-spacing:0 10px}.content_watchlist table.tabel_saham tr td{padding:10px}.content_watchlist table.tabel_saham tr td:first-child{font-weight:400;font-size:13px}.content_watchlist table.tabel_saham tr td:last-child{padding-right:10px}.content_watchlist table.tabel_saham tr td.action{padding:0 30px}.content_watchlist table.tabel_watchlist tr td:first-child{width:80%;padding-left:30px}.content_watchlist table.tabel_watchlist tr td:last-child{padding-right:10px}.content_watchlist table.tabel_watchlist tr td .val_wrap{margin-right:0}.content_watchlist table tr td{border:0;width:22%}.content_watchlist table tr td:nth-child(2){width:56%}.content_watchlist table thead tr td{padding:15px 0;color:#4B4B4B;font-size:13px}.content_watchlist table tbody tr{background:#fff;-webkit-box-shadow:0 0 4px 0 rgb(198 198 198 / .5);-moz-box-shadow:0 0 4px 0 rgb(198 198 198 / .5);-o-box-shadow:0 0 4px 0 rgb(198 198 198 / .5);-ms-box-shadow:0 0 4px 0 rgb(198 198 198 / .5);box-shadow:0 0 4px 0 rgb(198 198 198 / .5)}.content_watchlist table tbody tr td{font-size:15px;color:#000;padding:10px;position:relative;font-weight:700}.content_watchlist table tbody tr td a{color:#000}.content_watchlist table tbody tr td a:hover{color:#195585;opacity:1}.content_watchlist table tbody tr td span{font-size:13px;display:block;font-weight:400}.content_watchlist table tbody tr td:first-child{padding-left:40px}.content_watchlist table tbody tr td:last-child{padding-right:110px}.content_watchlist table tbody tr td.down .val_wrap,.content_watchlist table tbody tr td.up .val_wrap{position:relative}.content_watchlist table tbody tr td.down .val_wrap:before,.content_watchlist table tbody tr td.up .val_wrap:before{content:'';display:block;position:absolute;width:20px;height:10px;top:20px;left:10px;background:url(../images/triangle_white.png) center center no-repeat;background-size:cover;color:#fff}.content_watchlist table tbody tr td .val_wrap{display:inline-block;padding:10px 10px 10px 40px;color:#fff;text-align:right;font-size:16px;font-weight:700;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;background:#999;width:100%}.content_watchlist table tbody tr td.down .val_wrap{background:#C00}.content_watchlist table tbody tr td.down .val_wrap:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.content_watchlist table tbody tr td.up .val_wrap{background:#30A745}.content_watchlist .info_watchlist{display:flex;justify-content:center;align-items:center;flex-flow:column nowrap;min-height:278px;margin:0 0 50px 0}.content_watchlist .info_watchlist.nocenter{align-items:normal}.content_watchlist .info_watchlist div{display:flex;flex-flow:column nowrap}.content_watchlist .info_watchlist div.text{font-size:16px}.content_watchlist .info_watchlist div.text strong{display:inline}.content_watchlist .info_watchlist div.text.text2{color:#333;text-align:center}.content_watchlist .info_watchlist div a.btn_create{border:1px solid #195585;border-radius:3px;color:#195585;padding:15px 25px;transition:all .2s ease}.content_watchlist .info_watchlist div a.btn_create:active,.content_watchlist .info_watchlist div a.btn_create:focus,.content_watchlist .info_watchlist div a.btn_create:visited{color:inherit}.content_watchlist .info_watchlist div a.btn_create:hover{color:#fff;background:#195585}.news_belt{margin:0 0 50px 0}.news_belt .title{font-size:22px;font-weight:400;color:#195585;text-transform:none}.news_belt ul{list-style-type:none;margin:0;padding:0;display:flex;flex-flow:row wrap;justify-content:space-between}.news_belt ul li{padding:0;margin:0;flex:0 0 220px}.news_belt ul li article a{display:flex;flex-flow:column nowrap}.news_belt ul li article a .box_img{width:100%}.news_belt ul li article a .box_text{margin:15px 0 0 0}.news_belt ul li article a .box_text h2{color:#000;font-size:15px;font-weight:400}.news_belt ul li article a .box_text .date{margin:3px 0 0 0;color:#E96367;font-size:11px}.news_belt ul li article a .box_text .date span.label,.news_belt ul li article a .box_text .date .ads_native_d .an_desk span.an_sub,.ads_native_d .an_desk .news_belt ul li article a .box_text .date span.an_sub{color:#195585}ul.manage_watchlist{list-style-type:none;margin:0;padding:0 0 30px 0}ul.manage_watchlist li{margin:0 0 3px 0;padding:18px 33px;background:#fff;display:flex;flex-flow:row nowrap;align-items:center}ul.manage_watchlist li a.drag{width:40px;height:40px;border-radius:50%;margin-right:40px;cursor:move;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab;display:flex}ul.manage_watchlist li a.drag img{width:16px;height:16px;margin:auto}ul.manage_watchlist li a.drag:active{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}ul.manage_watchlist li span{font-size:15px;color:#000;overflow:hidden;display:block;font-weight:700}ul.manage_watchlist li span.sym_desc{font-size:13px;display:block;font-weight:400}ul.manage_watchlist li span.sym.openpop:hover{cursor:pointer}ul.manage_watchlist li a.remove_list{margin-left:auto;padding:10px;border-radius:50%;width:36px;height:36px;display:flex;transition:background .2s ease}ul.manage_watchlist li a.remove_list>img{width:15px;height:15px;margin:auto}ul.manage_watchlist li a.remove_list:hover{background:#FFEFEF}ul.manage_watchlist li.sortable-chosen{background:#DEF0FF}ul.manage_watchlist li.sortable-chosen a.drag{background:#C5DFF5}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgb(0 0 0 / .4)}.modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:500px;min-height:182px;position:relative;padding:15px;text-align:center;display:flex;flex-flow:column nowrap}.modal-content>div{margin:auto}.modal-content p{width:300px;margin:0 auto 26px}.modal-content button{font-size:15px;color:#E95357;background:none;border:1px solid #E95357;border-radius:4px;padding:10px 20px 8px;margin:0 10px}.modal-content button.del{background:#E95357;color:#fff}.modal-content .close_modalx{cursor:pointer;position:absolute;top:15px;right:15px;width:17px;height:17px}.modal-content .close_modalx>img{width:100%;height:100%}.cb_detikcom li article a .box_text .judul{font-size:14px;font-weight:500}.cb_detikcom li article a .box_text .date{font-size:11px;color:#b3b3b3;font-weight:lighter;margin:5px 0 0 0}.cb_logodetikcom{height:24px;width:auto}html{scroll-behavior:smooth}@media screen and (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@keyframes remove-notif{0%{opacity:1}100%{opacity:0}}.sticky_notif .sticky_notif_container{text-align:center;position:sticky;top:50px;z-index:2;height:auto}.sticky_notif .btn_notif{background:#CD1E43;display:inline-block;padding:10px 20px;font-size:14px;color:#fff;border-radius:5px;cursor:pointer;opacity:0;pointer-events:none}.sticky_notif .btn_notif.show_notif{pointer-events:auto;opacity:1;display:inline-block}.sticky_notif .btn_notif.remove_notif{animation-name:remove-notif;animation-duration:1s;animation-delay:1s;animation-fill-mode:forwards;transform:translateY(0)}.sticky_notif .btn_notif img{width:13px;height:13px;object-fit:contain;margin-right:10px;bottom:1px}.mf_header{--main-color:#204D7F;display:flex;align-items:center;font-family:" 'Roboto', sans-serif;
    margin-bottom: 40px
}

.mf_header h1 {
    color: var(--main-color);
    font-size: 28px;
    font-weight: 700
}

.mf_header .btn_today {
    background-color: #CD1E43;
    border-radius: 4.2px;
    display: inline-block;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 8px 8px 16px;
    margin-left: 20px
}

.mf_header .date {
    border: 2px solid var(--main-color);
    display: inline-block;
    padding: 4px 5px;
    border-radius: 4px;
    margin-left: auto
}

.mf_header .date input[type="date"] {
    color: var(--main-color);
    font-size: 14px;
    font-weight: 500;
    border: 0px;
    width: 150px
}

.mf_header .date i.icon-calendar {
    color: var(--main-color)
}

.mf_header .date ::-webkit-input-placeholder {
    color: var(--main-color)
}

.mf_header .date :-moz-placeholder {
    color: var(--main-color)
}

.mf_header .date ::-moz-placeholder {
    color: var(--main-color)
}

.mf_header .date :-ms-input-placeholder {
    color: var(--main-color)
}

.mf_header .date ::-ms-input-placeholder {
    color: var(--main-color)
}

.mf_header .date :placeholder-shown {
    color: var(--main-color)
}

.mf_date {
    color: #393939;
    font-size: 25px;
    font-weight: bold;
    margin: 0px 0 20px;
    font-family: "'Roboto',sans-serif;display:inline-block}@keyframes highlight-new{0%{background-color:#fafafa}20%{background-color:#E2ECF6}60%{background-color:#E2ECF6}100%{background-color:#fafafa}}.mf_list{--main-color:#204D7F;list-style-type:none;padding:0;margin:0}.mf_list li{display:block;font-size:20px;color:#000;font-weight:300;border-bottom:1px solid #e6e6e6;padding:20px 0;display:flex;margin-bottom:10px}.mf_list li.highlight-new{background-color:#E2ECF6;animation-name:highlight-new;animation-duration:8s;animation-fill-mode:forwards}.mf_list li strong,.mf_list li a{color:var(--main-color);font-weight:700}.mf_list li .time{color:#515151;font-weight:700;padding:0 20px}.mf_list li .text{padding:0 20px}.mf_list li .text .green{font-weight:700;color:#31a745}.mf_list li .text .red{font-weight:700;color:#cb0000}.mf_list li .text .news_link{display:block;border-radius:5px;overflow:hidden;display:flex;margin-top:20px;box-shadow:0 0 6px 0 rgb(0 0 0 / .14)}.mf_list li .text .news_link img{width:150px;height:113px;object-fit:cover;flex-shrink:0;flex-grow:0}.mf_list li .text .news_link span.title_link{background:#fff;font-size:20px;font-weight:700;color:#000;align-items:center;display:flex;padding:20px;flex-grow:1}.marketflash{background:#E6E6E6;padding:15px;margin-bottom:15px}.marketflash-content{margin:10px 0 0;display:block;line-height:160%}.marketflash-content__date{font-weight:700;color:#646464}.marketflash-content a{font-weight:700;color:#295D97}.recommend-info{display:inline-block}.recommend-info img{width:100px}.pd0{padding:0}.pr0{padding-right:0}.pl0{padding-left:0}.pt0{padding-top:0}.pb0{padding-bottom:0}.mb0{margin-bottom:0}.mr0{margin-right:0}.ml0{margin-left:0}.mt0{margin-top:0}.m0{margin:0}.pd5{padding:5px}.pr5{padding-right:5px}.pl5{padding-left:5px}.pt5{padding-top:5px}.pb5{padding-bottom:5px}.mb5{margin-bottom:5px}.mr5{margin-right:5px}.ml5{margin-left:5px}.mt5{margin-top:5px}.m5{margin:5px}.pd10{padding:10px}.pr10{padding-right:10px}.pl10{padding-left:10px}.pt10{padding-top:10px}.pb10{padding-bottom:10px}.mb10{margin-bottom:10px}.mr10{margin-right:10px}.ml10{margin-left:10px}.mt10{margin-top:10px}.m10{margin:10px}.pd15{padding:15px}.pr15{padding-right:15px}.pl15{padding-left:15px}.pt15{padding-top:15px}.pb15{padding-bottom:15px}.mb15{margin-bottom:15px}.mr15{margin-right:15px}.ml15{margin-left:15px}.mt15{margin-top:15px}.m15{margin:15px}.pd20{padding:20px}.pr20{padding-right:20px}.pl20{padding-left:20px}.pt20{padding-top:20px}.pb20{padding-bottom:20px}.mb20{margin-bottom:20px}.mr20{margin-right:20px}.ml20{margin-left:20px}.mt20{margin-top:20px}.m20{margin:20px}.pd25{padding:25px}.pr25{padding-right:25px}.pl25{padding-left:25px}.pt25{padding-top:25px}.pb25{padding-bottom:25px}.mb25{margin-bottom:25px}.mr25{margin-right:25px}.ml25{margin-left:25px}.mt25{margin-top:25px}.m25{margin:25px}.pd30{padding:30px}.pr30{padding-right:30px}.pl30{padding-left:30px}.pt30{padding-top:30px}.pb30{padding-bottom:30px}.mb30{margin-bottom:30px}.mr30{margin-right:30px}.ml30{margin-left:30px}.mt30{margin-top:30px}.m30{margin:30px}.pd35{padding:35px}.pr35{padding-right:35px}.pl35{padding-left:35px}.pt35{padding-top:35px}.pb35{padding-bottom:35px}.mb35{margin-bottom:35px}.mr35{margin-right:35px}.ml35{margin-left:35px}.mt35{margin-top:35px}.m35{margin:35px}.pd40{padding:40px}.pr40{padding-right:40px}.pl40{padding-left:40px}.pt40{padding-top:40px}.pb40{padding-bottom:40px}.mb40{margin-bottom:40px}.mr40{margin-right:40px}.ml40{margin-left:40px}.mt40{margin-top:40px}.m40{margin:40px}.pd45{padding:45px}.pr45{padding-right:45px}.pl45{padding-left:45px}.pt45{padding-top:45px}.pb45{padding-bottom:45px}.mb45{margin-bottom:45px}.mr45{margin-right:45px}.ml45{margin-left:45px}.mt45{margin-top:45px}.m45{margin:45px}.pd50{padding:50px}.pr50{padding-right:50px}.pl50{padding-left:50px}.pt50{padding-top:50px}.pb50{padding-bottom:50px}.mb50{margin-bottom:50px}.mr50{margin-right:50px}.ml50{margin-left:50px}.mt50{margin-top:50px}.m50{margin:50px}.f10{font-size:10px}.f11{font-size:11px}.f12{font-size:12px}.f13{font-size:13px}.f14{font-size:14px}.f15{font-size:15px}.f16{font-size:16px}.f18{font-size:18px}.f20{font-size:20px}.f22{font-size:22px}.f24{font-size:24px}.f30{font-size:30px}.f26{font-size:26px}.f40{font-size:40px}.f50{font-size:50px}.fl{float:left!important}.fr{float:right!important}.text_center{text-align:center}.text_right{text-align:right}.text_justify{text-align:justify}.text_left{text-align:left}.text_nowrap{white-space:nowrap}.bold,strong{font-weight:700}.block{display:block}.relative{position:relative}.paging{margin:10px 0 20px;position:relative}.paging a{display:inline-block;padding:5px 10px}.paging a.selected,.paging a:hover{background:#fff}.paging-long .paging a{border:1px solid #206292;border-radius:50%;padding:0;width:35px;height:35px;text-align:center;line-height:36px}.icon_inside{text-align:center;z-index:2}.hide{display:none!important}.show{display:block!important}.caret{position:relative;margin:0 0 0 20px;float:right}.caret:before{content:'';position:absolute;top:6px;left:4px;border-top:6px solid #176195;border-left:6px solid #fff0;border-right:6px solid #fff0}.caret:after{content:'';position:absolute;left:6px;top:6px;border-top:4px solid #eee;border-left:4px solid #fff0;border-right:4px solid #fff0}.cbltv{background:#1d4c81;display:block;height:85px;padding:13px;color:#fff;max-height:86px;overflow:hidden;width:calc(100% - 100px);font-family:''Roboto', sans-serif;

}

.cbltv:hover .cbltv__cta {
    opacity: .7
}

.cbltv__title {
    color: white !important;
    display: block;
    font-weight: 700;
    font-size: 30px
}

.cbltv__sub {
    font-size: 18px;
    letter-spacing: .2em;
    font-weight: 100
}

.cbltv__cta {
    position: absolute;
    right: 18px;
    top: 18px;
    text-align: center;
    font-size: 18px;
    padding: 10px 25px;
    background: #d0021b;
    letter-spacing: .1em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.box_img.pullr {
    margin-right: 0 !important;
    position: relative;
    width: 167px !important;
    height: 85px !important;
    overflow: hidden;
    display: inline-block !important
}

.list li .nhl_icon-video.oncenter {
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: unset;
    -webkit-transform: translate(-50%, -50%);
    -moz-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    font-size: 50px
}

.lvr_live.livetv {
    font-style: normal;
    position: relative;
    display: inline-block;
    top: auto;
    margin-right: 10px;
    padding: 0 10px
}

.lvr_live.livetv span {
    width: 10px;
    height: 10px;
    margin-top: 8px;
    background: #fff;
    animation: rec_tick 0.8s linear 0s infinite alternate;
    -moz-animation: rec_tick 0.8s linear 0s infinite alternate;
    -webkit-animation: rec_tick 0.8s linear 0s infinite alternate;
    margin-right: 8px
}

.box.livetv .title {
    font-size: 14px
}

.quickcb {
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    text-align: center;
    display: flex;
    margin-top: 10px;
    align-items: center
}

.quickcb__left {
    width: 30%;
    position: relative
}

.quickcb__right {
    width: 70%
}

.quickcb__cta {
    position: absolute;
    right: 0;
    top: 8px
}

.quickcb__cta a {
    display: inline-block;
    background: #275d97;
    color: white;
    padding: 10px 10px;
    border-radius: 4px;
    font-size: 11px
}

.quickcb__cta a span {
    width: 15px;
    display: inline-block
}

.quickcb__cta a span img {
    width: 100%;
    min-width: unset
}

@media (max-width: 480px) {
    .quickcb {
        padding: 0px;
        margin: 10px 10px;
        padding-top: 40px
    }
}

.quickcb__logo {
    width: 195px;
    padding-bottom: 40px
}

.quickcb__logo.noads {
    width: 90%;
    margin: 0 auto
}

.quickcb__logo img {
    width: 100%
}

@media (max-width: 480px) {
    .quickcb__frame {
        height: 280px !important
    }
}

.quickcb__ads {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    display: block;
    text-align: center;
    padding-right: 0
}

.quickcb__ads h3 {
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 12px;
    padding-right: 20px;
    display: block;
    text-align: center;
    padding-right: 0;
    padding-bottom: 10px
}

.quickcb__ads-list {
    display: inline-block;
    max-width: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 100%;
    justify-content: center;
    margin-bottom: 10px
}

.quickcb__ads-item {
    display: inline-block;
    margin: 0 5px;
    width: 80px
}

.quickcb__ads-item.bigger {
    width: 110px
}

.quickcb__ads-item img {
    width: 100%
}

.top_banner_bar {
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    background: #176195
}

.bn_skin {
    z-index: 3 !important
}

.bn_skin2 {
    margin-right: -861px
}

.bn_skin {
    margin-left: -861px
}

.otp_banner,
.top_banner_bar,
.top_banner,
.bottom_banner_bar {
    z-index: 12 !important
}

.leaderboard {
    z-index: 11 !important
}

.leaderboard.is_floating {
    top: -3px !important
}

.leaderboard.is_floating .leaderboard_container {
    left: -10px
}

.parallaxA,
.parallaxB {
    margin: 20px 0;
    clear: both
}

.parallax {
    clear: both
}

.cb_promo {
    width: 100% !important;
    border-bottom: 1px solid #e6e6e6 !important
}

.berita-terkait .ads_native_d {
    padding: 0
}

.berita-terkait .ads_native_d .an_box_img {
    float: unset;
    display: block;
    height: 180px;
    width: 100%
}

.berita-terkait .ads_native_d .an_box_img .img_con {
    width: 100%;
    height: 167px
}

.berita-terkait .ads_native_d .an_box_img .img_con:after {
    padding-top: inherit
}

@media screen and (max-width: 1280px) and (min-width: 1025px) {
    .berita-terkait .ads_native_d .an_box_img {
        height: 174px
    }

    .berita-terkait .ads_native_d .an_box_img .img_con {
        height: 160px
    }
}

.berita-terkait .ads_native_d .an_desk {
    display: block;
    float: unset;
    font-family: 'Roboto', sans-serif;
}

.berita-terkait .ads_native_d .an_desk .an_text {
    display: none
}

.berita-terkait .ads_native_d .an_desk .an_sub,
.berita-terkait .ads_native_d .an_desk .an_label {
    font-size: 13px;
    color: #9a9a9a;
    font-weight: 500
}

.berita-terkait .ads_native_d .an_desk h2 {
    font-size: 13px;
    margin: 5px 0 0;
    font-weight: bold
}

.berita-terkait .label_adsmart {
    top: 5px;
    right: 7px
}

.an_box_img .img_con {
    justify-content: normal !important
}

.list li {
    position: relative
}

.list.media_rows ins .box_img {
    width: 152px
}

.list.media_rows ins .ratiobox:after {
    padding-top: 75%
}

.list ins {
    text-decoration: none;
    position: relative;
    display: block
}

@import "/klik/css/https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900|Roboto:300,400,500,700,900&display=swap";

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

html {
    background: #fff;
    color: #000;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

html,
button,
input,
select,
textarea {
    font-family: sans-serif
}

body {
    margin: 0
}

a {
    background: #fff0
}

a:focus {
    outline: thin dotted
}

a:hover,
a:active {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

h2 {
    font-size: 1.5em;
    margin: .83em 0
}

h3 {
    font-size: 1.17em;
    margin: 1em 0
}

h4 {
    font-size: 1em;
    margin: 1.33em 0
}

h5 {
    font-size: .83em;
    margin: 1.67em 0
}

h6 {
    font-size: .75em;
    margin: 2.33em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

q:before,
q:after {
    content: '';
    content: none
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
input[disabled] {
    cursor: default
}

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

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    line-height: normal;
    margin: 4px 0 0
}

@font-face {
    font-family: "fontello";
    font-weight: 400;
    font-style: normal;
    src: url(/klik/css/../fonts/fontello/fontello.eot);
    src: url("/klik/css/../fonts/fontello/fontello.eot?#iefix") format("embedded-opentype"), url(/klik/css/../fonts/fontello/fontello.woff) format("woff"), url(/klik/css/../fonts/fontello/fontello.ttf) format("truetype"), url("/klik/css/../fonts/fontello/fontello.svg#fontello") format("svg")
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-cancel:before {
    content: '\e800'
}

.icon-search:before {
    content: '\e801'
}

.icon-camera:before {
    content: '\e802'
}

.icon-play:before {
    content: '\e803'
}

.icon-right-open:before {
    content: '\e804'
}

.icon-left-open:before {
    content: '\e805'
}

.icon-line:before {
    content: '\e806'
}

.icon-link:before {
    content: '\e807'
}

.icon-path:before {
    content: '\e808'
}

.icon-comment:before {
    content: '\e809'
}

.icon-down-open:before {
    content: '\e80a'
}

.icon-up-open:before {
    content: '\e80b'
}

.icon-calendar:before {
    content: '\e80c'
}

.icon-plus:before {
    content: '\e80d'
}

.icon-minus:before {
    content: '\e80e'
}

.icon-spin5:before {
    content: '\e838'
}

.icon-twitter:before {
    content: '\f099'
}

.icon-facebook:before {
    content: '\f09a'
}

.icon-gplus:before {
    content: '\f0d5'
}

.icon-comment-empty:before {
    content: '\f0e5'
}

.icon-angle-left:before {
    content: '\f104'
}

.icon-angle-right:before {
    content: '\f105'
}

.icon-angle-up:before {
    content: '\f106'
}

.icon-angle-down:before {
    content: '\f107'
}

.icon-play-circled:before {
    content: '\f144'
}

.icon-instagram:before {
    content: '\f16d'
}

.icon-chart-line:before {
    content: '\f201'
}

.icon-pinterest:before {
    content: '\f231'
}

.icon-whatsapp:before {
    content: '\f232'
}

.opini .opini_user .box_img,
.share a,
.opini_user-detail .box_img,
.kolumnis .opini_user .box_img,
footer .foot2 .share a,
.comp_item .comp_name .comp_logo,
.list-opini_wrap .headline .opini-user .box_img,
.list-opini_wrap .list-opini .opini-user .box_img,
.circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.breaking-news.open_expand .desc-wrap .desc,
.open_expand.breaking-news-right .desc-wrap .desc {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.comp_item .comp_name .comp_logo img,
.icon_inside {
    position: absolute;
    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)
}

.col_mob_12,
.col_mob_11,
.col_mob_10,
.col_mob_9,
.col_mob_8,
.col_mob_7,
.col_mob_6,
.col_mob_5,
.col_mob_4,
.col_mob_3,
.col_mob_2,
.col_mob_1 {
    float: left
}

.col_mob_12,
.col_mob_11,
.col_mob_10,
.col_mob_9,
.col_mob_8,
.col_mob_7,
.col_mob_6,
.col_mob_5,
.col_mob_4,
.col_mob_3,
.col_mob_2,
.col_mob_1,
.col_12,
.col_tab_12,
.col_mol_12,
.col_11,
.col_tab_11,
.col_mol_11,
.col_10,
.col_tab_10,
.col_mol_10,
.col_9,
.col_tab_9,
.col_mol_9,
.col_8,
.col_tab_8,
.col_mol_8,
.col_7,
.col_tab_7,
.col_mol_7,
.col_6,
.col_tab_6,
.col_mol_6,
.col_5,
.col_tab_5,
.col_mol_5,
.col_4,
.col_tab_4,
.col_mol_4,
.col_3,
.col_tab_3,
.col_mol_3,
.col_2,
.col_tab_2,
.col_mol_2,
.col_1,
.col_tab_1,
.col_mol_1 {
    font-size: 14px;
    display: block;
    padding-left: 0;
    padding-right: 0
}

@media (min-width:576px) {

    .inline .col_12,
    .inline .col_tab_12,
    .inline .col_mol_12,
    .inline .col_mob_12,
    .inline .col_11,
    .inline .col_tab_11,
    .inline .col_mol_11,
    .inline .col_mob_11,
    .inline .col_10,
    .inline .col_tab_10,
    .inline .col_mol_10,
    .inline .col_mob_10,
    .inline .col_9,
    .inline .col_tab_9,
    .inline .col_mol_9,
    .inline .col_mob_9,
    .inline .col_8,
    .inline .col_tab_8,
    .inline .col_mol_8,
    .inline .col_mob_8,
    .inline .col_7,
    .inline .col_tab_7,
    .inline .col_mol_7,
    .inline .col_mob_7,
    .inline .col_6,
    .inline .col_tab_6,
    .inline .col_mol_6,
    .inline .col_mob_6,
    .inline .col_5,
    .inline .col_tab_5,
    .inline .col_mol_5,
    .inline .col_mob_5,
    .inline .col_4,
    .inline .col_tab_4,
    .inline .col_mol_4,
    .inline .col_mob_4,
    .inline .col_3,
    .inline .col_tab_3,
    .inline .col_mol_3,
    .inline .col_mob_3,
    .inline .col_2,
    .inline .col_tab_2,
    .inline .col_mol_2,
    .inline .col_mob_2,
    .inline .col_1,
    .inline .col_tab_1,
    .inline .col_mol_1,
    .inline .col_mob_1 {
        display: inline-block;
        float: none;
        vertical-align: top
    }
}

.gap .col_12,
.gap .col_tab_12,
.gap .col_mol_12,
.gap .col_mob_12,
.gap .col_11,
.gap .col_tab_11,
.gap .col_mol_11,
.gap .col_mob_11,
.gap .col_10,
.gap .col_tab_10,
.gap .col_mol_10,
.gap .col_mob_10,
.gap .col_9,
.gap .col_tab_9,
.gap .col_mol_9,
.gap .col_mob_9,
.gap .col_8,
.gap .col_tab_8,
.gap .col_mol_8,
.gap .col_mob_8,
.gap .col_7,
.gap .col_tab_7,
.gap .col_mol_7,
.gap .col_mob_7,
.gap .col_6,
.gap .col_tab_6,
.gap .col_mol_6,
.gap .col_mob_6,
.gap .col_5,
.gap .col_tab_5,
.gap .col_mol_5,
.gap .col_mob_5,
.gap .col_4,
.gap .col_tab_4,
.gap .col_mol_4,
.gap .col_mob_4,
.gap .col_3,
.gap .col_tab_3,
.gap .col_mol_3,
.gap .col_mob_3,
.gap .col_2,
.gap .col_tab_2,
.gap .col_mol_2,
.gap .col_mob_2,
.gap .col_1,
.gap .col_tab_1,
.gap .col_mol_1,
.gap .col_mob_1 {
    padding-left: 3.75px;
    padding-right: 3.75px
}

@media (min-width:576px) {

    .gap .col_12,
    .gap .col_tab_12,
    .gap .col_mol_12,
    .gap .col_mob_12,
    .gap .col_11,
    .gap .col_tab_11,
    .gap .col_mol_11,
    .gap .col_mob_11,
    .gap .col_10,
    .gap .col_tab_10,
    .gap .col_mol_10,
    .gap .col_mob_10,
    .gap .col_9,
    .gap .col_tab_9,
    .gap .col_mol_9,
    .gap .col_mob_9,
    .gap .col_8,
    .gap .col_tab_8,
    .gap .col_mol_8,
    .gap .col_mob_8,
    .gap .col_7,
    .gap .col_tab_7,
    .gap .col_mol_7,
    .gap .col_mob_7,
    .gap .col_6,
    .gap .col_tab_6,
    .gap .col_mol_6,
    .gap .col_mob_6,
    .gap .col_5,
    .gap .col_tab_5,
    .gap .col_mol_5,
    .gap .col_mob_5,
    .gap .col_4,
    .gap .col_tab_4,
    .gap .col_mol_4,
    .gap .col_mob_4,
    .gap .col_3,
    .gap .col_tab_3,
    .gap .col_mol_3,
    .gap .col_mob_3,
    .gap .col_2,
    .gap .col_tab_2,
    .gap .col_mol_2,
    .gap .col_mob_2,
    .gap .col_1,
    .gap .col_tab_1,
    .gap .col_mol_1,
    .gap .col_mob_1 {
        padding-left: 7.5px;
        padding-right: 7.5px
    }
}

header .menu .nav_menu ul,
.list,
.kolumnis ul,
.kurs-slide .tab,
.berita-utama ul,
.list-opini_wrap .list-opini,
.detail_terkait .berita-terkait ul,
.list-glossary .list_item-glossary {
    margin: 0;
    padding: 0
}

header .menu .nav_menu ul,
.list,
.kolumnis ul,
.kurs-slide .tab,
.berita-utama ul,
.list-opini_wrap .list-opini,
.detail_terkait .berita-terkait ul,
.list-glossary .list_item-glossary {
    list-style: none
}

a:hover,
footer a:hover,
.btn:hover,
.box .title_box a:hover,
a:hover .box_text.dark h2,
.text_inside .date,
.icon_inside {
    opacity: .9;
    filter: alpha(opacity=90)
}

.btn_nofill:hover,
.btn_group.btn_nofill a:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.box_text.text_inside,
.list.terbaru.big_hl li:nth-child(1) .box_text,
.list.terbaru.big_hl li:nth-child(2) .box_text {
    background: #000;
    background: -moz-linear-gradient(top, transparent 0%, rgb(0 0 0 / .7) 60%);
    background: -webkit-linear-gradient(top, transparent 0%, rgb(0 0 0 / .7) 60%);
    background: linear-gradient(to bottom, transparent 0%, rgb(0 0 0 / .7) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start_color', endColorstr='$end_color', GradientType=1)
}

.list.terbaru li.hn .box_img:before {
    background: #000;
    background: -moz-linear-gradient(top, transparent 0%, rgb(0 0 0 / .5) 60%);
    background: -webkit-linear-gradient(top, transparent 0%, rgb(0 0 0 / .5) 60%);
    background: linear-gradient(to bottom, transparent 0%, rgb(0 0 0 / .5) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start_color', endColorstr='$end_color', GradientType=1)
}

.box .title_box,
.box,
.list.two-colm .box_text .label,
.list.three-colm .box_text .label,
.list.two-colm .box_text .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .list.two-colm .box_text .an_sub,
.list.three-colm .box_text .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .list.three-colm .box_text .an_sub,
.list.terbaru li .label,
.list.terbaru li .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .list.terbaru li .an_sub,
.list.terbaru li.nhl_feature .subjudul,
.list.terbaru li.nhl_feature .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .list.terbaru li.nhl_feature .an_label,
.inside_row_article .box_text .label,
.inside_row_article .box_text .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .inside_row_article .box_text .an_sub,
footer,
.headline .box_text .label,
.headline .box_text .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .headline .box_text .an_sub,
.selector,
.lain .box_text .label,
.lain .box_text .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .lain .box_text .an_sub {
    font-family: 'Roboto', sans-serif
}

header .menu,
.livestreaming .label,
.livestreaming-right .label,
.livestreaming .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .livestreaming .an_sub,
.livestreaming-right .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .livestreaming-right .an_sub,
.livestreaming-right.open .label,
.list.big.feature li .subjudul,
.list.big.feature li .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .list.big.feature li .an_label,
.list.grid.col-3 li .box_text .subjudul,
.list.grid.col-3 li .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .list.grid.col-3 li .box_text .an_label,
.list.terbaru li .subjudul,
.list.terbaru li .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .list.terbaru li .an_label,
.inside_row_article .box_text .subjudul,
.inside_row_article .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .inside_row_article .box_text .an_label,
.outside_row_article .box_text .subjudul,
.outside_row_article .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .outside_row_article .box_text .an_label,
.kurs-slide {
    font-family: 'Roboto', sans-serif;
    font-weight: 500
}

.btn,
.title,
.livestreaming.open h2,
.open.livestreaming-right h2,
.box .title,
.box .full-width .subjudul,
.box .full-width .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .box .full-width .an_label,
.list.thumb li .box_text .subjudul,
.list.thumb li .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .list.thumb li .box_text .an_label,
.profile li .box_text .subjudul,
.profile li .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .profile li .box_text .an_label,
.headline .box_text .subjudul,
.headline .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .headline .box_text .an_label,
.headline .box_text h1,
.headline .hl_kait .title_kait span,
.list-opini_wrap .list-opini .box_text .subjudul,
.list-opini_wrap .list-opini .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .list-opini_wrap .list-opini .box_text .an_label,
.notfound h1,
.notfound h3,
.notfound a {
    font-family: 'Roboto', sans-serif;
    font-weight: 700
}

.datepick,
.livestreaming.open .title,
.open.livestreaming-right .title,
.box .full-width .duration,
.list li .duration,
.list.two-colm .box_text .date,
.list.three-colm .box_text .date,
.list.grid.col-3 li .box_text .date,
.list.grid.col-3 li .box_text h2,
.list.terbaru li .date,
.list.terbaru li.nhl_foto .sum,
.list.terbaru li.hn.hn_foto .nhl_icon-video,
.list.terbaru li.hn.hn_market .nhl_icon-market,
.inside_row_article .box_text .date,
.profile li .box_text .desc,
.opini .opini_user .opini_desc p,
.opini_user-detail .opini_desc p,
.kolumnis .opini_user .opini_desc p,
.paging-long,
.date-market,
.sponsor span,
.headline .box_text .date,
.title_kanal span,
.list-opini_wrap .headline .opini-user .opini_desc p,
.list-opini_wrap .list-opini .box_text h2,
.list-opini_wrap .list-opini .opini-user .opini_desc p,
.search-list .search-btn,
.filter,
.market_table,
.list-glossary .list_item-glossary p,
.lain .box_text .date {
    font-family: 'Roboto', sans-serif;
    font-weight: 400
}

h1,
h2,
h3,
h4,
h5,
.list.terbaru li.nhl_video .duration,
.list.terbaru li.nhl_video .link,
.list.terbaru li.nhl_foto .duration,
.list.terbaru li.nhl_foto .link,
.list.terbaru li.hn .duration,
.profile li .box_text,
.opini .opini_user .opini_desc .opini_name,
.opini_user-detail .opini_desc,
.opini_user-detail .opini_desc .share span,
.kolumnis .opini_user .opini_desc .opini_name,
.paging,
.headline .hl_kait .link_kait a,
.title_kanal,
.list-opini_wrap .headline .opini-user .opini_desc,
.list-opini_wrap .list-opini .opini-user .opini_desc,
.search-list .search-result,
.list-glossary .alpha,
.list-glossary .list_item-glossary {
    font-family: 'Roboto', sans-serif;
    font-weight: 700
}

a,
.styled-select select,
.text,
.btn,
.box_text,
.box_text h2,
.box_text h3,
.box_text h4,
.is_stuck,
header .menu .nav_menu ul li,
.title a i,
.flez,
.breaking-news-right,
.livestreaming-right,
.btn i,
.sticky,
.caret:before,
.caret:after {
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -ms-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s
}

header .menu .nav_menu,
header .menu .search-wrap,
header .menu .search-wrap .form-search {
    -webkit-transition: all 350ms cubic-bezier(.165, .84, .44, 1);
    -moz-transition: all 350ms cubic-bezier(.165, .84, .44, 1);
    -ms-transition: all 350ms cubic-bezier(.165, .84, .44, 1);
    -o-transition: all 350ms cubic-bezier(.165, .84, .44, 1);
    transition: all 350ms cubic-bezier(.165, .84, .44, 1)
}

body {
    margin: 0;
    line-height: 1.25;
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background: #fff
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

a {
    text-decoration: none;
    color: #444
}

a:hover {
    color: #777
}

hr {
    border-style: solid none none;
    border-color: #d4d4d4;
    margin: 15px 0
}

hr.blue {
    border-width: 4px;
    border-color: #204D7F
}

p {
    margin-top: 0;
    margin-bottom: 20px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    line-height: 1.25;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

h1 {
    font-size: 36px
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

header,
footer,
table {
    display: table;
    width: 100%
}

article {
    position: relative
}

.ratiobox_content iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

header,
footer,
.table {
    display: table;
    width: 100%
}

ol,
ul {
    padding: 0 0 0 25px;
    margin-top: 14px;
    margin-bottom: 14px;
    margin-bottom: 14px
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-top: 7px;
    margin-bottom: 0
}

ol li,
ul li {
    padding: 5px 0
}

img {
    vertical-align: middle
}

.full_width img {
    width: 100%
}

footer {
    color: #fff
}

footer .footer {
    position: relative;
    z-index: 2
}

footer a {
    color: #fff
}

footer a:hover {
    color: #fff
}

footer>.container {
    padding: 20px
}

footer .foot1 {
    border-bottom: 1px dotted #e6e6e6;
    margin: 0 0 10px;
    padding: 0 0 10px
}

footer .foot2 div {
    font-size: 12px;
    margin-top: 7px
}

footer .share_bottom {
    display: block
}

footer .share_bottom a {
    display: inline-block
}

footer .share_bottom a img {
    width: 35px
}

.animate-spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -ms-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    display: inline-block
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-moz-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.grid_row {
    font-size: 0;
    position: relative;
    overflow: hidden
}

.grid_row.gap {
    margin: 0 -7.5px
}

.grid_row.gap>div,
.grid_row.gap>article {
    margin-bottom: 15px
}

.col_mob_12 {
    width: 100%
}

.col_mob_11 {
    width: 91.66667%
}

.col_mob_10 {
    width: 83.33333%
}

.col_mob_9 {
    width: 75%
}

.col_mob_8 {
    width: 66.66667%
}

.col_mob_7 {
    width: 58.33333%
}

.col_mob_6 {
    width: 50%
}

.col_mob_5 {
    width: 41.66667%
}

.col_mob_4 {
    width: 33.33333%
}

.col_mob_3 {
    width: 25%
}

.col_mob_2 {
    width: 16.66667%
}

.col_mob_1 {
    width: 8.33333%
}

table th {
    border: 1px solid #e6e6e6;
    padding: 10px;
    text-align: left
}

table td {
    border: 1px solid #e6e6e6;
    padding: 5px 10px
}

table.table {
    width: 100%;
    border: none;
    background: #fff
}

table.table th {
    background: #fff;
    border-color: #fff
}

table.table tr:nth-child(2n) {
    background: #fff
}

table.table td {
    border-color: #fff
}

table.table_dark {
    color: #fff;
    background: #737373
}

table.table_dark th {
    background: #295D97;
    color: #fff;
    border-color: #676767
}

table.table_dark tr:nth-child(2n) {
    background: #676767
}

table.table_dark td {
    border-color: #295D97
}

table.table_small {
    font-size: 11px
}

table.table_small th {
    font-size: 13px
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none
}

textarea,
.styled-select select,
input[type="text"],
input[type="button"],
input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

input[type="text"],
textarea {
    font-size: 14px;
    display: inline-block;
    border: 1px solid #ccc;
    padding: 5px 10px;
    margin: 0 0 10px;
    background: #f7f7f7
}

textarea {
    resize: none
}

button {
    cursor: pointer
}

label {
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 1.5
}

.form .grid_row {
    margin: 0 0 5px
}

.form label {
    display: inline-block
}

.form .text {
    font-size: 14px;
    display: block;
    border: 1px solid #ccc;
    padding: 7px 10px;
    margin: 0 0 10px;
    background: #f7f7f7
}

.form .text.half {
    width: 50%
}

.form .text.full {
    width: 100%
}

.form .text:hover,
.form .text:focus {
    border-color: #adadad
}

.form .tip {
    display: block
}

.checkbox label {
    padding-left: 20px;
    cursor: pointer
}

.checkbox [type="checkbox"],
.checkbox [type="radio"] {
    margin-left: -20px;
    margin-right: 4px;
    position: absolute
}

.checkbox .icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 4px 3px 4px 8px;
    margin: 0 3px 0 0;
    text-indent: -5px;
    vertical-align: middle
}

.styled-select {
    background: #fff;
    overflow: hidden;
    width: 240px
}

.styled-select.small,
.styled-select.small select {
    width: 70px
}

.styled-select.medium,
.styled-select.medium select {
    width: 150px
}

.styled-select.half {
    width: 50%
}

.styled-select.full,
.styled-select.full select,
.styled-select.half select {
    width: 100%
}

.styled-select select {
    width: 240px;
    border: none;
    font-size: 14px;
    padding: 5px;
    border: 1px solid #ccc;
    padding: 7px 30px 7px 10px;
    background: #f7f7f7
}

.styled-select select:hover {
    border-color: #adadad
}

.styled-select .caret {
    pointer-events: none
}

.styled-select .caret:before {
    left: -25px;
    top: 14px;
    border-top-color: #adadad
}

.btn {
    font-size: 15px;
    line-height: 1.35;
    display: inline-block;
    padding: 5px 15px;
    text-align: center;
    cursor: pointer;
    vertical-align: top;
    color: #fff;
    background: #176195;
    border: 1px solid #104469
}

.btn:hover {
    color: #fff
}

.btn_blue {
    background: blue;
    color: #fff;
    border: 1px solid #00c
}

.btn_red {
    background: red;
    color: #fff;
    border: 1px solid #c00
}

.btn_orange {
    background: orange;
    color: #fff;
    border: 1px solid #cc8400
}

.btn_green {
    background: green;
    color: #fff;
    border: 1px solid #004d00
}

.btn_grey {
    background: grey;
    color: #fff;
    border: 1px solid #676767
}

.btn_small {
    font-size: 10px;
    padding: 5px 10px
}

.btn_large {
    font-size: 18px;
    padding: 5px 20px
}

.btn_nofill,
.btn_group.btn_nofill a {
    border: 2px solid #176195;
    background: none;
    color: #176195;
    padding-top: 4px;
    padding-bottom: 4px
}

.btn_nofill:hover,
.btn_group.btn_nofill a:hover {
    background: #176195
}

.btn_group {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: inherit
}

.btn_group a {
    padding: 5px 15px;
    margin: 0 -1px 0 0;
    float: left;
    position: relative;
    white-space: nowrap;
    border-width: 1px
}

@media (max-width:480px) {
    .btn_group a span {
        width: 50px;
        height: 35px;
        font-size: 12px;
        white-space: normal;
        display: table-cell;
        vertical-align: middle
    }
}

.btn_group_justified a {
    float: none;
    width: 1%;
    display: table-cell
}

.thin_btn {
    display: inline-block;
    font-weight: 400;
    color: #0f5586;
    font-size: 13px;
    border: 1px solid #0f5586;
    border-radius: 13px;
    padding: 4px 13px;
    vertical-align: middle
}

.thin_btn:hover {
    color: #fff;
    background: #0f5586
}

.container {
    margin: 0 auto;
    padding: 0;
    width: 1100px
}

.container:before,
.container:after {
    content: " ";
    display: table
}

@media screen and (min-width:1025px) and (max-width:1280px) {
    .container {
        width: 1000px
    }
}

#content {
    position: relative;
    margin: 0 0 10px
}

.box {
    position: relative;
    display: inline-block;
    width: 100%;
    background: #fff;
    border: 1px solid #fff
}

.box .title_box {
    background: #176195;
    color: #fff;
    padding: 8px 10px 8px 15px;
    position: relative;
    text-transform: uppercase;
    max-height: 50px;
    z-index: 4;
    font-size: 18px
}

.box .title_box a {
    color: #fff;
    height: 100%
}

.title_page {
    padding: 0 0 10px;
    color: #176195;
    font-size: 22px;
    font-weight: 700
}

.title_page.fill {
    background: #204D7F;
    color: #fff;
    padding: 10px 15px;
    font-size: 16px
}

.box_text {
    display: block
}

.grid_row .box_text {
    margin: 10px 0 0
}

.box_text.text_inside,
.list.terbaru.big_hl li:nth-child(1) .box_text,
.list.terbaru.big_hl li:nth-child(2) .box_text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 25% 15px 15px;
    margin: 0;
    z-index: 2
}

.box_text h2,
.box_text h3,
.box_text h4 {
    font-weight: 700
}

.box_text.dark {
    background: #397dc9
}

.box_text.dark h2 {
    color: #fff
}

.text_inside {
    position: relative;
    background: #176195
}

.text_inside a {
    display: block;
    position: relative;
    color: #fff !important
}

.text_inside a:hover {
    opacity: .85;
    filter: alpha(opacity=85)
}

.text_inside .date {
    color: #fff
}

.grid_row.gap .text_inside {
    left: 3.75px;
    right: 3.75px
}

@media (min-width:576px) {
    .grid_row.gap .text_inside {
        left: 7.5px;
        right: 7.5px
    }
}

.box_img {
    width: 140px;
    float: left
}

.ratiobox.ratio_16_9:after {
    padding-top: 56.25%
}

.ratiobox.ratio_4_3:after {
    padding-top: 75%
}

.ratiobox.ratio_3_4:after {
    padding-top: 133%
}

.ratiobox.ratio_9_16:after {
    padding-top: 178%
}

.ratiobox {
    display: block;
    position: relative
}

.ratiobox:after {
    content: "";
    display: block;
    padding-top: 100%;
    overflow: hidden
}

.ratiobox>.ratiobox_content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background: #000;
    border-radius: 4px
}

.ratiobox>.ratiobox_content img {
    height: 100%;
    max-width: 100%
}

.list {
    display: inline-block;
    width: 100%;
    background: #fff
}

.list>article,
.list>a {
    position: relative;
    padding-top: 0;
    padding-bottom: 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid #fff
}

.list>article .title {
    font-size: 16px;
    font-weight: 700
}

.list a {
    display: block
}

.list.media_rows>article,
.list.media_rows>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1
}

.list.media_rows.middle a {
    -moz-box-align: center;
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    flex-flow: row nowrap;
    justify-content: space-between
}

.list.media_rows .box_img {
    width: 75px;
    display: table
}

.list.media_rows .box_text {
    margin: 0 0 0 15px;
    width: 100%;
    -ms-flex: 1 0 0%;
    flex: 1
}

.cols>article .title {
    font-size: 16px;
    font-weight: 700
}

.cols a {
    display: block
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: #fff0
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid #fff0
}

.slick-arrow.slick-hidden {
    display: none
}

[class*="datepick"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.datepick-rtl {
    direction: rtl
}

.datepick-rtl .datepick-cmd-prev,
.datepick-rtl .datepick-cmd-prevJump,
.datepick-rtl .datepick-cmd-clear {
    float: right;
    padding-left: 0%;
    padding-right: 2%;
    text-align: right
}

.datepick-rtl .datepick-cmd-current,
.datepick-rtl .datepick-cmd-today {
    float: right
}

.datepick-rtl .datepick-cmd-next,
.datepick-rtl .datepick-cmd-nextJump,
.datepick-rtl .datepick-cmd-close {
    float: left;
    padding-left: 2%;
    padding-right: 0%;
    text-align: left
}

.datepick-popup {
    z-index: 1000;
    opacity: 1;
    width: 250px
}

.datepick-popup .datepick {
    border: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / .3);
    -moz-box-shadow: 0 0 10px 0 rgb(0 0 0 / .3);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / .3);
    padding: 5px
}

.datepick-disable {
    position: absolute;
    z-index: 100;
    background-color: #fff;
    opacity: .5;
    filter: alpha(opacity=50)
}

.datepick a {
    color: #000;
    text-decoration: none
}

.datepick a.datepick-disabled {
    color: #888;
    cursor: auto
}

.datepick button {
    margin: .25em;
    padding: .125em 0em;
    background-color: #fcc;
    border: none;
    border-radius: .25em;
    -moz-border-radius: .25em;
    -webkit-border-radius: .25em;
    font-weight: 700
}

.datepick-nav {
    float: left;
    width: 100%;
    background-color: #fff;
    color: #000;
    font-size: 90%;
    font-weight: 700
}

.datepick-ctrl {
    float: left;
    width: 100%;
    background-color: #fff;
    color: #000;
    font-size: 90%;
    font-weight: 700
}

.datepick-ctrl .datepick-cmd:hover {
    background-color: #0081c8
}

.datepick-cmd {
    width: 20%
}

.datepick-cmd:hover {
    background-color: #0098eb;
    color: #fff
}

.datepick-cmd-prevJump {
    width: 8%;
    float: left;
    padding-left: 2%
}

.datepick-cmd-nextJump {
    width: 8%;
    float: right;
    padding-right: 2%;
    text-align: right
}

a.datepick-cmd {
    padding: 5px 8px;
    display: inline-block;
    font-size: 12px
}

button.datepick-cmd {
    text-align: center
}

.datepick-cmd-prev {
    float: left;
    padding-left: 2%;
    width: 15%
}

.datepick-cmd-clear {
    float: left;
    padding-left: 2%
}

.datepick-cmd-current {
    float: left;
    width: 30%;
    text-align: center
}

.datepick-cmd-today {
    float: left;
    width: 30%;
    text-align: center;
    width: 40%;
    text-align: center
}

.datepick-cmd-next {
    float: right;
    padding-right: 2%;
    text-align: right;
    width: 15%
}

.datepick-cmd-close {
    float: right;
    padding-right: 2%;
    text-align: right
}

.datepick-month-nav {
    float: left;
    text-align: center
}

.datepick-month-nav div {
    float: left;
    width: 12.5%;
    margin: 1%;
    padding: 1%
}

.datepick-month-nav span {
    color: #888
}

.datepick-month-row {
    clear: left
}

.datepick-month {
    float: left;
    width: 15em;
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px
}

.datepick-month table {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px
}

.datepick-month thead {
    border-bottom: 1px solid #aaa
}

.datepick-month th {
    text-align: center;
    margin: 0;
    color: #000;
    padding: 0
}

.datepick-month th a {
    color: #000
}

.datepick-month td {
    text-align: center;
    margin: 0;
    padding: 0;
    border: none
}

.datepick-month td span {
    color: #888
}

.datepick-month td .datepick-other-month {
    background-color: #fff
}

.datepick-month td .datepick-today {
    background-color: #295D97;
    color: #fff
}

.datepick-month td .datepick-highlight,
.datepick-month td .datepick-selected {
    background-color: #295D97;
    color: #fff
}

.datepick-month td.datepick-week {
    border: 1px solid #777
}

.datepick-month td.datepick-week * {
    background-color: #777;
    color: #fff;
    border: none
}

.datepick-month a {
    display: block;
    width: 100%;
    padding: 3px 0;
    color: #000;
    text-decoration: none
}

.datepick-month span {
    display: block;
    width: 100%
}

.datepick-month th.datepick-week {
    background-color: #0081c8;
    color: #fff
}

.datepick-month-header {
    background-color: #fff;
    color: #000;
    font-weight: 700;
    padding: 5px;
    height: 25px
}

.datepick-month-header select {
    background-color: #fff;
    color: #000;
    font-weight: 700;
    padding: 5px;
    border: none;
    width: 48%;
    float: left;
    font-size: 10px;
    border: 1px solid #ccc;
    margin-right: 2px;
    border-radius: 0
}

.datepick-month-header input {
    background-color: #fff;
    color: #000;
    font-weight: 700;
    padding: 5px;
    border: none;
    width: 48%;
    float: left;
    font-size: 10px;
    position: absolute;
    display: none
}

.datepick-status {
    clear: both;
    background-color: #ddd;
    text-align: center
}

.datepick-clear-fix {
    clear: both
}

.datepick-cover {
    display: none;
    display: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -1px;
    left: -1px;
    width: 100px;
    height: 100px
}

#altOutput {
    border: none;
    resize: none
}

.is-datepick {
    border: 1px solid #ccc
}

#chartdiv {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 40px
}

#chart-area {
    width: 100%;
    height: 400px
}

.amChartsDataSetSelector {
    font-size: 14px;
    font-family: verdana, helvetica, arial, sans-serif;
    margin-bottom: 20px;
    color: #333;
    display: none
}

.amChartsDataSetSelector select {
    margin-right: 15px
}

.amChartsPeriodSelector {
    font-size: 12px;
    font-family: verdana, helvetica, arial, sans-serif;
    margin-bottom: 25px
}

.amChartsPeriodSelector fieldset div {
    width: 100%;
    float: none
}

.amChartsPeriodSelector fieldset div input[type="button"] {
    width: calc(100% / 7);
    padding: 11px 10px;
    background: none !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    margin: 0px !important;
    float: left;
    display: block
}

.amChartsButton {
    border-bottom: 3px solid #ccd6db !important;
    height: 40px
}

.amChartsButtonSelected {
    background: none;
    border: none;
    border-bottom: 3px solid #dd4839 !important;
    color: #dd4839;
    outline: none;
    box-sizing: border-box
}

.amChartsButton {
    background: none;
    border: none;
    border-bottom: 3px solid #ccd6db;
    margin: 0;
    color: #2077b6;
    outline: none;
    box-sizing: border-box
}

.amChartsCompareList {
    border-style: solid;
    border-color: #CCC;
    border-width: 1px
}

.amChartsCompareList div {
    -webkit-box-sizing: initial;
    box-sizing: initial
}

#selector {
    width: 200px;
    float: left;
    margin-right: 15px
}

#selector ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

#selector li {
    cursor: pointer;
    margin: 0;
    padding: 5px 8px;
    background: #eee
}

#selector li:hover,
#selector li.selected {
    background: #ddd
}

.wp .amChartsDataSetSelector {
    display: none
}

.amcharts-chart-div a {
    display: none !important
}

.graph_container {
    position: relative
}

.amChartsLegend {
    display: none
}

.amchart-tools {
    position: absolute;
    top: 42px;
    right: 0;
    z-index: 3;
    line-height: 28px
}

.amchart-tools label {
    font-size: 12px;
    position: relative;
    font-weight: 300;
    color: #000;
    opacity: .7;
    padding-left: 20px;
    cursor: pointer;
    margin-right: 10px
}

.amchart-tools label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #ccc
}

.amchart-tools input {
    position: absolute;
    left: -10000000px
}

.amchart-tools input:checked+label:before {
    background: #295D97;
    border: 1px solid #204D7F
}

body.not {
    background: url(/klik/css/../images/404-bg.png) no-repeat center 220px #176195
}

.b_bottom {
    border-bottom: 1px solid #e6e6e6
}

.b_top {
    border-top: 1px solid #e6e6e6
}

.hide {
    display: none
}

.showme {
    display: block
}

table.table_bor tr {
    border-top: 1px solid #e6e6e6
}

table.table_bor tr td {
    border: none;
    padding: 10px
}

table.table_bor tr td:first-child {
    padding-left: 0
}

.lvr_live {
    position: absolute;
    top: 20px;
    left: 0;
    background-color: #D0021B;
    color: #fff;
    padding: 0 14px;
    z-index: 2;
    text-transform: uppercase;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
    text-shadow: 1px 1px 5px #fff0
}

.lvr_live span {
    width: 18px;
    height: 18px;
    border-radius: 10px;
    background-color: #ff0;
    display: inline-block;
    margin-right: 5px;
    margin-top: 5px;
    animation: myfirst 1s;
    -moz-animation: myfirst 1s infinite;
    -webkit-animation: myfirst 1s infinite;
    float: left;
    margin-right: 5px
}

@-moz-keyframes myfirst {
    0% {
        background: #ff0;
    }

    100% {
        background: #000;
    }

    50% {
        background: #ff0;
    }
}

@-webkit-keyframes myfirst {
    0% {
        background: #ff0;
    }

    100% {
        background: #000;
    }

    50% {
        background: #ff0;
    }
}

@keyframes rec_tick {
    0% {
        opacity: 1;
    }

    100% {
        opacity: .2;
    }
}

.market .green {
    color: #31a745
}

.market .red {
    color: #18416D
}

.box .market .name {
    font-size: 12px;
    color: #4d4d4d;
    text-transform: uppercase
}

.box .market .price,
.box .market .percent {
    font-size: 15px
}

header {
    background-color: #fff
}

header .inner_header {
    padding: 10px
}

header #logo img {
    width: 300px
}

header .menu {
    width: 100%;
    float: left;
    font-size: 13px;
    position: relative;
    background: #008cd2;
    box-shadow: 0 .4rem 1.2rem 0 rgb(0 0 0 / .05)
}

@media screen and (min-width:1025px) and (max-width:1280px) {
    header .menu {
        font-size: 11px
    }
}

@media screen and (min-width:1025px) and (max-width:1280px) {
    header .menu .nav_menu {
        max-width: 960px
    }
}

header .menu .nav_menu ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    justify-content: space-between;
    height: 42px
}

header .menu .nav_menu ul li {
    padding: 0;
    position: relative;
    line-height: 18px
}

header .menu .nav_menu ul li a {
    color: #fff;
    padding: 12px 10px;
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    letter-spacing: -1px
}

header .menu .nav_menu ul li a:hover {
    opacity: 1
}

header .menu .nav_menu ul li.home a {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}

header .menu .nav_menu ul li.home img {
    display: none;
    position: absolute;
    top: 5px;
    width: 50px
}

header .menu .nav_menu ul li.log {
    background-color: #18416D;
    text-align: center
}

header .menu .nav_menu ul li.log a {
    width: 150px;
    padding: 12px 0;
    display: block;
    text-align: left;
    padding-left: 30px
}

header .menu .nav_menu ul li.submenu {
    position: relative;
    margin: 0 5px
}

header .menu .nav_menu ul li.submenu a {
    padding-right: 20px
}

header .menu .nav_menu ul li.submenu ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 16;
    background-color: #164e93;
    -webkit-box-shadow: 1px 1px 3px 0 #3a3a3a;
    -moz-box-shadow: 1px 1px 3px 0 #3a3a3a;
    -o-box-shadow: 1px 1px 3px 0 #3a3a3a;
    -ms-box-shadow: 1px 1px 3px 0 #3a3a3a;
    box-shadow: 1px 1px 3px 0 #3a3a3a;
    -webkit-flex-flow: inherit;
    flex-flow: inherit;
    height: auto
}

header .menu .nav_menu ul li.submenu ul li {
    width: 180px
}

header .menu .nav_menu ul li.submenu ul li:hover {
    background-color: #0b3869
}

header .menu .nav_menu ul li i {
    color: #fff;
    font-size: 14px;
    position: absolute;
    top: 12px
}

header .menu .nav_menu ul li i:before {
    width: 14px;
    margin-right: 0
}

header .menu .nav_menu ul li.nav_cnbctv {
    display: flex
}

header .menu .nav_menu>ul li.nav_cnbctv a {
    background-color: #cd1f43;
    border-radius: 3px;
    width: 100px;
    padding: 6px 10px;
    margin: auto
}

header .menu .nav_menu>ul li.nav_cnbctv a.nav-none {
    background-color: #fff0;
    border-radius: unset;
    width: auto;
    padding: 10px
}

@media screen and (min-width:1025px) and (max-width:1280px) {
    header .menu .nav_menu>ul li.nav_cnbctv a {
        width: 85px
    }
}

header .menu .nav_menu>ul li.nav_cnbctv a:before {
    content: ' ';
    width: 7px;
    height: 7px;
    background-color: #fff;
    display: inline-block;
    border-radius: 50%;
    margin-right: 6px;
    animation: rec_tick 0.8s linear 0s infinite alternate;
    position: relative;
    bottom: 1px
}

header .menu .nav_menu>ul li.nav_cnbctv a:hover {
    background-color: #b71c3c
}

header .menu .search-wrap {
    width: auto
}

header .menu .search-wrap .srch-btn {
    background-color: #fff;
    color: #204D7F;
    display: inline-block;
    padding: 10px 0;
    font-size: 18px;
    float: right;
    width: 40px;
    text-align: center
}

header .menu .search-wrap .srch-btn:hover {
    cursor: pointer
}

header .menu .search-wrap .form-search {
    width: 0;
    overflow: hidden;
    float: left;
    background-color: #fff;
    font-family: Montserrat, Helvetica, sans-serif
}

header .menu .search-wrap .form-search input {
    margin: 0;
    width: 94%;
    border: 0;
    border-bottom: 0 solid #e6e6e6;
    background: none;
    float: left;
    font-size: 1.1rem;
    font-weight: 500
}

header .menu .search-wrap .form-search span {
    float: left;
    display: inline-block;
    padding: 4px;
    color: #f2796c;
    font-size: 16px
}

@media screen and (min-width:1025px) and (max-width:1280px) {
    header .menu .search-wrap .form-search span {
        position: relative;
        right: 25px
    }
}

header .menu .search-wrap .form-search span:hover {
    cursor: pointer
}

header .overlay {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(0 0 0 / .5);
    z-index: 20
}

.menufix {
    padding-top: 43px
}

.menufix #menu {
    position: fixed;
    top: 0;
    z-index: 16;
    -webkit-box-shadow: 0 .4rem 1.2rem 0 rgb(0 0 0 / .05);
    -moz-box-shadow: 0 .4rem 1.2rem 0 rgb(0 0 0 / .05);
    -o-box-shadow: 0 .4rem 1.2rem 0 rgb(0 0 0 / .05);
    -ms-box-shadow: 0 .4rem 1.2rem 0 rgb(0 0 0 / .05);
    box-shadow: 0 .4rem 1.2rem 0 rgb(0 0 0 / .05)
}

.menufix #menu .home {
    width: 70px
}

.menufix #menu .home a {
    color: #295D97
}

.menufix #menu .home img {
    display: block
}

.open {
    overflow: hidden
}

.open #menu {
    background-color: #fff;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}

.open #menu .nav_menu {
    max-width: 0;
    opacity: 0;
    overflow: hidden
}

.open #menu .search-wrap {
    width: 100%;
    flex: 1;
    -webkit-flex: 1
}

.open #menu .search-wrap .form-search {
    width: calc(100% - 45px);
    overflow: inherit;
    padding: 8px 0 7px
}

.open .overlay {
    display: block
}

.lm_content {
    width: 730px;
    float: left;
    padding: 15px 15px 15px 0;
    border-right: 1px solid #e6e6e6
}

@media screen and (min-width:1025px) and (max-width:1280px) {
    .lm_content {
        width: 700px
    }
}

.r_content {
    width: 370px;
    float: left;
    padding: 15px 0 0
}

@media screen and (min-width:1025px) and (max-width:1280px) {
    .r_content {
        width: 300px
    }
}

.r_ads {
    text-align: center
}

.center_ads {
    border-bottom: none
}

.center_ads a {
    display: block !important
}

.cb_promo {
    padding: 0 0 15px !important;
    margin-bottom: 20px
}

.cb_promo a {
    display: block !important
}

.title {
    text-transform: uppercase;
    font-size: 18px;
    color: #343434;
    margin-bottom: 10px
}

.title span.last_update {
    margin: 2px 0 0 30px;
    vertical-align: top;
    display: inline-block;
    text-transform: none;
    font-size: 13px;
    color: #a6a6a6
}

.title a {
    float: right;
    font-size: 22px;
    color: #343434
}

.title a i {
    position: relative;
    left: 0
}

.title a i:before {
    width: auto;
    margin-right: 0;
    position: relative;
    top: -2px
}

.title a:hover i {
    left: 5px
}

.title.tfokus {
    position: relative
}

.title.tfokus a {
    float: left;
    width: 100%
}

.title.tfokus a .icon-angle-right {
    float: right
}

.title.tfokus a .icon-angle-right:before {
    top: 0;
    font-size: 25px;
    margin-right: 15px
}

.title.tfokus a:hover {
    opacity: .8
}

.title.tfokus a:hover .icon-angle-right {
    left: 10px
}

.title.blue {
    background: #204D7F;
    color: #fff;
    padding: 8px;
    margin-bottom: 0
}

.breaking-news,
.breaking-news-right {
    background-color: #cb0000;
    color: #fff;
    margin: 20px 0 0;
    padding: 15px;
    position: relative
}

.breaking-news .vid,
.breaking-news-right .vid {
    display: none
}

.breaking-news .desc-wrap,
.breaking-news-right .desc-wrap {
    max-width: 850px;
    float: left;
    height: auto;
    position: relative
}

.breaking-news .desc-wrap .desc,
.breaking-news-right .desc-wrap .desc {
    display: table;
    height: 42px
}

.breaking-news .desc-wrap .title,
.breaking-news-right .desc-wrap .title {
    color: #fff;
    font-size: 23px;
    padding-right: 15px;
    border-right: 1px solid #fe0000;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    width: 225px
}

.breaking-news .desc-wrap h2,
.breaking-news-right .desc-wrap h2 {
    font-size: 17px;
    padding-left: 15px;
    display: table-cell;
    vertical-align: middle
}

@media screen and (min-width:1025px) and (max-width:1280px) {

    .breaking-news .desc-wrap h2,
    .breaking-news-right .desc-wrap h2 {
        font-size: 15px
    }
}

.breaking-news .btn,
.breaking-news-right .btn {
    background-color: #fff;
    color: #cb0000;
    border: none;
    position: absolute;
    right: 15px;
    top: 22px
}

.breaking-news .btn .icon-angle-up,
.breaking-news-right .btn .icon-angle-up {
    display: none
}

.breaking-news .btn .icon-angle-down,
.breaking-news-right .btn .icon-angle-down,
.breaking-news .btn .txt,
.breaking-news-right .btn .txt {
    display: inline-block
}

.breaking-news.open_expand,
.open_expand.breaking-news-right {
    padding: 0
}

.breaking-news.open_expand .vid,
.open_expand.breaking-news-right .vid {
    width: 392px;
    margin-right: 40px;
    float: left;
    display: block
}

.breaking-news.open_expand .vid .box_img,
.open_expand.breaking-news-right .vid .box_img {
    width: 100%
}

.breaking-news.open_expand .desc-wrap,
.open_expand.breaking-news-right .desc-wrap {
    width: calc(100% - 433px);
    float: left;
    height: 218px;
    position: relative
}

.breaking-news.open_expand .desc-wrap .desc,
.open_expand.breaking-news-right .desc-wrap .desc {
    position: absolute
}

.breaking-news.open_expand .desc-wrap .title,
.open_expand.breaking-news-right .desc-wrap .title {
    color: #fff;
    font-size: 30px;
    border: none;
    padding: 0;
    margin-bottom: 10px;
    display: block;
    width: auto
}

.breaking-news.open_expand .desc-wrap h2,
.open_expand.breaking-news-right .desc-wrap h2 {
    font-size: 23px;
    padding: 0;
    display: block
}

.breaking-news.open_expand .btn,
.open_expand.breaking-news-right .btn {
    background-color: #0f2843;
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 5px;
    color: #fff;
    font-size: 18px
}

.breaking-news.open_expand .btn .icon-angle-down,
.open_expand.breaking-news-right .btn .icon-angle-down,
.breaking-news.open_expand .btn .txt,
.open_expand.breaking-news-right .btn .txt {
    display: none
}

.breaking-news.open_expand .btn .icon-angle-up,
.open_expand.breaking-news-right .btn .icon-angle-up {
    display: block
}

.breaking-news .close-bnn,
.breaking-news-right .close-bnn {
    display: none
}

.flez {
    position: fixed;
    right: 0;
    bottom: 30px;
    animation-name: vidbndwn;
    animation-duration: 0.5s;
    animation-iteration-count: 1
}

@keyframes vidbndwn {
    from {
        right: -100%;
    }
}

.breaking-news-right.expand-sticky {
    position: fixed;
    right: 0;
    bottom: 30px;
    z-index: 30
}

.breaking-news-right.expand-sticky .desc-wrap {
    width: 350px;
    float: left;
    height: auto;
    position: relative
}

.breaking-news-right.expand-sticky .desc-wrap .title {
    color: #fff;
    font-size: 18px;
    display: block;
    float: left;
    padding-right: 0;
    border-right: none;
    float: none;
    width: auto
}

.breaking-news-right.expand-sticky .desc-wrap h2 {
    font-size: 14px;
    float: none;
    padding-left: 0;
    margin: 10px 0;
    width: auto;
    display: block
}

.breaking-news-right.expand-sticky .btn {
    background-color: #fff;
    color: #cb0000;
    border: none;
    position: relative;
    right: inherit;
    top: inherit
}

.breaking-news-right.expand-sticky .btn .icon-cancel {
    display: none
}

.breaking-news-right.expand-sticky .btn .icon-angle-down,
.breaking-news-right.expand-sticky .btn .txt {
    display: inline-block
}

.breaking-news-right.expand-sticky .btn .icon-angle-up:before {
    content: '\e80e'
}

.breaking-news-right.open_expand {
    padding: 15px
}

.breaking-news-right.open_expand .vid {
    width: 100%;
    display: block;
    margin-top: 20px
}

.breaking-news-right.open_expand .vid .box_img {
    width: 100%
}

.breaking-news-right.open_expand .desc-wrap .desc {
    position: relative;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.breaking-news-right.open_expand .btn {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 5px;
    color: #fff;
    font-size: 18px;
    background: none
}

.breaking-news-right.open_expand .btn .icon-angle-down,
.breaking-news-right.open_expand .btn .txt {
    display: none
}

.breaking-news-right.open_expand .btn .icon-cancel {
    display: block
}

.breaking-news-right.open_expand .close-bnn {
    display: none
}

.breaking-news-right .close-bnn {
    display: inline-block;
    position: absolute;
    z-index: 5;
    right: 10px;
    top: 10px
}

.breaking-news-right .close-bnn:hover {
    cursor: pointer;
    opacity: .7;
    filter: alpha(opacity=70)
}

.breaking-news-right.on {
    display: none
}

.livestreaming,
.livestreaming-right {
    padding: 15px;
    background: url(/klik/css/../images/logo_bg.png) no-repeat right center #295D97;
    margin: 20px 0 0;
    position: relative;
    text-align: center
}

.livestreaming .vid,
.livestreaming-right .vid {
    display: none
}

.livestreaming .desc,
.livestreaming-right .desc {
    color: #fff;
    float: left;
    text-align: left
}

.livestreaming .desc .title,
.livestreaming-right .desc .title {
    font-size: 13px;
    color: #fff;
    @expand %_font_title_med;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .27em;
    margin-bottom: 0
}

.livestreaming .desc h2,
.livestreaming-right .desc h2 {
    font-size: 24px
}

.livestreaming .label,
.livestreaming-right .label,
.livestreaming .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .livestreaming .an_sub,
.livestreaming-right .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .livestreaming-right .an_sub {
    border: 1px solid #fab617;
    color: #fab617;
    font-size: 19px;
    padding: 12px 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    display: inline-block
}

.livestreaming .btn,
.livestreaming-right .btn {
    float: right;
    margin-top: 4px;
    background-color: #fff;
    color: #295D97;
    padding: 10px
}

.livestreaming .icon-angle-down,
.livestreaming-right .icon-angle-down,
.livestreaming .txt,
.livestreaming-right .txt {
    display: inline-block
}

.livestreaming .icon-angle-up,
.livestreaming-right .icon-angle-up {
    display: none
}

.livestreaming.open,
.open.livestreaming-right {
    padding: 0;
    text-align: left
}

.livestreaming.open .vid,
.open.livestreaming-right .vid {
    display: block;
    width: 392px
}

.livestreaming.open .vid .box_img,
.open.livestreaming-right .vid .box_img {
    width: 100%;
    margin-right: 40px
}

.livestreaming.open .desc-wrap,
.open.livestreaming-right .desc-wrap {
    width: calc(100% - 432px);
    float: left;
    padding: 30px 0
}

.livestreaming.open .title,
.open.livestreaming-right .title {
    color: #fff;
    font-size: 16px;
    letter-spacing: .84em;
    border: none;
    padding: 0;
    margin-bottom: 10px
}

.livestreaming.open h2,
.open.livestreaming-right h2 {
    font-size: 29px;
    padding: 0;
    letter-spacing: -.01em;
    color: #fff
}

.livestreaming.open .btn,
.open.livestreaming-right .btn {
    background-color: #104469;
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 5px;
    color: #fff;
    font-size: 18px
}

.livestreaming.open .btn .icon-angle-down,
.open.livestreaming-right .btn .icon-angle-down,
.livestreaming.open .btn .txt,
.open.livestreaming-right .btn .txt {
    display: none
}

.livestreaming.open .btn .icon-angle-up,
.open.livestreaming-right .btn .icon-angle-up {
    display: block
}

.livestreaming.open .label,
.open.livestreaming-right .label,
.livestreaming.open .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .livestreaming.open .an_sub,
.open.livestreaming-right .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .open.livestreaming-right .an_sub {
    font-size: 40px;
    padding: 15px 20px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    margin: 10px 15px 0 0;
    float: right
}

.livestreaming.open .icon-angle-down,
.open.livestreaming-right .icon-angle-down,
.livestreaming.open .txt,
.open.livestreaming-right .txt {
    display: none
}

.livestreaming.open .icon-cancel,
.open.livestreaming-right .icon-cancel {
    display: block
}

.livestreaming .close-bnn,
.livestreaming-right .close-bnn {
    display: none
}

.livestreaming-right {
    padding: 15px 30px
}

.livestreaming-right.expand-sticky {
    position: fixed;
    right: 0;
    bottom: 30px;
    z-index: 30
}

.livestreaming-right.expand-sticky .desc-wrap {
    float: left;
    height: auto;
    position: relative
}

.livestreaming-right.expand-sticky .desc-wrap .desc {
    text-align: center;
    width: 100%
}

.livestreaming-right.expand-sticky .desc-wrap .title {
    color: #fff;
    font-size: 18px;
    display: block;
    float: left;
    padding-right: 0;
    border-right: none;
    float: none;
    letter-spacing: normal;
    font-weight: 700
}

.livestreaming-right.expand-sticky .desc-wrap h2 {
    font-size: 14px;
    float: none;
    padding-left: 0;
    margin: 0 0 10px
}

.livestreaming-right.expand-sticky .btn {
    background-color: #fff;
    color: #295D97;
    border: none;
    position: relative;
    right: inherit;
    top: inherit;
    float: none;
    margin-top: 15px
}

.livestreaming-right.expand-sticky .btn .icon-cancel {
    display: none
}

.livestreaming-right.expand-sticky .btn .icon-angle-down,
.livestreaming-right.expand-sticky .btn .txt {
    display: inline-block
}

.livestreaming-right.expand-sticky .btn .icon-angle-up:before {
    content: '\e80e'
}

.livestreaming-right.open {
    padding: 15px;
    text-align: center
}

.livestreaming-right.open .vid {
    width: 350px;
    display: block;
    margin-top: 20px
}

.livestreaming-right.open .vid .box_img {
    width: 100%
}

.livestreaming-right.open .desc-wrap {
    width: 100%;
    padding: 0
}

.livestreaming-right.open .desc-wrap .title {
    font-size: 16px;
    letter-spacing: normal;
    margin: 0
}

.livestreaming-right.open .desc-wrap .desc {
    width: 100%;
    position: relative;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.livestreaming-right.open .desc-wrap .desc h2 {
    font-size: 16px;
    font-weight: 400
}

.livestreaming-right.open .label,
.livestreaming-right.open .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .livestreaming-right.open .an_sub {
    border: 1px solid #fab617;
    color: #fab617;
    font-size: 19px;
    padding: 12px 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    display: inline-block;
    float: none;
    margin: 0 0 10px
}

.livestreaming-right.open .btn {
    position: absolute;
    top: -10px;
    right: -5px;
    color: #fff;
    font-size: 18px;
    background: none;
    margin: 0
}

.livestreaming-right.open .btn .icon-angle-down,
.livestreaming-right.open .btn .txt {
    display: none
}

.livestreaming-right.open .btn .icon-cancel {
    display: block
}

.livestreaming-right.open .close-bnn {
    display: none
}

.livestreaming-right .close-bnn {
    display: inline-block;
    position: absolute;
    z-index: 5;
    right: 5px;
    top: 5px;
    color: #fff
}

.livestreaming-right .close-bnn:hover {
    cursor: pointer;
    opacity: .7;
    filter: alpha(opacity=70)
}

.livestreaming-right.on {
    display: none
}

.box {
    padding: 15px 10px 0 15px;
    background: none;
    border: none
}

.box.pt0 {
    padding-top: 0
}

.box .title {
    font-size: 16px
}

.box.grey {
    background-color: #f2f2f2
}

.box.no-padding {
    padding: 0
}

.box.livetv .box_img {
    width: 100%
}

.box .full-width .title {
    padding-left: 15px
}

.box .full-width .box_img {
    width: 100%;
    margin-bottom: 10px
}

.box .full-width .icon {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 10;
    color: #fff;
    font-size: 18px
}

.box .full-width .icon i {
    font-size: 24px
}

.box .full-width .icon i.icon-play-circled {
    font-size: 36px
}

.box .full-width .icon.vid {
    left: 5px
}

.box .full-width .duration {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
    background: rgb(0 0 0 / .7);
    color: #fff;
    font-size: 13px;
    display: inline-block;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.box .full-width h2 {
    font-size: 16px;
    color: #295D97;
    padding: 0 25px
}

.box .full-width .subjudul,
.box .full-width .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .box .full-width .an_label {
    font-size: 14px;
    color: #777;
    padding: 0 25px;
    margin-bottom: 2px;
    display: block
}

.box .full-width.np .title {
    padding: 0
}

.list li {
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #e6e6e6
}

.list li:last-child {
    border: none
}

.list li .nhl_icon-video {
    color: #fff;
    font-size: 34px;
    position: absolute;
    bottom: 3px;
    z-index: 10;
    left: 0
}

.list li .nhl_icon-video.sm {
    font-size: 26px
}

.list li .nhl_icon-video.sm .icon-camera {
    font-size: 22px
}

.list li .nhl_icon-video .icon-camera {
    font-size: 28px
}

.list li .duration {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 10;
    background: rgb(0 0 0 / .7);
    color: #fff;
    font-size: 13px;
    display: inline-block;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.list li .duration.foto {
    top: inherit;
    right: inherit;
    bottom: 8px;
    left: 40px;
    font-size: 12px
}

.list li .lvr_live {
    top: 0;
    font-size: 13px;
    height: 26px;
    line-height: 26px;
    padding: 0 9px
}

.list li .lvr_live span {
    width: 14px;
    height: 14px
}

.list.inline {
    display: flex;
    flex-wrap: wrap
}

.list.inline li {
    display: flex
}

.list.inline li article {
    display: flex;
    flex-direction: column
}

.list.list-kolum li .box_img {
    width: 220px !important
}

.list.list-kolum li .box_text {
    width: calc(100% - 235px) !important
}

.list.thumb li .box_img {
    width: 110px;
    margin-right: 15px;
    float: left
}

.list.thumb li .box_text {
    width: calc(100% - 125px);
    padding: 0;
    float: left;
    margin: 0
}

.list.thumb li .box_text .subjudul,
.list.thumb li .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .list.thumb li .box_text .an_label {
    font-size: 13px;
    color: #777;
    margin-bottom: 2px;
    display: inline-block
}

.list.thumb li .box_text h2 {
    font-size: 15px;
    color: #295D97
}

.list.thumb.right-thumb .box_img {
    width: 64px;
    float: right;
    margin: 0 0 0 5px
}

.list.thumb.right-thumb .box_text {
    width: calc(100% - 69px);
    float: left
}

.list.thumb.right-thumb .box_text .subjudul,
.list.thumb.right-thumb .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .list.thumb.right-thumb .box_text .an_label {
    font-size: 10px
}

.list.thumb.right-thumb .box_text h2 {
    font-size: 12px
}

.list.two-colm-full li {
    float: left;
    width: 48%;
    margin-right: 2%;
    border: none !important
}

.list.two-colm-full li:nth-child(2n) {
    margin-right: 0;
    margin-left: 2%
}

.list.two-colm-full .box_img {
    width: 100% !important;
    margin: 0 0 10px
}

.list.two-colm-full .box_text {
    width: 100% !important
}

.list.two-colm li,
.list.three-colm li {
    width: 47%;
    margin-right: 3%;
    border-bottom: none;
    border-top: 1px solid #e6e6e6
}

.list.two-colm li:nth-of-type(2n),
.list.three-colm li:nth-of-type(2n) {
    margin-right: 0;
    margin-left: 3%
}

.list.two-colm li:first-child,
.list.three-colm li:first-child,
.list.two-colm li:nth-of-type(2),
.list.three-colm li:nth-of-type(2) {
    border: none
}

.list.two-colm .box_img,
.list.three-colm .box_img {
    width: 113px
}

.list.two-colm .box_text .label,
.list.three-colm .box_text .label,
.list.two-colm .box_text .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .list.two-colm .box_text .an_sub,
.list.three-colm .box_text .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .list.three-colm .box_text .an_sub {
    font-size: 11px;
    text-transform: uppercase;
    color: #ec6e60
}

.list.two-colm .box_text .date,
.list.three-colm .box_text .date {
    font-size: 12px;
    color: #b3b3b3
}

.list.two-colm .box_text h2,
.list.three-colm .box_text h2 {
    font-size: 15px
}

.list.three-colm li {
    width: 30.333%
}

.list.three-colm li:nth-child(2n) {
    margin-left: 0;
    margin-right: 3%
}

.list.three-colm li:nth-child(3n) {
    margin-right: 0
}

.list.three-colm li:first-child,
.list.three-colm li:nth-child(2),
.list.three-colm li:nth-child(3) {
    border: none
}

.list.one-big li:first-child {
    width: 100%
}

.list.one-big li:first-child a {
    display: block
}

.list.one-big li:first-child .box_img {
    width: 100%;
    margin: 0 0 15px
}

.list.one-big li:first-child .box_text {
    width: 100%;
    flex: 0
}

.list.one-big.colm li {
    border-bottom: none;
    width: 48%;
    float: left
}

.list.one-big.colm li:first-child {
    width: 100%
}

.list.one-big.colm li .box_img {
    width: 100%;
    margin: 0 0 10px
}

.list.one-big.colm li .box_text {
    width: 100%;
    padding: 0 10px
}

.list.one-big.colm li:nth-child(2n) {
    margin-right: 2%
}

.list.one-big.colm li:nth-child(3n) {
    margin-left: 2%
}

.list.big li {
    border: none
}

.list.big li .box_img {
    width: 100%;
    margin: 0 0 15px
}

.list.big.feature li .subjudul,
.list.big.feature li .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .list.big.feature li .an_label {
    color: #777;
    font-size: 13px;
    color: #9a9a9a;
    margin-bottom: 2px
}

.list.big.feature li:first-child {
    padding-top: 7px
}

.list.grid.col-3 li.grid-item {
    width: 31.3333%;
    margin-bottom: 30px
}

.list.grid.col-3 li .box_img img {
    width: 100%
}

.list.grid.col-3 li .box_text .subjudul,
.list.grid.col-3 li .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .list.grid.col-3 li .box_text .an_label {
    color: #777;
    font-size: 13px;
    color: #9a9a9a
}

.list.grid.col-3 li .box_text .date {
    font-size: 13px;
    color: #b3b3b3;
    padding: 10px 10px 15px;
    border-bottom: 1px solid #e6e6e6
}

.list.grid.col-3 li .box_text h2 {
    color: #295D97;
    font-size: 16px;
    margin: 10px 0
}

.list.terbaru.media_rows.middle li.hn a {
    display: block
}

.list.terbaru.media_rows.middle li.nhl_feature a {
    display: block
}

.list.terbaru.big_hl li:nth-child(1),
.list.terbaru.big_hl li:nth-child(2) {
    width: 50%;
    float: left;
    border-bottom: none
}

.list.terbaru.big_hl li:nth-child(1) .box_img,
.list.terbaru.big_hl li:nth-child(2) .box_img {
    width: 100%;
    margin-right: 0
}

.list.terbaru.big_hl li:nth-child(1) .box_text,
.list.terbaru.big_hl li:nth-child(2) .box_text {
    width: 100%
}

.list.terbaru.big_hl li:nth-child(1) .box_text h2,
.list.terbaru.big_hl li:nth-child(2) .box_text h2 {
    color: #fff;
    font-size: 16px
}

.list.terbaru.big_hl li:nth-child(1) article {
    padding-left: 0;
    margin-right: 7.5px
}

.list.terbaru.big_hl li:nth-child(2) article {
    margin-left: 7.5px;
    padding-right: 0
}

.list.terbaru.big_hl li:nth-child(3) {
    clear: both
}

.list.terbaru li {
    padding: 10px 0
}

.list.terbaru li .box_img {
    width: 152px
}

.list.terbaru li .box_text {
    width: calc(100% - 167px)
}

.list.terbaru li .box_text h2 {
    font-size: 20px;
    letter-spacing: -.65px;
    margin-bottom: 5px
}

.list.terbaru li .subjudul,
.list.terbaru li .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .list.terbaru li .an_label {
    color: #777;
    font-size: 13px;
    color: #9a9a9a
}

.list.terbaru li .date {
    font-size: 12px;
    color: #b3b3b3
}

.list.terbaru li .label,
.list.terbaru li .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .list.terbaru li .an_sub {
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    background: #cd1f43;
    padding: 4px 10px 3px;
    border-radius: 4px;
    font-weight: 700;
    margin-right: 5px
}

.list.terbaru li.nhl_feature .subjudul,
.list.terbaru li.nhl_feature .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .list.terbaru li.nhl_feature .an_label {
    color: #9a9a9a;
    font-weight: 500
}

.list.terbaru li.nhl_feature .box_img {
    margin-bottom: 10px
}

.list.terbaru li.nhl_feature .title {
    width: 100%
}

.list.terbaru li.nhl_feature .title a {
    width: 100%;
    margin-bottom: 10px
}

.list.terbaru li.nhl_feature .title a i {
    float: right
}

.list.terbaru li.nhl_video {
    background-color: #f3f3f3;
    padding: 10px 20px;
    border-radius: 5px;
    margin-bottom: 15px
}

.list.terbaru li.nhl_video .title {
    font-size: 20px
}

.list.terbaru li.nhl_video .nhl_icon-video {
    color: #fff;
    font-size: 48px;
    position: absolute;
    bottom: 13px;
    z-index: 10;
    left: 0
}

.list.terbaru li.nhl_video .duration {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
    background: rgb(0 0 0 / .7);
    color: #fff;
    font-size: 13px;
    display: inline-block;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.list.terbaru li.nhl_video .box_img {
    width: 100%;
    margin-right: 0
}

.list.terbaru li.nhl_video .box_text {
    width: 100%;
    padding: 0 20px 20px 70px
}

.list.terbaru li.nhl_video .box_text h2 {
    color: #fff
}

.list.terbaru li.nhl_video .link {
    text-align: right;
    padding-top: 10px;
    color: #4077c3;
    display: block;
    font-size: 15px
}

.list.terbaru li.nhl_video .link i {
    font-size: 16px
}

.list.terbaru li.nhl_foto {
    background-color: #e6e6e6;
    padding: 15px
}

.list.terbaru li.nhl_foto .title {
    font-size: 20px
}

.list.terbaru li.nhl_foto .nhl_icon-video {
    color: #fff;
    position: absolute;
    bottom: 15px;
    z-index: 10;
    left: 10px
}

.list.terbaru li.nhl_foto .nhl_icon-video i {
    font-size: 37px
}

.list.terbaru li.nhl_foto .duration {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
    background: rgb(0 0 0 / .7);
    color: #fff;
    font-size: 13px;
    display: inline-block;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.list.terbaru li.nhl_foto .box_img {
    width: 100%;
    margin-right: 0
}

.list.terbaru li.nhl_foto .first_item {
    padding-left: 0;
    padding-right: 2px
}

.list.terbaru li.nhl_foto .item {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 2px;
    position: relative;
    width: 24.5%
}

.list.terbaru li.nhl_foto .box_text {
    width: 100%;
    margin-bottom: 15px
}

.list.terbaru li.nhl_foto .box_text h2 {
    color: #295D97
}

.list.terbaru li.nhl_foto .link {
    text-align: right;
    padding-top: 15px;
    color: #295D97;
    font-size: 14px;
    display: block
}

.list.terbaru li.nhl_foto .link i {
    font-size: 16px
}

.list.terbaru li.nhl_foto .sum {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 10;
    background: rgb(0 0 0 / .75);
    color: #fff;
    font-size: 33px;
    text-align: center;
    padding-top: 25px
}

.list.terbaru li.hn .nhl_icon-video {
    color: #fff;
    position: absolute;
    bottom: 13px;
    z-index: 10;
    left: 0
}

.list.terbaru li.hn .nhl_icon-video i {
    font-size: 48px
}

.list.terbaru li.hn .duration {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
    background: rgb(0 0 0 / .7);
    color: #fff;
    font-size: 13px;
    display: inline-block;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.list.terbaru li.hn .box_text {
    width: 100%;
    margin-bottom: 15px
}

.list.terbaru li.hn .box_img {
    width: 90%
}

.list.terbaru li.hn .box_img:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    padding-top: 20%
}

.list.terbaru li.hn.hn_foto {
    clear: both
}

.list.terbaru li.hn.hn_foto .nhl_icon-video {
    color: #fff;
    position: absolute;
    bottom: 15px;
    z-index: 10;
    left: 10px;
    font-size: 18px
}

.list.terbaru li.hn.hn_foto .nhl_icon-video i {
    font-size: 37px;
    position: relative;
    top: 5px
}

.list.terbaru li.hn.hn_market .nhl_icon-market {
    color: #fff;
    position: absolute;
    bottom: 15px;
    z-index: 10;
    left: 10px;
    font-size: 18px
}

.list.terbaru li.hn.hn_market .nhl_icon-market i {
    font-size: 37px
}

.inside_row_article article {
    width: 100%;
    float: left
}

.inside_row_article .box_img {
    width: 100%
}

.inside_row_article .box_text.text_inside,
.inside_row_article .list.terbaru.big_hl li:nth-child(1) .box_text,
.list.terbaru.big_hl li:nth-child(1) .inside_row_article .box_text,
.inside_row_article .list.terbaru.big_hl li:nth-child(2) .box_text,
.list.terbaru.big_hl li:nth-child(2) .inside_row_article .box_text {
    left: 0;
    right: 0
}

.inside_row_article .box_text .subjudul,
.inside_row_article .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .inside_row_article .box_text .an_label {
    color: #777;
    font-size: 13px;
    color: #9a9a9a
}

.inside_row_article .box_text h2 {
    color: #fff;
    font-size: 16px;
    margin: 5px 0
}

.inside_row_article .box_text .date {
    font-size: 12px
}

.inside_row_article .box_text .label,
.inside_row_article .box_text .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .inside_row_article .box_text .an_sub {
    font-size: 11px;
    text-transform: uppercase;
    color: #ec6e60
}

.outside_row_article article {
    width: 100%;
    float: left
}

.outside_row_article .box_img {
    width: 100% !important
}

.outside_row_article .box_text {
    width: 100% !important
}

.outside_row_article .box_text .subjudul,
.outside_row_article .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .outside_row_article .box_text .an_label {
    font-size: 13px;
    color: #9a9a9a
}

.outside_row_article .box_text h2 {
    color: #fff;
    font-size: 13px !important;
    margin: 5px 0
}

.profile li .box_img {
    width: 102px !important
}

.profile li .box_text .subjudul,
.profile li .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .profile li .box_text .an_label {
    font-size: 13px;
    color: #777;
    margin-bottom: 5px
}

.profile li .box_text .name {
    color: #295D97;
    font-size: 16px
}

.profile li .box_text .desc {
    font-size: 14px;
    color: #b3b3b3
}

.opini .box_text {
    margin-bottom: 20px !important;
    width: 100% !important
}

.opini .box_text .subjudul,
.opini .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .opini .box_text .an_label {
    font-size: 12px
}

.opini .box_text h2 {
    line-height: 19px
}

.opini .opini_user {
    position: relative
}

.opini .opini_user .box_img {
    width: 47px !important;
    position: absolute;
    top: -10px;
    left: 0;
    overflow: hidden;
    z-index: 5
}

.opini .opini_user .opini_desc {
    padding: 10px 10px 10px 35px;
    margin-left: 23px;
    background-color: #f3f3f3;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px
}

.opini .opini_user .opini_desc .opini_name {
    font-size: 13px;
    color: #f2796c;
    margin-bottom: 5px
}

.opini .opini_user .opini_desc p {
    font-size: 13px;
    margin: 0;
    color: gray
}

.btn {
    background-color: #204D7F;
    padding: 5px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px
}

.btn.btn_inline {
    display: inline-block !important
}

.btn i {
    position: relative;
    left: 0
}

.btn:hover i {
    left: 5px
}

.btn_primary {
    padding: 10px 15px;
    background: #176195;
    color: #fff
}

.share {
    margin: 15px 0;
    text-align: right
}

.share span {
    font-size: 13px;
    color: #343434;
    padding: 0 10px 0 0;
    margin-right: 10px;
    border-right: 1px solid #343434;
    font-weight: 700
}

.share a {
    color: #fff;
    display: inline-block;
    width: 28px;
    height: 28px;
    text-align: center;
    padding-top: 5px;
    margin-right: 5px
}

.share.bottom_share span {
    font-size: 16px
}

.share.bottom_share a {
    width: 36px;
    height: 36px;
    padding-top: 9px
}

.opini_user-detail {
    position: relative;
    float: left;
    width: 100%
}

.opini_user-detail .box_img {
    width: 88px;
    position: absolute;
    top: -10px;
    left: 0;
    overflow: hidden;
    z-index: 5
}

.opini_user-detail .opini_desc {
    padding: 15px 15px 15px 70px;
    margin-left: 45px;
    background-color: #f3f3f3;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px
}

.opini_user-detail .opini_desc .opini_name {
    font-size: 16px;
    color: #f2796c;
    margin-bottom: 5px
}

.opini_user-detail .opini_desc p {
    font-size: 15px;
    margin: 0;
    color: gray
}

.opini_user-detail .opini_desc a {
    font-size: 14px;
    color: #176195;
    float: right;
    display: inline-block;
    margin: 10px 0
}

.opini_user-detail .opini_desc .share {
    margin-bottom: 0
}

.opini_user-detail .opini_desc .share span {
    font-size: 14px;
    color: gray;
    border-right: 1px solid gray
}

.opini_user-detail .opini_desc .share a {
    float: none;
    color: #fff;
    font-size: 16px
}

.kolumnis .opini_user {
    position: relative;
    margin-top: 10px
}

.kolumnis .opini_user .box_img {
    width: 85px !important;
    position: absolute;
    top: -10px;
    left: 0;
    overflow: hidden;
    z-index: 5
}

.kolumnis .opini_user .opini_desc {
    padding: 10px 10px 10px 60px;
    margin-left: 40px;
    background-color: #f3f3f3;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px
}

.kolumnis .opini_user .opini_desc .opini_name {
    font-size: 18px;
    color: #f2796c;
    margin-bottom: 5px
}

.kolumnis .opini_user .opini_desc p {
    font-size: 13px;
    margin: 0;
    color: gray
}

.kolumnis ul.two-c li {
    width: 47%
}

.kolumnis ul.two-c li:first-child,
.kolumnis ul.two-c li:nth-child(2) {
    border: none
}

.kolumnis ul.three-c li {
    width: 30.333%
}

.kolumnis ul.three-c li:nth-child(2n) {
    margin-left: 0;
    margin-right: 3%
}

.kolumnis ul.three-c li:nth-child(3n) {
    margin-right: 0
}

.kolumnis ul.three-c li:first-child,
.kolumnis ul.three-c li:nth-child(2),
.kolumnis ul.three-c li:nth-child(3) {
    border: none
}

.kolumnis ul li {
    margin-right: 3%;
    border-top: 1px solid #e6e6e6;
    margin-bottom: 10px
}

.paging {
    padding: 15px 0;
    border-top: 1px solid #e6e6e6
}

.paging-long .paging {
    border: none;
    padding: 0;
    margin: 0;
    padding-left: 10px
}

.paging-long .paging span {
    color: #295D97;
    background: none;
    border: none;
    display: inline-block;
    vertical-align: sub
}

.paging-long .paging span:after {
    content: '';
    display: table;
    clear: both
}

.paging a,
.paging span {
    color: #295D97;
    background: none;
    border: none
}

.paging a.active,
.paging span.active {
    color: #f2796c
}

.paging-long .paging a.active,
.paging-long .paging span.active {
    color: #fff;
    background: #204D7F
}

.paging-long {
    border-top: 1px solid #E8E8E8;
    padding: 10px 0;
    margin: 20px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 500;
    font-size: 16px
}

.fb {
    background: #39579a
}

.tw {
    background: #1aa9e4
}

.gplus {
    background: #e23c05
}

.ig {
    background: #69463D
}

.pt {
    background: #bd081c
}

.tb {
    background: #36465D
}

.em {
    background: #669C41
}

.comm {
    background: #A1A1A1
}

footer {
    background-color: #204D7F;
    color: #d5d5d5;
    background-image: -webkit-linear-gradient(135deg, #4077c4, #043979);
    background-image: -moz-linear-gradient(135deg, #4077c4, #043979);
    background-image: -o-linear-gradient(135deg, #4077c4, #043979);
    background-image: linear-gradient(135deg, #4077c4, #043979)
}

footer a {
    color: #d5d5d5
}

footer .foot2 {
    border-bottom: 1px solid #176195
}

footer .foot2 a {
    display: inline-block
}

footer .foot2 .reg form {
    margin-top: 10px
}

footer .foot2 .reg form input[type="text"] {
    width: 276px;
    background-color: #163456;
    border: none;
    padding: 5px 10px;
    height: 35px;
    float: left;
    color: #fff
}

footer .foot2 .reg .daftar {
    background-color: #176195;
    border: none;
    color: #fff;
    font-size: 13px;
    padding: 8px 20px
}

footer .foot2 .apps {
    margin-top: 29px
}

footer .foot2 .apps img {
    height: 42px
}

footer .foot2 .share {
    padding-top: 25px
}

footer .foot2 .share a {
    display: inline-block;
    padding: 7px 0 5px;
    font-size: 18px;
    text-align: center;
    margin: 0 5px;
    color: #fff;
    width: 35px;
    height: 35px
}

footer .foot2 .share a.gplus i {
    position: relative;
    left: -3px
}

footer .foot3 {
    font-size: 12px;
    padding: 0
}

footer .foot3 .sitemap a {
    padding-right: 7px;
    margin-right: 7px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff
}

footer .foot3 #logo_ft img {
    width: 150px
}

.date-market {
    font-size: 12px;
    color: #b3b3b3;
    text-align: center;
    display: block
}

.billboard {
    text-align: center
}

.sponsor {
    padding-left: 30px;
    margin-bottom: 20px
}

.sponsor span {
    font-size: 13px;
    color: gray
}

.sponsor img {
    height: 50px;
    margin-left: 15px
}

.ads_native_d .an_box_img .img_con {
    width: 152px;
    height: 114px
}

.ads_native_d .an_box_img .img_con:after {
    content: "";
    display: block;
    padding-top: 75%;
    overflow: hidden
}

.market_search {
    border-radius: 10px;
    background-color: #f8f8f8;
    border: 1px solid #dfdfdf;
    overflow: hidden;
    padding: 0 9px;
    margin: 27px 0 0 30px
}

.market_search.detail_market_search {
    margin: 0
}

.market_search input {
    border: none;
    width: 85%;
    width: calc(100% - 30px);
    background-color: #f8f8f8;
    font-weight: 700;
    color: #6a6a6a;
    padding: 9px 0 9px 5px;
    display: inline-block
}

.market_search span.icon {
    color: #747474
}

.no_border {
    border: 0
}

.box_market {
    background-color: #f4f4f4;
    border-radius: 5px;
    padding: 11px 27px;
    text-align: left
}

.box_market span {
    display: block
}

.box_market span.title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #0f5586;
    text-transform: capitalize
}

.box_market span.value {
    font-size: 35px;
    font-weight: 700;
    color: #525252
}

.box_market span.status {
    font-size: 16px;
    font-weight: 700;
    padding-left: 30px
}

.box_market span.status.red {
    color: #e95b53;
    background: url(/klik/css/../images/red_down.png) center left 7px no-repeat;
    background-size: 18px 18px
}

.box_market span.status.green {
    color: #31a745;
    background: url(/klik/css/../images/green_up.png) center left 7px no-repeat;
    background-size: 18px 18px
}

.box_market_table .title {
    border-bottom: 4px solid #0f5586;
    margin-bottom: 0;
    padding-bottom: 11px;
    text-transform: none
}

.box_market_table table.table_bor {
    margin-top: 10px
}

.box_market_table table.table_bor tr {
    border-top: 0;
    border-bottom: 1px solid #e6e6e6
}

.box_market_table table.table_bor tr td {
    font-size: 12px;
    text-align: right;
    font-weight: 700;
    padding: 10px 5px
}

.box_market_table table.table_bor tr td.name {
    font-size: 11px
}

.box_market_table table.table_bor tr td:first-child {
    text-align: left
}

.box_market_table table.table_bor tr td.price,
.box_market_table table.table_bor tr td.percent {
    font-size: 12px;
    width: 70px
}

.box_market_table table.table_bor tr td.price.red,
.box_market_table table.table_bor tr td.percent.red {
    color: #e95b53
}

.box_market_table .info {
    font-size: 10px;
    color: #abaaaa;
    text-align: right;
    line-height: 16px
}

.detail_market_title {
    font-size: 16px;
    font-weight: 700;
    color: #3a3a3a;
    border-bottom: 1px solid #c6c6c6;
    padding-bottom: 15px;
    margin-bottom: 15px
}

ul.market_nav {
    font-size: 0;
    list-style-type: none;
    margin: 30px 0 50px 0;
    padding: 0;
    border-bottom: 1px solid #c6c6c6;
    position: relative;
    z-index: 1
}

ul.market_nav li {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    color: #3a3a3a;
    border-right: 1px solid #c6c6c6;
    padding: 0 20px;
    height: 37px;
    line-height: 37px;
    overflow: visible;
    position: relative;
    bottom: 0;
    z-index: 2
}

ul.market_nav li:first-child {
    padding-left: 0
}

ul.market_nav li.selected,
ul.market_nav li:hover {
    color: #0f5586;
    bottom: -3px
}

ul.market_nav li.selected a,
ul.market_nav li:hover a {
    color: #0f5586;
    font-size: 20px
}

ul.market_nav li.selected a:before,
ul.market_nav li:hover a:before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: inline-block;
    background-color: #e5e32c;
    vertical-align: middle;
    margin-right: 6px;
    position: relative;
    top: -2px
}

ul.market_nav li.selected {
    border-bottom: 1px solid #fafafa
}

ul.market_nav li a {
    color: inherit;
    text-decoration: none;
    display: block
}

.r_ads a.label_adsmart {
    right: 35px
}

.watchlist_notif {
    position: fixed;
    top: 300px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px 1px rgb(0 0 0 / .3);
    -moz-box-shadow: 0 1px 4px 1px rgb(0 0 0 / .3);
    -o-box-shadow: 0 1px 4px 1px rgb(0 0 0 / .3);
    -ms-box-shadow: 0 1px 4px 1px rgb(0 0 0 / .3);
    box-shadow: 0 1px 4px 1px rgb(0 0 0 / .3);
    left: 50%;
    width: 360px;
    margin-left: -180px;
    background: #3A82BB;
    border: 1px solid #3A82BB;
    font-size: 14px;
    color: #fff;
    padding: 40px;
    z-index: 10;
    opacity: 0;
    text-align: center;
    visibility: hidden;
    -webkit-animation: watchlist_notif 3s;
    -moz-animation: watchlist_notif 3s;
    -o-animation: watchlist_notif 3s;
    animation: watchlist_notif 3s
}

.watchlist_notif.add-notif {
    padding: 40px 20px 20px !important;
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-animation: unset !important;
    -moz-animation: unset !important;
    -o-animation: unset !important;
    animation: unset !important
}

.watchlist_notif.danger {
    background: #F8D7DA;
    border: 1px solid #F5C6CA;
    color: #721C23
}

.watchlist_notif.success {
    background: #D4EDDA;
    border: 1px solid #C4E7CC;
    color: #155724
}

.watchlist_notif input[type="submit"].watch__pop-sm {
    padding: 10px 20px;
    background: #295D97;
    color: initial;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 11px;
    color: #fff;
    height: 33px;
    width: auto
}

.watchlist_notif input[type="submit"].watch__pop-sm.danger {
    background: #D0021B
}

.watchlist_notif-corner-close {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 24px
}

@keyframes watchlist_notif {
    0% {
        opacity: 1;
        visibility: visible;
    }

    15% {
        top: 300px;
    }

    75% {
        opacity: 1;
    }

    100% {
        top: 300px;
        opacity: 0;
        visibility: hidden;
    }
}

@-moz-keyframes watchlist_notif {
    0% {
        opacity: 1;
        visibility: visible;
    }

    15% {
        top: 300px;
    }

    75% {
        opacity: 1;
    }

    100% {
        top: 300px;
        opacity: 0;
        visibility: hidden;
    }
}

@-o-keyframes watchlist_notif {
    0% {
        opacity: 1;
        visibility: visible;
    }

    15% {
        top: 300px;
    }

    75% {
        opacity: 1;
    }

    100% {
        top: 300px;
        opacity: 0;
        visibility: hidden;
    }
}

@-webkit-keyframes watchlist_notif {
    0% {
        opacity: 1;
        visibility: visible;
    }

    15% {
        top: 300px;
    }

    75% {
        opacity: 1;
    }

    100% {
        top: 300px;
        opacity: 0;
        visibility: hidden;
    }
}

.watch__pop {
    background: rgb(0 0 0 / .8);
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out
}

.watch__pop.open {
    z-index: 999;
    opacity: 1
}

.watch__pop.open .watch__pop-box {
    top: 40%
}

.watch__pop-top {
    padding: 20px;
    border-bottom: 1px solid #979797
}

.watch__pop-top h2 {
    font-size: 15px;
    color: #000;
    text-transform: uppercase
}

.watch__pop-box {
    max-width: 400px;
    width: 90%;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 auto;
    position: absolute;
    top: 20%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    padding-bottom: 20px
}

.watch__pop-box.login-pop h2 {
    font-weight: 700;
    color: #000
}

.watch__pop-box.login-pop button.register {
    font-size: 15px;
    color: #204C7F;
    background: none;
    border: 1px solid #204C7F;
    border-radius: 4px;
    padding: 10px 20px 8px;
    margin: 0 10px
}

.watch__pop-box.login-pop button.register:hover {
    background: #204C7F;
    color: #fff
}

.watch__pop-close {
    position: absolute;
    right: 5px;
    top: 8px;
    font-size: 20px;
    line-height: 26px;
    background: #D0021B;
    color: #fff;
    width: 24px;
    height: 24px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.watch__pop-form {
    padding: 30px 15px 15px
}

.watch__pop-content ul {
    list-style-type: none;
    margin: 15px 0 0;
    padding: 0
}

.watch__pop-content ul li {
    margin: 0;
    padding: 0 10px;
    transition: background .2s ease;
    border-bottom: 1px solid #EAEAEA;
    font-size: 15px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif
}

.watch__pop-content ul li:hover {
    background: #F1F1F1
}

.watch__pop-content ul li:nth-last-child(1) {
    border-bottom: none
}

.watch__pop-content ul li a {
    padding: 10px 0;
    display: block;
    width: 100%
}

.watch__pop-content ul li a.disabled-link {
    opacity: .3
}

.watch__pop-content p {
    padding: 30px;
    margin: 0;
    font-size: 14px
}

.watch__pop input[type="text"].watch__pop-input {
    color: #4A4A4A;
    border: none;
    outline: none;
    width: 100%;
    border: 1px solid #D8D8D8;
    display: block;
    position: relative;
    z-index: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-weight: 300;
    font-size: 15px;
    background: #fff
}

.watch__pop-act {
    padding: 15px;
    text-align: center
}

.watch__pop-cl {
    padding: 10px 20px;
    background: #fff;
    color: #295D97;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #295D97;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 11px;
    margin-right: 10px;
    height: 28px;
    width: 102px
}

.watch__pop input[type="submit"].watch__pop-sm {
    padding: 10px 20px;
    background: #295D97;
    color: initial;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 11px;
    color: #fff;
    height: 33px;
    width: 90px
}

.watch__pop input[type="submit"].watch__pop-sm.danger {
    background: #D0021B
}

.watch__pop-text {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4em
}

.watch__pop-text b {
    font-weight: 700
}

.watch__pop-text.red {
    color: #D0021B
}

.headline {
    position: relative;
    border-bottom: 1px solid #e6e6e6
}

.headline a:hover {
    opacity: .9
}

.headline .box_img {
    width: 100%
}

.headline .box_text {
    padding: 25% 30px 30px
}

.headline .box_text .subjudul,
.headline .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .headline .box_text .an_label {
    font-size: 16px;
    color: #848484
}

.headline .box_text .date {
    font-size: 12px
}

.headline .box_text .label,
.headline .box_text .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .headline .box_text .an_sub {
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    margin-right: 5px;
    background: #f8a33a;
    padding: 5px 10px;
    border-radius: 4px;
    font-weight: 600
}

.headline .box_text h1 {
    font-size: 30px;
    color: #fff;
    font-family: 'Playfair Display', serif;
    margin-bottom: 15px
}

.headline .hl_kait {
    background-color: #e6e6e6;
    width: 100%;
    float: left;
    font-size: 15px
}

.headline .hl_kait .title_kait {
    background-color: #295D97;
    height: 90px;
    width: 90px;
    float: left;
    position: relative;
    color: #fff;
    text-align: center
}

.headline .hl_kait .title_kait span {
    margin-top: 35px;
    display: inline-block
}

.headline .hl_kait .link_kait {
    width: calc(100% - 90px);
    float: left;
    display: table;
    height: 90px
}

.headline .hl_kait .link_kait article {
    height: 54px;
    margin: 18px 0
}

.headline .hl_kait .link_kait a {
    color: #295D97;
    font-weight: 700;
    padding: 0 20px;
    display: table-cell;
    font-size: 15px;
    vertical-align: middle;
    height: 54px
}

.headline .hl_kait .link_kait article:first-child {
    border-right: 1px solid #cdcdcd
}

.headline .lm_content {
    padding-bottom: 20px
}

.kurs-slide {
    background-color: #fff;
    height: 166px;
    overflow: hidden
}

.kurs-slide .b-bottom {
    border-bottom: 1px solid #e6e6e6
}

.kurs-slide .wrap {
    width: 100%
}

.kurs-slide .kurs-inner {
    padding: 0 15px
}

.kurs-slide .kurs-wrap {
    padding: 0 10px;
    margin: 20px 0;
    font-size: 15px;
    color: gray;
    border-right: 1px solid #e6e6e6
}

.kurs-slide .kurs-wrap span {
    display: block;
    float: left;
    width: 50%;
    padding: 5px 20px
}

.kurs-slide .kurs-wrap .k_name {
    color: #4d4d4d;
    text-transform: uppercase
}

.kurs-slide .kurs-wrap.green {
    color: #31a745
}

.kurs-slide .kurs-wrap.red {
    color: #cb0000
}

.kurs-slide .tab {
    width: 100%;
    float: left;
    margin-bottom: 8px
}

.kurs-slide .tab li {
    float: left;
    padding: 0 0 0 10px;
    font-size: 14px
}

.kurs-slide .tab li:first-child {
    padding-left: 0
}

.kurs-slide .tab li a {
    color: #4d4d4d;
    text-transform: uppercase
}

.kurs-slide .tab li.active a {
    color: #f2796c
}

.kurs-slide .captions h3 {
    font-size: 14px;
    display: none
}

.kurs-slide .captions h3 a {
    color: #295D97
}

.kurs-slide .captions h3:first-child {
    display: block
}

.kurs-slide .arrow-slide {
    position: relative;
    width: 100%
}

.kurs-slide .arrow-slide span i:before {
    width: auto
}

.kurs-slide .arrow-slide .rightArr {
    position: absolute;
    top: 17px;
    right: -15px;
    font-size: 50px;
    opacity: .3;
    z-index: 10
}

.kurs-slide .arrow-slide .rightArr:hover {
    cursor: pointer
}

.kurs-slide .arrow-slide .leftArr {
    position: absolute;
    top: 17px;
    left: -15px;
    font-size: 50px;
    opacity: .3;
    z-index: 10
}

.kurs-slide .arrow-slide .leftArr:hover {
    cursor: pointer
}

.berita-utama ul li .subjudul,
.berita-utama ul li .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .berita-utama ul li .an_label {
    color: #777
}

.berita-utama ul li .box_img {
    margin-bottom: 10px
}

.berita-utama ul li h2 {
    color: #000
}

.berita-utama ul li:hover h2 {
    color: #295D97
}

.berita-utama.b_bottom {
    border-bottom: 1px solid #e6e6e6
}

.title_kanal {
    font-size: 28px;
    color: #295D97;
    text-transform: uppercase;
    margin-bottom: 15px
}

.title_kanal span {
    color: gray;
    font-size: 14px;
    padding: 5px 10px 5px 20px;
    margin-left: 15px;
    border-left: 1px solid gray;
    display: inline-block;
    text-transform: none;
    position: relative;
    top: -5px
}

.title_kanal .market-name {
    display: inline
}

.indexing li {
    background: none !important;
    padding: 15px 0 !important
}

.indexing li.nhl_foto .first_item {
    padding-left: 0 !important;
    padding-right: 2px !important
}

.indexing li.nhl_foto .item {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 2px !important;
    position: relative;
    width: 24.6% !important
}

.indexing li.nhl_foto .sum {
    left: 0 !important
}

.indexing.vids li .box_img {
    width: 278px
}

.indexing.vids li .box_text {
    width: calc(100% - 293px)
}

.indexing.vids li .nhl_icon-video {
    font-size: 48px
}

.selector {
    border-bottom: 1px solid #e6e6e6;
    text-transform: uppercase
}

.selector .title_kanal {
    margin-top: 10px
}

.selector .selector-group {
    font-size: 14px;
    color: gray
}

.selector .selector-group .date-select {
    display: inline-block;
    padding: 10px 5px 5px
}

.selector .selector-group .date-select:hover {
    background: #295D97;
    color: #fff
}

.selector .selector-group .date-select .datepick {
    border: none;
    color: gray;
    background: none;
    margin: 0
}

.selector .selector-group .date-select .datepick:hover {
    cursor: pointer;
    color: #fff
}

.selector .selector-group .dropdown {
    position: relative;
    border-left: 1px solid #e6e6e6;
    padding: 10px 20px;
    display: inline-block
}

.selector .selector-group .dropdown.shows {
    background-color: #295D97
}

.selector .selector-group .dropdown.shows a {
    color: #fff
}

.selector .selector-group .dropdown.shows a.first:before {
    color: #fff;
    content: '\f106'
}

.selector .selector-group .dropdown a {
    display: inline-block;
    color: gray
}

.selector .selector-group .dropdown a span {
    color: gray
}

.selector .selector-group .dropdown a.first:before {
    font-family: "fontello";
    font-size: 18px;
    content: '\f107';
    color: gray;
    text-align: center;
    margin-right: 5px
}

.selector .selector-group .dropdown .dropdown_menu {
    display: none;
    position: absolute;
    top: 100%;
    z-index: 15;
    background-color: #295D97;
    left: 0;
    color: gray;
    max-height: 315px;
    overflow-y: scroll
}

.selector .selector-group .dropdown .dropdown_menu a {
    border-top: 1px solid #245183;
    display: block;
    padding: 10px 15px;
    color: #fff
}

.selector .selector-group .dropdown .dropdown_menu a:hover {
    background-color: #1e446f;
    opacity: 1;
    filter: alpha(opacity=100)
}

.selector .selector-group .dropdown:hover {
    background-color: #295D97
}

.selector .selector-group .dropdown:hover a {
    color: #fff;
    opacity: 1;
    filter: alpha(opacity=100)
}

.selector .selector-group .dropdown:hover a.first:before {
    color: #fff;
    opacity: 1;
    filter: alpha(opacity=100)
}

.selector.filter .selector-group .dropdown {
    border-right: 1px solid #e6e6e6;
    border-left: none
}

.comp_slide {
    position: relative
}

.arrow-comp {
    color: #fff;
    font-size: 50px
}

.arrow-comp .leftArr {
    position: absolute;
    z-index: 10;
    top: 64px;
    left: 28px
}

.arrow-comp .rightArr {
    position: absolute;
    z-index: 10;
    top: 64px;
    right: 22px
}

.arrow-comp i:before {
    width: auto;
    margin: 0
}

.arrow-comp i:hover {
    cursor: pointer
}

.comp_item .comp_name {
    background: url(/klik/css/../images/bg_comp.jpg) no-repeat #000;
    height: 100px;
    position: relative;
    text-align: center
}

.comp_item .comp_name .name {
    color: #fff;
    font-size: 16px;
    display: inline-block;
    width: 80%;
    text-align: center;
    margin-top: 22px
}

.comp_item .comp_name .comp_logo {
    background: #fff;
    position: absolute;
    width: 74px;
    height: 74px;
    left: 50%;
    margin-left: -37px;
    bottom: -37px;
    text-align: center;
    z-index: 10
}

.comp_item .comp_name .comp_logo img {
    display: inline-block;
    max-width: 56px
}

.comp_item ul {
    position: relative
}

.list-opini_wrap .lm_content {
    border: none
}

.list-opini_wrap .headline {
    border: none
}

.list-opini_wrap .headline .opini-user {
    position: relative;
    padding: 25px 0 0;
    float: left;
    width: 100%;
    margin-top: 15px;
    border-top: 1px solid #fff
}

.list-opini_wrap .headline .opini-user .box_img {
    width: 66px;
    overflow: hidden;
    float: right
}

.list-opini_wrap .headline .opini-user .opini_desc {
    padding: 0 15px;
    float: left;
    width: calc(100% - 66px)
}

.list-opini_wrap .headline .opini-user .opini_desc .opini_name {
    font-size: 16px;
    color: #f2796c;
    margin-bottom: 5px
}

.list-opini_wrap .headline .opini-user .opini_desc p {
    font-size: 15px;
    margin: 0;
    color: gray
}

.list-opini_wrap .headline .opini-user .opini_desc a {
    font-size: 14px;
    color: #176195;
    float: right;
    display: inline-block;
    margin: 10px 0
}

.list-opini_wrap .list-opini li {
    margin-bottom: 20px
}

.list-opini_wrap .list-opini a:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.list-opini_wrap .list-opini .box_img {
    width: 100%
}

.list-opini_wrap .list-opini .box_text {
    left: 0;
    right: 0
}

.list-opini_wrap .list-opini .box_text .subjudul,
.list-opini_wrap .list-opini .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .list-opini_wrap .list-opini .box_text .an_label {
    font-size: 14px;
    color: #777
}

.list-opini_wrap .list-opini .box_text h2 {
    font-size: 16px;
    color: #fff;
    margin-top: 5px
}

.list-opini_wrap .list-opini .opini-user {
    position: relative;
    padding: 15px;
    float: left;
    width: 100%;
    background-color: #f2f2f2
}

.list-opini_wrap .list-opini .opini-user .box_img {
    width: 56px;
    overflow: hidden;
    float: right
}

.list-opini_wrap .list-opini .opini-user .opini_desc {
    float: left;
    width: calc(100% - 71px)
}

.list-opini_wrap .list-opini .opini-user .opini_desc .opini_name {
    font-size: 14px;
    color: #f2796c;
    margin-bottom: 5px
}

.list-opini_wrap .list-opini .opini-user .opini_desc p {
    font-size: 13px;
    margin: 0;
    color: gray
}

.search-list {
    padding: 15px 0;
    border-bottom: 1px solid #e6e6e6
}

.search-list .search-result {
    color: #295D97;
    font-size: 23px;
    max-width: 560px;
    float: left
}

.search-list .search-result span {
    color: #444
}

.search-list .search-btn {
    float: right;
    font-size: 14px;
    margin-top: 6px;
    color: gray
}

.search-list .search-btn:hover {
    cursor: pointer
}

.search-list .search-btn .icon.down:before {
    content: '\f106'
}

.filter {
    padding: 10px 0;
    color: gray;
    font-size: 14px;
    display: none
}

.filter .select_wrap {
    border-right: 1px solid #e6e6e6;
    padding: 0 10px;
    width: 135px;
    display: inline-block
}

.filter .select_wrap select {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    color: gray;
    margin-left: 5px
}

.filter .select_wrap:before {
    font-family: "fontello";
    content: '\f107'
}

.filter .date-select {
    margin-left: 10px;
    color: gray
}

.filter .date-select input {
    border: none;
    padding-left: 0;
    color: gray
}

.market_table {
    font-size: 14px;
    margin: 0 0 20px
}

.market_table thead {
    border-bottom: 3px solid #295D97
}

.market_table thead th {
    border: none;
    padding: 10px
}

.market_table tbody tr {
    position: relative
}

.market_table tbody tr td {
    border: 1px solid #cdcdcd;
    border-left: none;
    padding: 10px
}

.market_table tbody tr td:first-child {
    font-size: 12px;
    color: #295D97;
    font-weight: 700;
    border-right: none
}

.market_table tbody tr td:last-child {
    border-right: none
}

.market_table tbody tr.green {
    color: #31a745
}

.market_table tbody tr.red {
    color: #cb0000
}

.market_table tbody tr:hover,
.market_table tbody tr.active {
    background: #e2ecf7;
    cursor: pointer
}

.market_table tbody tr:hover:after,
.market_table tbody tr.active:after {
    position: absolute;
    left: -10px;
    top: 9px;
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid #fff0;
    border-bottom: 10px solid #fff0;
    border-right: 10px solid #e2ecf7
}

.market_table tbody tr.jarak:hover {
    background: none;
    cursor: inherit
}

.market_table tbody tr.jarak:hover:after {
    display: none
}

.half_width {
    width: 50%;
    padding: 30px;
    display: inline-block;
    vertical-align: top;
    height: 475px
}

.half_width .market_table {
    width: 500px
}

.half_width.grey1 {
    background-color: #f3f3f3
}

.half_width.grey2 {
    background-color: #e1e1e1
}

.half_width.grey3 {
    background-color: #dcdcdc
}

.half_width.grey4 {
    background-color: #d7d7d7
}

.half_width .title {
    font-size: 16px;
    color: #295D97;
    @extemd %_font_title;
    width: 500px
}

.detail_terkait {
    border-top: 1px solid #e6e6e6
}

.detail_terkait .berita-terkait ul li .box_img {
    margin-bottom: 10px
}

.detail_terkait .berita-terkait ul li .box_text {
    padding: 10px
}

.detail_terkait .berita-terkait ul li h2 {
    color: #295D97
}

.search-med {
    width: 480px;
    margin: 20px auto
}

.search-med .inp {
    border: none;
    background-color: #e6e6e6;
    padding: 10px;
    float: left;
    width: calc(100% - 40px)
}

.search-med .sub {
    background-color: #295D97;
    width: 40px;
    height: 36px;
    color: #fff;
    border: none;
    float: left
}

.title_kanal .search-med {
    float: right;
    width: 400px;
    margin: 0
}

.title_kanal .search-med .inp {
    color: #295D97
}

.title_kanal .search-med .sub {
    background-color: #e6e6e6;
    color: #295D97;
    font-size: 18px;
    height: 37px
}

.list-glossary .alpha {
    color: #295D97;
    font-size: 56px;
    margin-top: 50px
}

.list-glossary .list_item-glossary .gloss_item {
    color: #295D97;
    display: inline-block;
    padding: 10px 0
}

.list-glossary .list_item-glossary .gloss_item:hover {
    cursor: pointer;
    color: #f2796c
}

.list-glossary .list_item-glossary .gloss_item:after {
    font-family: "fontello";
    content: '\e80d';
    margin-left: 20px
}

.list-glossary .list_item-glossary .gloss_item.open:after {
    content: '\e80e'
}

.list-glossary .list_item-glossary p {
    font-size: 16px;
    line-height: 23px;
    display: none
}

.notfound {
    min-height: 600px;
    position: relative;
    padding-top: 100px
}

.notfound h1 {
    color: #fff;
    font-size: 90px
}

.notfound h3 {
    color: #f2796c;
    font-size: 24px;
    margin-bottom: 10px
}

.notfound p {
    color: #fff;
    margin-bottom: 5px
}

.notfound a {
    color: #f2796c;
    display: inline-block;
    margin-top: 20px;
    font-size: 16px
}

.notfound a i:before {
    font-weight: 700
}

.lain {
    background: #0c5283
}

.lain .title {
    margin: 30px 0 40px;
    color: #fff
}

.lain .box_img {
    margin-bottom: 15px
}

.lain .box_text h2 {
    color: #fff;
    font-size: 16px !important
}

.lain .box_text .date {
    font-size: 12px;
    color: #b3b3b3
}

.lain .box_text .label,
.lain .box_text .ads_native_d .an_desk .an_sub,
.ads_native_d .an_desk .lain .box_text .an_sub {
    font-size: 11px;
    text-transform: uppercase;
    color: #ec6e60
}

.lain .er_arl .box_text h2 {
    color: #fff
}

.static_page {
    padding: 30px 15px
}

.static_page h1 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #0f5586
}

.static_page .detail_statik {
    font-size: 16px;
    line-height: 140%;
    color: #3a3a3a;
    font-family: 'Roboto', sans-serif
}

.static_page .detail_statik h3 {
    font-size: 18px;
    font-weight: 700;
    margin-top: 30px
}

.static_page .detail_statik p {
    margin-bottom: 15px
}

.header_statik {
    height: 300px
}

.header_statik h1 {
    color: #fff;
    font-size: 28px;
    margin: 30px 10px;
    font-weight: 700
}

#redaksi {
    background: #f2f2f2;
    padding: 30px 0;
    font-family: 'Roboto', sans-serif;
    color: #979797;
    font-size: 14px;
    line-height: 140%
}

#redaksi .container {
    padding: 0 100px
}

#redaksi strong {
    display: block;
    margin-top: 30px;
    margin-bottom: 10px;
    color: #000;
    font-size: 16px
}

#redaksi .title_red {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #0f5586
}

#redaksi .red_left {
    float: left;
    width: 45%
}

#redaksi .red_right {
    float: right;
    width: 45%
}

.tentang_map {
    background: #0d4875;
    color: #fff;
    font-family: 'Roboto', sans-serif
}

.tentang_map .alamat {
    text-align: right;
    padding: 100px 70px;
    width: 35%;
    font-size: 16px;
    line-height: 130%;
    float: left
}

.tentang_map .peta {
    width: 65%;
    height: 350px;
    float: right
}

.tentang_map .peta iframe {
    width: 100%;
    height: 100%
}

.ads_native_d {
    -moz-box-align: center;
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    flex-flow: row nowrap;
    justify-content: space-between
}

.ads_native_d .an_box_img {
    width: 152px;
    margin-right: 15px;
    float: left
}

.ads_native_d .an_box_img .img_con:after {
    content: "";
    display: block;
    padding-top: 75%;
    overflow: hidden
}

.ads_native_d .an_desk {
    width: calc(100% - 167px);
    padding: 0;
    float: left;
    margin: 0
}

.ads_native_d .an_desk .an_sub {
    font-size: 13px;
    color: #777;
    margin-bottom: 5px;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 700
}

.ads_native_d .an_desk h2 {
    font-size: 20px;
    color: #0f5586;
    font-weight: 700
}

.ads_native_d .an_desk .an_text {
    display: none
}

.ads_native_d .an_desk .an_label {
    font-size: 12px;
    color: #b3b3b3
}

.adsmart_list_artikel {
    -moz-box-align: center;
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    flex-flow: row nowrap;
    justify-content: space-between
}

.detail .list .adsmart_list_artikel {
    border: none
}

.adsmart_list_artikel .adsmart_box_img {
    width: 152px;
    margin-right: 15px;
    float: left
}

.adsmart_list_artikel .adsmart_box_img .img_con {
    width: 152px;
    height: 114px
}

.adsmart_list_artikel .adsmart_box_img .img_con:after {
    content: "";
    display: block;
    padding-top: 75%;
    overflow: hidden
}

.adsmart_list_artikel .adsmart_desk {
    width: calc(100% - 167px);
    padding: 0;
    float: left;
    margin: 0
}

.adsmart_list_artikel .adsmart_desk .adsmart_sub {
    font-size: 13px;
    color: #777;
    margin-bottom: 5px;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 700
}

.adsmart_list_artikel .adsmart_desk h2 {
    font-size: 20px;
    color: #000;
    font-weight: 700
}

.adsmart_list_artikel .adsmart_text {
    display: none
}

.adsmart_list_artikel .adsmart_label {
    font-size: 12px;
    color: #b3b3b3
}

.fokus .fokus_bim {
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 0;
    margin-top: 10px
}

.fokus .fokus_bim.w_50 .box_text {
    padding: 25% 40% 20px 20px
}

.fokus .fokus_bim.w_50 .box_text h2 {
    font-size: 28px;
    margin: 8px 0
}

.fokus .fokus_bim a:hover .box_text h2 {
    color: #fff
}

.fokus .fokus_bim .box_img {
    width: 100%
}

.fokus .fokus_bim .ratiobox.ratio_cust:after {
    padding-top: 39%
}

.fokus .fokus_bim .box_text {
    padding: 25% 20px 20px;
    color: #fff
}

.fokus .fokus_bim .box_text .subjudul,
.fokus .fokus_bim .box_text .ads_native_d .an_desk .an_label,
.ads_native_d .an_desk .fokus .fokus_bim .box_text .an_label {
    font-size: 14px;
    text-transform: uppercase
}

.fokus .fokus_bim .box_text h2 {
    font-size: 20px
}

.fokus .fokus_bim .box_text.text_inside,
.fokus .fokus_bim .list.terbaru.big_hl li:nth-child(1) .box_text,
.list.terbaru.big_hl li:nth-child(1) .fokus .fokus_bim .box_text,
.fokus .fokus_bim .list.terbaru.big_hl li:nth-child(2) .box_text,
.list.terbaru.big_hl li:nth-child(2) .fokus .fokus_bim .box_text {
    background: #000;
    background: -moz-linear-gradient(top, transparent 0%, rgb(0 0 0 / .7) 95%);
    background: -webkit-linear-gradient(top, transparent 0%, rgb(0 0 0 / .7) 95%);
    background: linear-gradient(to bottom, transparent 0%, rgb(0 0 0 / .7) 95%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start_color', endColorstr='$end_color', GradientType=1)
}

.fokus .lm_fokus {
    float: right
}

.fokus .head_idxfokus {
    margin: 10px 0;
    position: relative;
    -webkit-transition: all 1s linear 2s;
    -moz-transition: all 1s linear 2s;
    -ms-transition: all 1s linear 2s;
    -o-transition: all 1s linear 2s;
    transition: all 1s linear 2s
}

.fokus .head_idxfokus .tl {
    display: none
}

.fokus .head_idxfokus .ratiobox_content h2 {
    display: none
}

.fokus .head_idxfokus.l_head {
    width: 345px;
    float: left;
    margin-top: 15px;
    overflow: hidden
}

.fokus .head_idxfokus.l_head .tl {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    display: block;
    text-transform: uppercase;
    margin-bottom: 8px
}

.fokus .head_idxfokus.l_head article {
    border: none
}

@media screen and (min-width:1025px) and (max-width:1280px) {
    .fokus .head_idxfokus.l_head article {
        width: 280px
    }
}

.fokus .head_idxfokus.l_head article .box_img {
    margin-bottom: 10px
}

@media screen and (min-width:1025px) and (max-width:1280px) {
    .fokus .head_idxfokus.l_head article .box_img {
        width: 280px
    }
}

.fokus .head_idxfokus.l_head article .box_img .ratiobox_content h2 {
    display: block;
    color: #fff;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10% 40px 10px 10px;
    background: #000;
    background: -moz-linear-gradient(top, transparent 0%, rgb(0 0 0 / .7) 95%);
    background: -webkit-linear-gradient(top, transparent 0%, rgb(0 0 0 / .7) 95%);
    background: linear-gradient(to bottom, transparent 0%, rgb(0 0 0 / .7) 95%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$start_color', endColorstr='$end_color', GradientType=1)
}

.fokus .head_idxfokus.l_head article .box_text {
    position: relative;
    background: none;
    color: #000;
    padding: 0
}

.fokus .head_idxfokus.l_head article .box_text h2 {
    display: none
}

.fokus .menu_fokus {
    font-family: 'Roboto', sans-serif
}

.fokus .menu_fokus ul {
    margin: 20px 15px 0 0;
    padding: 0
}

.fokus .menu_fokus ul li {
    margin: 0 0;
    padding: 3px 0;
    list-style: none;
    font-size: 16px;
    position: relative
}

.fokus .menu_fokus ul li a {
    width: 100%;
    padding: 8px 0;
    display: block;
    position: relative;
    text-transform: uppercase;
    font-weight: 700
}

.fokus .menu_fokus ul li a:hover {
    color: #234E7D;
    opacity: 1
}

.fokus .menu_fokus ul li a:hover:after {
    content: "\232A";
    position: absolute;
    right: 0;
    bottom: 4px;
    font-size: 20px
}

.fokus .menu_fokus ul li a.selected {
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    font-weight: 700;
    color: #234E7D
}

.fokus .menu_fokus ul li a.selected:after {
    content: "\232A";
    position: absolute;
    right: 0;
    bottom: 4px;
    font-size: 20px;
    color: #234E7D
}

.indeks_market .title_kanal span {
    display: block;
    padding: 0;
    margin: 8px 0 0 0;
    top: 0;
    border-left: 0;
    width: 725px;
    word-spacing: -2px
}

@media screen and (min-width:1025px) and (max-width:1280px) {
    .indeks_market .title_kanal span {
        width: 700px
    }
}

.indeks_market .more {
    font-weight: 700;
    font-size: 18px
}

.belt_info {
    background: #fff
}

.belt_info .col_mob_12 {
    background: url(/klik/css/../images/bg_garis.png) center center no-repeat;
    background-size: cover;
    padding: 10px 0;
    display: flex;
    justify-content: space-between
}

.belt_info .vvf {
    list-style-type: none;
    font-size: 0;
    padding: 0
}

.belt_info .vvf li {
    font-size: 14px;
    display: inline-block;
    font-weight: 700;
    color: #0f5586;
    text-align: center;
    padding: 0 25px;
    border-right: 1px solid #0f5586
}

.belt_info .vvf li span {
    display: block;
    font-size: 25px;
    color: #3a3a3a;
    margin-top: 5px
}

.belt_info .vvf li:last-child {
    border-right: 0
}

.belt_info .adec {
    list-style-type: none;
    font-size: 0;
    text-align: center;
    padding: 0
}

.belt_info .adec li {
    font-size: 14px;
    display: inline-block;
    width: 145px;
    border-top: 8px solid #6a6a6a;
    margin: 0 7px
}

.belt_info .adec li:first-child {
    width: 100%;
    font-weight: 700;
    color: #0f5586;
    letter-spacing: .2px;
    border: 0;
    margin: 0 0 13px 0
}

.belt_info .adec li.green {
    color: #31a745;
    border-color: #31a745
}

.belt_info .adec li.red {
    color: #e95b53;
    border-color: #e95b53
}

.market_table2,
.market_table3 {
    margin-bottom: 0
}

.market_table2 thead th,
.market_table3 thead th {
    text-align: center
}

.market_table2 tbody,
.market_table3 tbody {
    position: relative
}

.market_table2 tbody:before,
.market_table3 tbody:before {
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
    content: ' '
}

.market_table2 tbody tr td,
.market_table3 tbody tr td {
    text-align: center;
    width: 100px;
    border: 0;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd
}

.market_table2 tbody tr td:first-child,
.market_table3 tbody tr td:first-child {
    width: auto;
    text-align: left;
    border-right: 1px solid #cdcdcd;
    border-left: 5px solid #fafafa
}

.market_table2 tbody tr:last-child td,
.market_table3 tbody tr:last-child td {
    border-bottom: 0
}

.market_table3 tbody:before {
    display: none
}

.market_table3 tbody tr td {
    width: auto
}

.half_width2 {
    height: auto;
    padding-bottom: 10px
}

.menu_market {
    text-align: center;
    margin: 90px auto
}

.menu_market>ul {
    font-size: 0;
    list-style-type: none
}

.menu_market>ul li {
    font-size: 14px;
    font-weight: 700;
    color: #3a3a3a;
    display: inline-block;
    border-right: 1px solid #c6c6c6;
    padding: 5px 10px 5px 0;
    width: 150px
}

.menu_market>ul li:last-child {
    border-right: 0
}

.menu_market>ul li a {
    font-size: inherit;
    color: inherit
}

.menu_market>ul li a:before {
    content: ' ';
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #fff;
    position: relative;
    top: -2px;
    margin-right: 10px
}

.menu_market>ul li a:hover,
.menu_market>ul li a.selected {
    color: #0f5586;
    position: relative
}

.menu_market>ul li a:hover:before,
.menu_market>ul li a.selected:before {
    background-color: #e5e32c
}

.table_info {
    font-size: 11px;
    color: #abaaaa;
    text-align: right;
    line-height: 15px;
    margin: 0 18px 30px 0
}

.lm_content2 {
    border: 0
}

.kurs-slide2 .container {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px
}

.kurs-slide2 .left-content {
    padding-right: 30px;
    border-right: 1px solid #e5e5e5
}

.kurs-slide2 .left-content .link_market {
    color: #204D7F;
    font-size: 14px;
    font-weight: 400
}

.kurs-slide2 .left-content .title {
    color: #525252;
    font-size: 20px
}

.kurs-slide2 .left-content .title span.last_update {
    margin: 8px 0 0 0;
    border-bottom: 1px solid #E5E5E5;
    padding: 0 0 10px 0;
    color: #A6A6A5;
    font-size: 14px;
    line-height: 18px;
    font-weight: lighter
}

.kurs-slide2 .left-content .title span.btn_watchlist {
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0 0 0
}

.kurs-slide2 .left-content .title span.btn_watchlist a {
    font-size: 12px;
    border: 1px solid #206292;
    color: #206292;
    border-radius: 3px;
    font-size: 12px;
    padding: 4px 17px;
    display: block;
    transition: color .3s ease, background .3s ease
}

.kurs-slide2 .left-content .title span.btn_watchlist a:hover {
    background: #206292;
    color: #fff
}

.kurs-slide2 .left-content .title span.btn_watchlist p {
    margin: 0
}

.kurs-slide2 .kurs-wrap {
    margin: 0;
    padding: 0 30px
}

.kurs-slide2 .kurs-wrap:nth-child(3n) {
    border: 0
}

.kurs-slide2 .kurs-wrap span {
    padding: 0
}

.kurs-slide2 .kurs-wrap .k_name .small {
    font-size: 70%
}

.kurs-slide2 .kurs-wrap .k_name,
.kurs-slide2 .kurs-wrap .k_last {
    color: #295D97;
    width: 100%
}

.kurs-slide2 .kurs-wrap .k_price,
.kurs-slide2 .kurs-wrap .k_percent {
    width: 100%;
    text-align: right;
    position: relative
}

.kurs-slide2 .kurs-wrap .k_price {
    padding-top: 7px
}

.kurs-slide2 .kurs-wrap .k_price:before {
    content: '- - -';
    display: block;
    position: absolute;
    left: 0;
    top: 17px
}

.kurs-slide2 .kurs-wrap.red .k_price:before {
    background: url(/klik/css/../images/triangle_red_down.png) left top no-repeat;
    background-size: cover;
    width: 24px;
    height: 12px;
    content: ''
}

.kurs-slide2 .kurs-wrap.green .k_price:before {
    background: url(/klik/css/../images/triangle_green_up.png) left top no-repeat;
    background-size: cover;
    width: 24px;
    height: 12px;
    content: ''
}

.kurs-slide2 .kurs-wrap:after {
    content: "";
    clear: both;
    display: table
}

.kurs-slide2 .kurs-wrap a {
    display: block
}

.kurs-slide2 .tab li {
    margin-right: 20px
}

.kurs-slide2 .tab li:last-child {
    margin-right: 0
}

.cnbctv_bnn {
    background-image: -webkit-linear-gradient(-270deg, #2c5e95 0%, #204d7f 100%);
    background-image: -moz-linear-gradient(-270deg, #2c5e95 0%, #204d7f 100%);
    background-image: -o-linear-gradient(-270deg, #2c5e95 0%, #204d7f 100%);
    background-image: linear-gradient(-270deg, #2c5e95 0%, #204d7f 100%);
    background: url(/klik/css/../images/bnn_cnbctv.jpg) center center no-repeat;
    background-size: cover;
    font-family: "'Roboto', sans-serif;"
}

.cnbctv_bnn .desc-wrap .desc .title {
    font-size: 21px;
    width: auto;
    border-right: 1px solid #fff
}

.cnbctv_bnn .desc-wrap .desc .title span {
    font-size: 17px;
    font-weight: normal;
    display: block
}

.cnbctv_bnn .desc-wrap .desc h2 {
    height: 44px
}

.cnbctv_bnn .desc-wrap .desc h2 img {
    height: 100%
}

.cnbctv_bnn .desc-wrap .desc h2 span {
    background-color: #19416f;
    border: 1px solid #f5a623;
    border-radius: 22px;
    font-size: 19px;
    font-weight: bold;
    color: #f5a623;
    letter-spacing: 0.01em;
    padding: 9px 28px;
    display: inline-block
}

.cnbctv_bnn .desc-wrap .box_schedule,
.cnbctv_bnn .desc-wrap .foot_box {
    display: none
}

.cnbctv_bnn #bb:after {
    font-size: 0;
    content: "";
    clear: both;
    display: block
}

.cnbctv_bnn .btn {
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.68);
    color: #fff;
    font-size: 14px
}

.cnbctv_bnn .btn .txt {
    font-weight: normal
}

.cnbctv_bnn .btn .icon-angle-down {
    background-color: #0e2142;
    border-radius: 3px
}

.cnbctv_bnn .btn i {
    transition: none
}

.cnbctv_bnn .btn:hover i {
    left: 0
}

.cnbctv_bnn.open_expand {
    background: url(/klik/css/../images/bg_bnncnbctv_open.jpg) center center no-repeat;
    background-size: cover;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.cnbctv_bnn.open_expand .vid {
    float: none;
    margin-right: 0
}

.cnbctv_bnn.open_expand #bb {
    font-size: 0
}

.cnbctv_bnn.open_expand .desc-wrap {
    width: 708px;
    height: 221px;
    float: none;
    position: static;
    max-width: none;
    padding: 20px 0 0 0;
    display: flex;
    flex-flow: column nowrap
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
    .cnbctv_bnn.open_expand .desc-wrap {
        width: 608px;
        height: 220.5px
    }
}

.cnbctv_bnn.open_expand .desc-wrap .desc {
    position: relative;
    top: 0;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    padding: 0 20px;
    display: flex;
    margin: 0 0 10px 0
}

.cnbctv_bnn.open_expand .desc-wrap .desc .title {
    width: 247px;
    height: 44px;
    margin-bottom: 0
}

.cnbctv_bnn.open_expand .desc-wrap .desc h2 {
    font-size: 17px;
    padding-left: 15px;
    display: block
}

.cnbctv_bnn.open_expand .desc-wrap .box_schedule,
.cnbctv_bnn.open_expand .desc-wrap .foot_box {
    display: block
}

.cnbctv_bnn.open_expand .desc-wrap .foot_box {
    background-color: #16406b;
    text-align: right;
    padding: 5px 20px;
    width: 100%;
    margin-top: auto
}

.cnbctv_bnn.open_expand .desc-wrap .foot_box a {
    font-size: 11px;
    display: inline-block;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.82);
    letter-spacing: 0.02em
}

.cnbctv_bnn.open_expand .desc-wrap .foot_box a:after {
    content: "\003e";
    display: inline-block;
    margin-left: 5px
}

.cnbctv_bnn.open_expand .clearfix {
    display: none
}

.cnbctv_bnn.expand-sticky {
    text-align: center;
    background: url(/klik/css/../images/bg2_bnncnbctv_close.jpg) center center no-repeat;
    background-size: cover
}

.cnbctv_bnn.expand-sticky .desc-wrap {
    width: auto;
    height: auto
}

.cnbctv_bnn.expand-sticky .desc-wrap .desc {
    height: auto;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    padding: 0
}

.cnbctv_bnn.expand-sticky .desc-wrap .desc .title {
    border-right: 0;
    font-size: 19px
}

.cnbctv_bnn.expand-sticky .desc-wrap .desc .title span {
    font-size: 16px
}

.cnbctv_bnn.expand-sticky .desc-wrap .box_schedule {
    display: none
}

.cnbctv_bnn.expand-sticky .desc-wrap .foot_box {
    background-color: transparent
}

.cnbctv_bnn.expand-sticky .btn {
    border: 1px solid rgba(255, 255, 255, 0.68);
    color: #fff;
    background-color: transparent;
    margin: 15px 0 0 0
}

.cnbctv_bnn.expand-sticky .btn .icon-angle-up:before {
    content: '\f106'
}

.cnbctv_bnn.expand-sticky.open_expand {
    width: auto;
    flex-flow: column nowrap;
    background: #295D97 url(/klik/css/../images/bg2_bnncnbctv_open.jpg) center center no-repeat
}

.cnbctv_bnn.expand-sticky.open_expand .vid {
    order: 1;
    margin: 0px 0 30px 0;
    width: 392px
}

.cnbctv_bnn.expand-sticky.open_expand #bb {
    width: auto
}

.cnbctv_bnn.expand-sticky.open_expand .btn {
    background-color: #0f2843;
    padding: 0;
    margin-top: 10px
}

.cnbctv_bnn.expand-sticky.open_expand .desc-wrap {
    padding: 0
}

.cnbctv_bnn.expand-sticky.open_expand .desc-wrap .foot_box {
    bottom: 5px;
    position: absolute
}

.cnbctv_bnn.expand-sticky.open_expand .desc-wrap .foot_box a {
    margin-right: 10px
}

.cnbctv_bnn.expand-sticky.open_expand .desc-wrap .foot_box a:after {
    display: none
}

.cnbctv_bnn.expand-sticky.open_expand .desc-wrap .desc {
    margin: 0
}

.cnbctv_bnn.expand-sticky.open_expand .desc-wrap .desc h2 {
    margin: 3px 0 20px 0
}

.box_schedule {
    padding: 0 20px;
    margin: 25px 0 0 0
}

.box_schedule ol {
    position: relative;
    display: block;
    margin: 5px 0 0 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    color: #fff
}

.box_schedule ol:before {
    content: " ";
    height: 1px;
    width: calc(100% - 105px);
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
    top: 28px;
    left: 53px
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
    .box_schedule ol:before {
        top: 25px
    }
}

.box_schedule ol li {
    display: flex;
    flex-flow: column nowrap;
    margin: 0;
    padding: 0;
    align-items: center;
    text-align: center;
    font-size: 12px;
    flex: 0 1 110px;
    position: relative
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
    .box_schedule ol li {
        font-size: 10px
    }
}

.box_schedule ol li .point {
    background: #fff;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    display: inline-block;
    content: " ";
    margin: 8px 0
}

.box_schedule ol li p {
    margin: 0
}

.box_schedule ol li.active {
    color: #f8e71c
}

.box_schedule ol li.active .point {
    background: #f8e71c;
    animation: live_tick2 0.6s linear 0s infinite alternate
}

.box_schedule ol li span.day {
    position: absolute;
    bottom: calc(100% + 5px);
    padding: 2px 3px 1px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    font-size: 9px;
    opacity: 0.6
}

@keyframes live_tick2 {
    0% {
        background: #f8e71c;
    }

    100% {
        background: #fff;
    }
}

.watchlist {
    font-family: "'Roboto',sans-serif}.header_watchlist{display:flex;justify-content:space-between;margin:40px 0 0;padding:0 0 25px 0}.header_watchlist .create_watchlist{color:#195585;font-size:24px;display:flex;flex-flow:column nowrap;justify-content:center;position:relative}.header_watchlist .create_watchlist a{color:inherit}.header_watchlist .create_watchlist input[type=" text"]{color:inherit;border:0;border-bottom:1px solid #195585;font-size:inherit;background:#fff0;padding:0;width:250px}.header_watchlist .create_watchlist input[type=" text"]::placeholder{color:rgb(117 117 117 / .5);opacity:1;font-size:12px}.header_watchlist .create_watchlist .input{position:relative}.header_watchlist .create_watchlist .input:hover .drop_watchlist{display:block!important}.header_watchlist .create_watchlist .input button{border:0;background:#fff0;color:#195585}.header_watchlist .create_watchlist .input.input2{display:block}.header_watchlist .create_watchlist>p{font-size:14px;color:#777;margin:5px 0 0}.header_watchlist .drop_watchlist{display:none;position:absolute;left:0;top:30px;background:#fff;padding:0;font-size:14px;color:#000;box-shadow:0 2px 6px 0 rgb(154 155 155 / .5);z-index:3;min-width:229px}.header_watchlist .drop_watchlist ul{list-style-type:none;margin:0;padding:0}.header_watchlist .drop_watchlist ul li{margin:0;padding:0 0 0 15px;transition:background .2s ease;border-bottom:1px solid #EAEAEA}.header_watchlist .drop_watchlist ul li:hover{background:#DEF0FF}.header_watchlist .drop_watchlist ul li:nth-last-child(1){border-bottom:none}.header_watchlist .drop_watchlist ul li a{padding:15px 0;display:block}.header_watchlist .drop_watchlist ul li a.disabled-link{opacity:.3}.header_watchlist .drop_watchlist img{width:12px}.header_watchlist .setting_area .trig_manage_watchlist{display:inline-block;padding:8px 10px;border:1px solid #195585;border-radius:4px;float:right}.header_watchlist .setting_area .drop_watchlist{left:inherit;right:0}.header_watchlist .setting_area .input{min-width:100px;float:left;position:relative}.header_watchlist .setting_area .input:hover .drop_watchlist{display:block!important}.manage_symbol{position:relative;width:100%}.manage_symbol:before{font-family:'fontello';content:'\e801';display:inline-block;color:#176195;font-size:16px;position:absolute;left:10px;top:7px}.manage_symbol input[type=" text"]{width:410px;font-size:13px;color:#818181;border:0;border:1px solid #C4C4C4;padding:10px 20px 10px 40px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;background:#fff}.manage_symbol input[type=" text"]::placeholder{color:rgb(117 117 117 / .5);opacity:1}.manage_symbol input[type=" submit"]{border:1px solid #195585;border-radius:4px;color:#195585;font-size:13px;padding:10px 18px;transition:all .2s ease;margin:0 0 0 20px;min-width:69px;text-align:center}.manage_symbol input[type=" submit"]:hover{color:#fff;background:#195585}.manage_symbol.manage_symbol2{padding:0 0 15px}.manage_symbol.manage_symbol2:before{display:none}.manage_symbol .info{color:#7D7D7D;display:inline-block;font-size:14px}.manage_symbol .info .icon{display:inline-block;text-align:center;font-size:10px;font-weight:700;width:13px;height:13px;position:relative;top:-2px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;border:1px solid #7D7D7D}.content_watchlist{padding:20px 0 0 0;border-top:1px solid #E2E2E2;min-height:400px}.content_watchlist table{border:0;border-collapse:separate;border-spacing:0 10px}.content_watchlist table.tabel_saham tr td{padding:10px}.content_watchlist table.tabel_saham tr td:first-child{font-weight:400;font-size:13px}.content_watchlist table.tabel_saham tr td:last-child{padding-right:10px}.content_watchlist table.tabel_saham tr td.action{padding:0 30px}.content_watchlist table.tabel_watchlist tr td:first-child{width:80%;padding-left:30px}.content_watchlist table.tabel_watchlist tr td:last-child{padding-right:10px}.content_watchlist table.tabel_watchlist tr td .val_wrap{margin-right:0}.content_watchlist table tr td{border:0;width:22%}.content_watchlist table tr td:nth-child(2){width:56%}.content_watchlist table thead tr td{padding:15px 0;color:#4B4B4B;font-size:13px}.content_watchlist table tbody tr{background:#fff;-webkit-box-shadow:0 0 4px 0 rgb(198 198 198 / .5);-moz-box-shadow:0 0 4px 0 rgb(198 198 198 / .5);-o-box-shadow:0 0 4px 0 rgb(198 198 198 / .5);-ms-box-shadow:0 0 4px 0 rgb(198 198 198 / .5);box-shadow:0 0 4px 0 rgb(198 198 198 / .5)}.content_watchlist table tbody tr td{font-size:15px;color:#000;padding:10px;position:relative;font-weight:700}.content_watchlist table tbody tr td a{color:#000}.content_watchlist table tbody tr td a:hover{color:#195585;opacity:1}.content_watchlist table tbody tr td span{font-size:13px;display:block;font-weight:400}.content_watchlist table tbody tr td:first-child{padding-left:40px}.content_watchlist table tbody tr td:last-child{padding-right:110px}.content_watchlist table tbody tr td.down .val_wrap,.content_watchlist table tbody tr td.up .val_wrap{position:relative}.content_watchlist table tbody tr td.down .val_wrap:before,.content_watchlist table tbody tr td.up .val_wrap:before{content:'';display:block;position:absolute;width:20px;height:10px;top:20px;left:10px;background:url(/klik/css/../images/triangle_white.png) center center no-repeat;background-size:cover;color:#fff}.content_watchlist table tbody tr td .val_wrap{display:inline-block;padding:10px 10px 10px 40px;color:#fff;text-align:right;font-size:16px;font-weight:700;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;background:#999;width:100%}.content_watchlist table tbody tr td.down .val_wrap{background:#C00}.content_watchlist table tbody tr td.down .val_wrap:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.content_watchlist table tbody tr td.up .val_wrap{background:#30A745}.content_watchlist .info_watchlist{display:flex;justify-content:center;align-items:center;flex-flow:column nowrap;min-height:278px;margin:0 0 50px 0}.content_watchlist .info_watchlist.nocenter{align-items:normal}.content_watchlist .info_watchlist div{display:flex;flex-flow:column nowrap}.content_watchlist .info_watchlist div.text{font-size:16px}.content_watchlist .info_watchlist div.text strong{display:inline}.content_watchlist .info_watchlist div.text.text2{color:#333;text-align:center}.content_watchlist .info_watchlist div a.btn_create{border:1px solid #195585;border-radius:3px;color:#195585;padding:15px 25px;transition:all .2s ease}.content_watchlist .info_watchlist div a.btn_create:active,.content_watchlist .info_watchlist div a.btn_create:focus,.content_watchlist .info_watchlist div a.btn_create:visited{color:inherit}.content_watchlist .info_watchlist div a.btn_create:hover{color:#fff;background:#195585}.news_belt{margin:0 0 50px 0}.news_belt .title{font-size:22px;font-weight:400;color:#195585;text-transform:none}.news_belt ul{list-style-type:none;margin:0;padding:0;display:flex;flex-flow:row wrap;justify-content:space-between}.news_belt ul li{padding:0;margin:0;flex:0 0 220px}.news_belt ul li article a{display:flex;flex-flow:column nowrap}.news_belt ul li article a .box_img{width:100%}.news_belt ul li article a .box_text{margin:15px 0 0 0}.news_belt ul li article a .box_text h2{color:#000;font-size:15px;font-weight:400}.news_belt ul li article a .box_text .date{margin:3px 0 0 0;color:#E96367;font-size:11px}.news_belt ul li article a .box_text .date span.label,.news_belt ul li article a .box_text .date .ads_native_d .an_desk span.an_sub,.ads_native_d .an_desk .news_belt ul li article a .box_text .date span.an_sub{color:#195585}ul.manage_watchlist{list-style-type:none;margin:0;padding:0 0 30px 0}ul.manage_watchlist li{margin:0 0 3px 0;padding:18px 33px;background:#fff;display:flex;flex-flow:row nowrap;align-items:center}ul.manage_watchlist li a.drag{width:40px;height:40px;border-radius:50%;margin-right:40px;cursor:move;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab;display:flex}ul.manage_watchlist li a.drag img{width:16px;height:16px;margin:auto}ul.manage_watchlist li a.drag:active{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}ul.manage_watchlist li span{font-size:15px;color:#000;overflow:hidden;display:block;font-weight:700}ul.manage_watchlist li span.sym_desc{font-size:13px;display:block;font-weight:400}ul.manage_watchlist li span.sym.openpop:hover{cursor:pointer}ul.manage_watchlist li a.remove_list{margin-left:auto;padding:10px;border-radius:50%;width:36px;height:36px;display:flex;transition:background .2s ease}ul.manage_watchlist li a.remove_list>img{width:15px;height:15px;margin:auto}ul.manage_watchlist li a.remove_list:hover{background:#FFEFEF}ul.manage_watchlist li.sortable-chosen{background:#DEF0FF}ul.manage_watchlist li.sortable-chosen a.drag{background:#C5DFF5}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgb(0 0 0 / .4)}.modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:500px;min-height:182px;position:relative;padding:15px;text-align:center;display:flex;flex-flow:column nowrap}.modal-content>div{margin:auto}.modal-content p{width:300px;margin:0 auto 26px}.modal-content button{font-size:15px;color:#E95357;background:none;border:1px solid #E95357;border-radius:4px;padding:10px 20px 8px;margin:0 10px}.modal-content button.del{background:#E95357;color:#fff}.modal-content .close_modalx{cursor:pointer;position:absolute;top:15px;right:15px;width:17px;height:17px}.modal-content .close_modalx>img{width:100%;height:100%}.cb_detikcom li article a .box_text .judul{font-size:14px;font-weight:500}.cb_detikcom li article a .box_text .date{font-size:11px;color:#b3b3b3;font-weight:lighter;margin:5px 0 0 0}.cb_logodetikcom{height:24px;width:auto}html{scroll-behavior:smooth}@media screen and (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@keyframes remove-notif{0%{opacity:1}100%{opacity:0}}.sticky_notif .sticky_notif_container{text-align:center;position:sticky;top:50px;z-index:2;height:auto}.sticky_notif .btn_notif{background:#CD1E43;display:inline-block;padding:10px 20px;font-size:14px;color:#fff;border-radius:5px;cursor:pointer;opacity:0;pointer-events:none}.sticky_notif .btn_notif.show_notif{pointer-events:auto;opacity:1;display:inline-block}.sticky_notif .btn_notif.remove_notif{animation-name:remove-notif;animation-duration:1s;animation-delay:1s;animation-fill-mode:forwards;transform:translateY(0)}.sticky_notif .btn_notif img{width:13px;height:13px;object-fit:contain;margin-right:10px;bottom:1px}.mf_header{--main-color:#204D7F;display:flex;align-items:center;font-family:" 'Roboto', sans-serif;
    margin-bottom: 40px
}

.mf_header h1 {
    font-size: 28px;
    font-weight: 700
}

.mf_header .btn_today {
    background-color: #CD1E43;
    border-radius: 4.2px;
    display: inline-block;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 8px 8px 16px;
    margin-left: 20px
}

.mf_header .date {
    display: inline-block;
    padding: 4px 5px;
    border-radius: 4px;
    margin-left: auto
}

.mf_header .date input[type="date"] {
    font-size: 14px;
    font-weight: 500;
    border: 0px;
    width: 150px
}

.mf_header .date i.icon-calendar {}

.mf_header .date ::-webkit-input-placeholder {}

.mf_header .date :-moz-placeholder {}

.mf_header .date ::-moz-placeholder {}

.mf_header .date :-ms-input-placeholder {}

.mf_header .date ::-ms-input-placeholder {}

.mf_header .date :placeholder-shown {}

.mf_date {
    color: #393939;
    font-size: 25px;
    font-weight: bold;
    margin: 0px 0 20px;
}

.cbltv:hover .cbltv__cta {
    opacity: .7
}

.cbltv__title {
    color: white !important;
    display: block;
    font-weight: 700;
    font-size: 30px
}

.cbltv__sub {
    font-size: 18px;
    letter-spacing: .2em;
    font-weight: 100
}

.cbltv__cta {
    position: absolute;
    right: 18px;
    top: 18px;
    text-align: center;
    font-size: 18px;
    padding: 10px 25px;
    background: #d0021b;
    letter-spacing: .1em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.box_img.pullr {
    margin-right: 0 !important;
    position: relative;
    width: 167px !important;
    height: 85px !important;
    overflow: hidden;
    display: inline-block !important
}

.list li .nhl_icon-video.oncenter {
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: unset;
    -webkit-transform: translate(-50%, -50%);
    -moz-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    font-size: 50px
}

.lvr_live.livetv {
    font-style: normal;
    position: relative;
    display: inline-block;
    top: auto;
    margin-right: 10px;
    padding: 0 10px
}

.lvr_live.livetv span {
    width: 10px;
    height: 10px;
    margin-top: 8px;
    background: #fff;
    animation: rec_tick 0.8s linear 0s infinite alternate;
    -moz-animation: rec_tick 0.8s linear 0s infinite alternate;
    -webkit-animation: rec_tick 0.8s linear 0s infinite alternate;
    margin-right: 8px
}

.box.livetv .title {
    font-size: 14px
}

.quickcb {
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    text-align: center;
    display: flex;
    margin-top: 10px;
    align-items: center
}

.quickcb__left {
    width: 30%;
    position: relative
}

.quickcb__right {
    width: 70%
}

.quickcb__cta {
    position: absolute;
    right: 0;
    top: 8px
}

.quickcb__cta a {
    display: inline-block;
    background: #275d97;
    color: white;
    padding: 10px 10px;
    border-radius: 4px;
    font-size: 11px
}

.quickcb__cta a span {
    width: 15px;
    display: inline-block
}

.quickcb__cta a span img {
    width: 100%;
    min-width: unset
}

@media (max-width: 480px) {
    .quickcb {
        padding: 0px;
        margin: 10px 10px;
        padding-top: 40px
    }
}

.quickcb__logo {
    width: 195px;
    padding-bottom: 40px
}

.quickcb__logo.noads {
    width: 90%;
    margin: 0 auto
}

.quickcb__logo img {
    width: 100%
}

@media (max-width: 480px) {
    .quickcb__frame {
        height: 280px !important
    }
}

.quickcb__ads {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    display: block;
    text-align: center;
    padding-right: 0
}

.quickcb__ads h3 {
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 12px;
    padding-right: 20px;
    display: block;
    text-align: center;
    padding-right: 0;
    padding-bottom: 10px
}

.quickcb__ads-list {
    display: inline-block;
    max-width: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 100%;
    justify-content: center;
    margin-bottom: 10px
}

.quickcb__ads-item {
    display: inline-block;
    margin: 0 5px;
    width: 80px
}

.quickcb__ads-item.bigger {
    width: 110px
}

.quickcb__ads-item img {
    width: 100%
}

.top_banner_bar {
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    background: #176195
}

.bn_skin {
    z-index: 3 !important
}

.bn_skin2 {
    margin-right: -861px
}

.bn_skin {
    margin-left: -861px
}

.otp_banner,
.top_banner_bar,
.top_banner,
.bottom_banner_bar {
    z-index: 12 !important
}

.leaderboard {
    z-index: 11 !important
}

.leaderboard.is_floating {
    top: -3px !important
}

.leaderboard.is_floating .leaderboard_container {
    left: -10px
}

.parallaxA,
.parallaxB {
    margin: 20px 0;
    clear: both
}

.parallax {
    clear: both
}

.cb_promo {
    width: 100% !important;
    border-bottom: 1px solid #e6e6e6 !important
}

.berita-terkait .ads_native_d {
    padding: 0
}

.berita-terkait .ads_native_d .an_box_img {
    float: unset;
    display: block;
    height: 180px;
    width: 100%
}

.berita-terkait .ads_native_d .an_box_img .img_con {
    width: 100%;
    height: 167px
}

.berita-terkait .ads_native_d .an_box_img .img_con:after {
    padding-top: inherit
}

@media screen and (max-width: 1280px) and (min-width: 1025px) {
    .berita-terkait .ads_native_d .an_box_img {
        height: 174px
    }

    .berita-terkait .ads_native_d .an_box_img .img_con {
        height: 160px
    }
}

.berita-terkait .ads_native_d .an_desk {
    display: block;
    float: unset;
    font-family: 'Roboto', sans-serif
}

.berita-terkait .ads_native_d .an_desk .an_text {
    display: none
}

.berita-terkait .ads_native_d .an_desk .an_sub,
.berita-terkait .ads_native_d .an_desk .an_label {
    font-size: 13px;
    color: #9a9a9a;
    font-weight: 500
}

.berita-terkait .ads_native_d .an_desk h2 {
    font-size: 13px;
    margin: 5px 0 0;
    font-weight: bold
}

.berita-terkait .label_adsmart {
    top: 5px;
    right: 7px
}

.an_box_img .img_con {
    justify-content: normal !important
}

.list li {
    position: relative
}

.list.media_rows ins .box_img {
    width: 152px
}

.list.media_rows ins .ratiobox:after {
    padding-top: 75%
}

.list ins {
    text-decoration: none;
    position: relative;
    display: block
}

.list ins .box_img {
    width: 152px
}

.list ins article {
    position: relative
}

.list ins article a {
    -moz-box-align: center;
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    flex-flow: row nowrap;
    justify-content: space-between
}

.list ins article .box_text {
    margin: 0 0 0 15px;
    width: 100%;
    -ms-flex: 1 0 0px;
    flex: 1
}

.list ins article .box_text h2 {
    font-size: 20px;
    margin: 0 0 5px;
    -webkit-transition: all 200ms linear 0s;
    -moz-transition: all 200ms linear 0s;
    -ms-transition: all 200ms linear 0s;
    -o-transition: all 200ms linear 0s;
    transition: all 200ms linear 0s;
    text-transform: none
}

.list ins article .box_text .date {
    margin: 5px 0 0;
    display: inline-block;
    color: #909090;
    font-size: 14px
}

.baca-juga .ads_native_d {
    font-family: 'Roboto', sans-serif
}

.baca-juga .ads_native_d .an_box_img .img_con {
    width: 110px;
    height: 82.5px
}

.baca-juga .ads_native_d .an_box_img .img_con:after {
    padding-top: inherit
}

.baca-juga .ads_native_d .an_desk {
    width: calc(100% - 120px);
    margin-left: 123px
}

.baca-juga .ads_native_d .an_desk .an_sub,
.baca-juga .ads_native_d .an_desk .an_label {
    font-size: 13px;
    color: #777;
    margin-bottom: 2px;
    font-weight: bold
}

.baca-juga .ads_native_d .an_desk .an_text {
    display: none
}

.baca-juga .ads_native_d .an_desk h2 {
    font-size: 15px;
    margin: 5px 0 0;
    font-weight: bold
}

ins .col_mob_4 {
    width: 100%;
    padding: 0
}

.jdl h1,
.headline .hl_kait .link_kait a,
.list.thumb li .box_text h2,
.profile li .box_text .name,
.ads_native_d .an_desk h2,
.list.terbaru li.nhl_foto .box_text h2,
.detail_terkait .berita-terkait ul li h2,
.box .full-width h2,
.berita-utama ul li h2,
.box .full-width h2,
.outside_row_article .box_text h2,
.berita-utama ul li h2 {
    color: #000
}

.list.media_rows.middle a:hover h2,
.ads_native_d:hover h2,
.list a:hover .box_text h2,
.headline .hl_kait .link_kait a:hover {
    color: #295D97
}

.list.terbaru li.nhl_video a:hover .box_text h2 {
    color: #fff
}

.fixjdl h1 {
    color: #fff
}

.text-title {
    font-weight: bold
}

.text-normal {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal
}

.text-normal-title {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold
}

.text-center {
    text-align: center
}

.text-info {
    color: #858585
}

.text-primary {
    color: #176195
}

.form-search {
    position: relative
}

.form-search-med {
    width: 400px;
    margin: auto
}

.form-search-med:before {
    font-family: 'fontello';
    content: '\e801';
    width: 20px;
    height: 20px;
    display: block;
    color: #176195;
    position: absolute;
    top: 8px;
    left: 10px
}

.form-search .inp-txt {
    border: 1px solid #c4c4c4;
    padding: 10px;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.form-search .inp-txt-lefticon {
    padding-left: 30px
}

.bottom-text {
    display: block !important
}

.nocenter {
    align-items: normal
}

.f19 {
    font-size: 19px
}

.f11 {
    font-size: 11px
}

.autocomplete {
    position: relative;
    display: inline-block
}

.autocomplete-items {
    position: absolute;
    box-shadow: 0 2px 6px 0 rgba(154, 155, 155, 0.5);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    z-index: 99;
    top: 100%;
    left: 0;
    right: 0;
    max-width: 410px;
    display: block !important
}

.autocomplete-items div {
    float: left;
    width: 100%;
    font-size: 13px;
    padding: 15px 100px 15px 15px;
    cursor: pointer;
    background-color: #fff;
    position: relative;
    display: block !important
}

.autocomplete-items div strong {
    color: #176195
}

.autocomplete-items div .btn {
    font-size: 12px;
    display: inline-block;
    border: 1px solid #176195;
    background: #fff;
    color: #176195;
    position: absolute;
    top: 10px;
    right: 10px
}

.autocomplete-items div .btn:hover {
    background: #176195;
    color: #fff
}

.autocomplete-items div:hover {
    background-color: #e9e9e9
}

.autocomplete-active {
    background-color: DodgerBlue !important;
    color: #ffffff
}

.title {
    padding: 10px 0;
    margin: 0 0 15px;
    position: relative;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 800
}

.title.big {
    font-size: 30px;
    margin: 0px 0 15px;
    font-family: 'Playfair Display', serif;
    letter-spacing: -2px
}

.title:after {
    background: #cc0000;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 32px;
    height: 3px
}

.title.big:after {
    width: 70px
}

.detail_statik {
    min-height: 500px
}

.logo-bottom {
    height: 50px;
    margin-bottom: 10px
}

header .menu {
    background: #023979
}

.title,
.box .title {
    font-family: 'Playfair Display', serif;
    font-size: 1.3rem;
    font-weight: 900
}

.title:after {
    background: #4077c4
}

.one-line {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.two-line {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.three-line {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.list.media_rows.middle a {
    align-items: start
}

.sg-topbar {
    color: #fff;
    padding: 2px 0;
    background-color: #6d6d6d;
    font-size: 12px
}

.global-list,
.sg-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.global-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.global-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.global-list,
.sg-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.sg-topbar ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.sg-topbar ul li {
    margin-right: 15px
}

.sg-topbar ul li:last-child {
    margin-right: 0
}

.sg-topbar a {
    color: #fff
}

.sg-user {
    margin-top: 3px
}

.adka2,
.adki2 {
    position: fixed;
    z-index: 99
}

.adka2 {
    right: 0
}