@charset "UTF-8";
/*--------------------------------------------------------------------------------*/
/*RESPONSIVE BOX / ASPEC RATIO*/
/*--------------------------------------------------------------------------------*/
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: transparent; }

a:focus { outline: thin dotted; }

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

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

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

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

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

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

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

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

b, strong { font-weight: bold; }

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: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

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

figure { margin: 0; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.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: "rubik"; font-weight: 500; font-style: normal; src: url("../fonts/rubik-regular.eot"); src: url("../fonts/rubik-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/rubik-regular.woff") format("woff"), url("../fonts/rubik-regular.ttf") format("truetype"), url("../fonts/rubik-regular.svg#rubik-regular") format("svg"); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.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'; }

/* '' */
/*--------------------------------------------------------------------------------*/
/*EXTENDS*/
/*--------------------------------------------------------------------------------*/
.circle, .opini .opini_user .box_img, .share a, .opini_user-detail .box_img, .kolumnis .opini_user .box_img, footer .foot2 .share a { -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%); }

.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, .topiksisip ul, .kolumnis ul, .breadcrumb, .detail_terkait .berita-terkait ul { margin: 0; padding: 0; }

header .menu .nav_menu ul, .list, .topiksisip ul, .kolumnis ul, .breadcrumb, .detail_terkait .berita-terkait ul { 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, .media_artikel.pic_detail .img_zoom { opacity: 0.9; filter: alpha(opacity=90); }

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

.box_text.text_inside, .list.terbaru.big_hl li:nth-child(1) .box_text, .topiksisip ul.terbaru.big_hl li:nth-child(1) .box_text, .list.terbaru.big_hl li:nth-child(2) .box_text, .topiksisip ul.terbaru.big_hl li:nth-child(2) .box_text { background: #000000; /* Old browsers */ background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 60%); /* FF3.6+ */ background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 60%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start_color', endColorstr='$end_color',GradientType=1 ); /* IE6-9 */ }

.list.terbaru li.hn .box_img:before, .topiksisip ul.terbaru li.hn .box_img:before, .foto_zoom .caption { background: #000000; /* Old browsers */ background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 60%); /* FF3.6+ */ background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 60%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start_color', endColorstr='$end_color',GradientType=1 ); /* IE6-9 */ }

.box .title_box, .box, .list.two-colm .box_text .label, .list.three-colm .box_text .label, .topiksisip ul.three-colm .box_text .label, .topiksisip ul.two-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, .topiksisip ul.three-colm .box_text .ads_native_d .an_desk .an_sub, .ads_native_d .an_desk .topiksisip ul.three-colm .box_text .an_sub, .topiksisip ul.two-colm .box_text .ads_native_d .an_desk .an_sub, .ads_native_d .an_desk .topiksisip ul.two-colm .box_text .an_sub, .list.terbaru li .label, .topiksisip ul.terbaru li .label, .list.terbaru li .ads_native_d .an_desk .an_sub, .ads_native_d .an_desk .list.terbaru li .an_sub, .topiksisip ul.terbaru li .ads_native_d .an_desk .an_sub, .ads_native_d .an_desk .topiksisip ul.terbaru li .an_sub, .list.terbaru li.nhl_feature .subjudul, .topiksisip ul.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, .topiksisip ul.terbaru li.nhl_feature .ads_native_d .an_desk .an_label, .ads_native_d .an_desk .topiksisip ul.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, #notif_embed { font-family: gotham; }

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, .topiksisip ul.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, .topiksisip ul.big.feature li .ads_native_d .an_desk .an_label, .ads_native_d .an_desk .topiksisip ul.big.feature li .an_label, .list.grid.col-3 li .box_text .subjudul, .topiksisip ul.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, .topiksisip ul.grid.col-3 li .box_text .ads_native_d .an_desk .an_label, .ads_native_d .an_desk .topiksisip ul.grid.col-3 li .box_text .an_label, .list.terbaru li .subjudul, .topiksisip ul.terbaru li .subjudul, .list.terbaru li .ads_native_d .an_desk .an_label, .ads_native_d .an_desk .list.terbaru li .an_label, .topiksisip ul.terbaru li .ads_native_d .an_desk .an_label, .ads_native_d .an_desk .topiksisip ul.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, .breadcrumb, .detail_text a { font-family: gotham; 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, .topiksisip ul.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, .topiksisip ul.thumb li .box_text .ads_native_d .an_desk .an_label, .ads_native_d .an_desk .topiksisip ul.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, .embed_video { font-family: gotham; font-weight: bold; }

.datepick, .livestreaming.open .title, .open.livestreaming-right .title, .box .full-width .duration, .list li .duration, .topiksisip ul li .duration, .list.two-colm .box_text .date, .list.three-colm .box_text .date, .topiksisip ul.three-colm .box_text .date, .topiksisip ul.two-colm .box_text .date, .list.grid.col-3 li .box_text .date, .topiksisip ul.grid.col-3 li .box_text .date, .list.grid.col-3 li .box_text h2, .topiksisip ul.grid.col-3 li .box_text h2, .list.terbaru li .date, .topiksisip ul.terbaru li .date, .list.terbaru li.nhl_foto .sum, .topiksisip ul.terbaru li.nhl_foto .sum, .list.terbaru li.hn.hn_foto .nhl_icon-video, .topiksisip ul.terbaru li.hn.hn_foto .nhl_icon-video, .list.terbaru li.hn.hn_market .nhl_icon-market, .topiksisip ul.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, .media_artikel, .mark_val, .mark_table, .long-cta__title { font-family: gotham; font-weight: normal; }

h1, h2, h3, h4, h5, .list.terbaru li.nhl_video .duration, .topiksisip ul.terbaru li.nhl_video .duration, .list.terbaru li.nhl_video .link, .topiksisip ul.terbaru li.nhl_video .link, .list.terbaru li.nhl_foto .duration, .topiksisip ul.terbaru li.nhl_foto .duration, .list.terbaru li.nhl_foto .link, .topiksisip ul.terbaru li.nhl_foto .link, .list.terbaru li.hn .duration, .topiksisip ul.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, .jdl h2, .jdl h1, .trending-tag, .topiksisip ul li h5, .multi-nav .dropdown, .multinav-bottom a { font-family: gotham; font-weight: bold; }

a, .styled-select select, .text, .btn, .box_text, .box_text h2, .box_text h3, .box_text h4, .sticky, .caret:before, .caret:after, .is_stuck, header .menu .nav_menu ul li, .title a i, .flez, .breaking-news-right, .livestreaming-right, .btn i, .jdl, .jdl2, .multi-nav .dropdown .dropdown_menu, .multi-nav .dropdown .dropdown_menu.shows { -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(0.165, 0.84, 0.44, 1); -moz-transition: all 350ms cubic-bezier(0.165, 0.84, 0.44, 1); -ms-transition: all 350ms cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 350ms cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 350ms cubic-bezier(0.165, 0.84, 0.44, 1); }

/*--------------------------------------------------------------------------------*/
/*GENERAL*/
/*--------------------------------------------------------------------------------*/
body { margin: 0; line-height: 1.25; font-size: 16px; font-family: Arial, Helvetica, Tahoma; background: #fafafa; }

* { -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: normal; 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*/
/*--------------------------------------------------------------------------------*/
footer { color: white; }

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 12 COLUMN NON RESPONSIVE*/
/*--------------------------------------------------------------------------------*/
.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*/
/*--------------------------------------------------------------------------------*/
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: white; }

table.table th { background: white; border-color: white; }

table.table tr:nth-child(2n) { background: white; }

table.table td { border-color: white; }

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; }

/*--------------------------------------------------------------------------------*/
/*FORMS*/
/*--------------------------------------------------------------------------------*/
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: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }

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; }

/*--------------------------------------------------------------------------------*/
/*SELECTBOX*/
/*--------------------------------------------------------------------------------*/
.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; /* If you add too much padding here, the options won't show in IE */ 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; }

/*--------------------------------------------------------------------------------*/
/*BUTTONS*/
/*--------------------------------------------------------------------------------*/
.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 #0000cc; }

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

.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: normal; 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*/
/*--------------------------------------------------------------------------------*/
.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 white; }

.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: bold; }

.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, .topiksisip ul.terbaru.big_hl li:nth-child(1) .box_text, .list.terbaru.big_hl li:nth-child(2) .box_text, .topiksisip ul.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: bold; }

.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: 0.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; }

/*--------------------------------------------------------------------------------*/
/*RESPONSIVE BOX*/
/*--------------------------------------------------------------------------------*/
.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; }

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

/*--------------------------------------------------------------------------------*/
/*LIST*/
/*--------------------------------------------------------------------------------*/
.list, .topiksisip ul { display: inline-block; width: 100%; }

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

.list > article .title, .topiksisip ul > article .title { font-size: 16px; font-weight: bold; }

.list a, .topiksisip ul a { display: block; }

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

.list.media_rows.middle a, .topiksisip ul.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, .topiksisip ul.media_rows .box_img { width: 75px; display: table; }

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

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

.cols a { display: block; }

/*--------------------------------------------------------------------------------*/
/*HELPER*/
/*--------------------------------------------------------------------------------*/
.pd0 { padding: 0px; }

.pr0 { padding-right: 0px; }

.pl0 { padding-left: 0px; }

.pt0 { padding-top: 0px; }

.pb0 { padding-bottom: 0px; }

.mb0 { margin-bottom: 0px; }

.mr0 { margin-right: 0px; }

.ml0 { margin-left: 0px; }

.mt0 { margin-top: 0px; }

.m0 { margin: 0px; }

.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: bold; }

.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*/
/*--------------------------------------------------------------------------------*/
.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 transparent; border-right: 6px solid transparent; }

.caret:after { content: ''; position: absolute; left: 6px; top: 6px; border-top: 4px solid #eee; border-left: 4px solid transparent; border-right: 4px solid transparent; }

/* Slider */
.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: transparent; }

.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 transparent; }

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

/* Default styling for jQuery Datepicker v5.0.1. */
[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: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); padding: 5px; }

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

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

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

.datepick button { margin: 0.25em; padding: 0.125em 0em; background-color: #fcc; border: none; border-radius: 0.25em; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; font-weight: bold; }

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

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

.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 0px; 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: bold; padding: 5px; height: 25px; }

.datepick-month-header select { background-color: #fff; color: #000; font-weight: bold; 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: bold; 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; /*width:17.7%;*/ border: none; border-bottom: 3px solid #dd4839 !important; color: #dd4839; outline: none; box-sizing: border-box; }

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

.amChartsCompareList { border-style: solid; border-color: #CCCCCC; 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 market*/
.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: black; opacity: 0.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: bold; text-shadow: 1px 1px 5px transparent; }

.lvr_live span { width: 18px; height: 18px; border-radius: 10px; background-color: yellow; 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: yellow; }
  100% { background: black; }
  50% { background: yellow; } }

@-webkit-keyframes "myfirst" { 0% { background: yellow; }
  100% { background: black; }
  50% { background: yellow; } }

@keyframes rec_tick { 0% { opacity: 1; }
  100% { opacity: 0.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: #295D97; }

header .inner_header { padding: 20px 10px; }

header #logo img { width: 121px; }

header .menu { background-color: #204D7F; border-top: 1px solid #37739E; width: 100%; float: left; font-size: 13px; position: relative; }

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

header .menu .nav_menu { float: left; width: calc(100% - 40px); max-width: 1060px; opacity: 1; }

@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; }

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

header .menu .nav_menu ul li a.active { color: #f2796c; }

header .menu .nav_menu ul li:hover { background-color: #18416D; }

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: 80px; padding: 12px 0; display: block; }

header .menu .nav_menu ul li.subs { background-color: #18416D; }

header .menu .nav_menu ul li.submenu { position: relative; }

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: #18416D; -webkit-box-shadow: 2px 3px 5px 0px #666666; -moz-box-shadow: 2px 3px 5px 0px #666666; -o-box-shadow: 2px 3px 5px 0px #666666; -ms-box-shadow: 2px 3px 5px 0px #666666; box-shadow: 2px 3px 5px 0px #666666; -webkit-flex-flow: inherit; flex-flow: inherit; height: auto; }

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

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

header .menu .nav_menu ul li i { color: #fff; font-size: 16px; 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: 94px; padding: 6px 10px; margin: auto; }

@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 { float: left; overflow: hidden; position: relative; width: 40px; }

header .menu .search-wrap .srch-btn { background-color: #fff; color: #204D7F; display: inline-block; padding: 10px 0; font-size: 18px; float: left; 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: Arial,Helvetica,sans-serif; }

header .menu .search-wrap .form-search input { margin: 0; width: 94%; border: 0; border-bottom: 1px solid #e6e6e6; background: none; float: left; }

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: rgba(0, 0, 0, 0.5); z-index: 20; }

.menufix { padding-top: 43px; }

.menufix #menu { position: fixed; top: 0; z-index: 16; -webkit-box-shadow: 0px 1px 2px 0px #000; -moz-box-shadow: 0px 1px 2px 0px #000; -o-box-shadow: 0px 1px 2px 0px #000; -ms-box-shadow: 0px 1px 2px 0px #000; box-shadow: 0px 1px 2px 0px #000; }

.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; }

.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: 0.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: 0.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: normal; text-transform: uppercase; letter-spacing: 0.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: 0.84em; border: none; padding: 0; margin-bottom: 10px; }

.livestreaming.open h2, .open.livestreaming-right h2 { font-size: 29px; padding: 0; letter-spacing: -0.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: bold; }

.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: normal; }

.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: 0.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: rgba(0, 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, .topiksisip ul li { width: 100%; padding: 15px 0; border-bottom: 1px solid #e6e6e6; }

.list li:last-child, .topiksisip ul li:last-child { border: none; }

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

.list li .nhl_icon-video.sm, .topiksisip ul li .nhl_icon-video.sm { font-size: 26px; }

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

.list li .nhl_icon-video .icon-camera, .topiksisip ul li .nhl_icon-video .icon-camera { font-size: 28px; }

.list li .duration, .topiksisip ul li .duration { position: absolute; right: 5px; top: 5px; z-index: 10; background: rgba(0, 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, .topiksisip ul li .duration.foto { top: inherit; right: inherit; bottom: 8px; left: 40px; font-size: 12px; }

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

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

.list.inline, .topiksisip ul.inline { display: flex; flex-wrap: wrap; }

.list.inline li, .topiksisip ul.inline li { display: flex; }

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

.list.list-kolum li .box_img, .topiksisip ul.list-kolum li .box_img { width: 220px !important; }

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

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

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

.list.thumb li .box_text .subjudul, .topiksisip ul.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, .topiksisip ul.thumb li .box_text .ads_native_d .an_desk .an_label, .ads_native_d .an_desk .topiksisip ul.thumb li .box_text .an_label { font-size: 13px; color: #777; margin-bottom: 2px; display: inline-block; }

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

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

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

.list.thumb.right-thumb .box_text .subjudul, .topiksisip ul.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, .topiksisip ul.thumb.right-thumb .box_text .ads_native_d .an_desk .an_label, .ads_native_d .an_desk .topiksisip ul.thumb.right-thumb .box_text .an_label { font-size: 10px; }

.list.thumb.right-thumb .box_text h2, .topiksisip ul.thumb.right-thumb .box_text h2 { font-size: 12px; }

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

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

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

.list.two-colm-full .box_text, .topiksisip ul.two-colm-full .box_text { width: 100% !important; }

.list.two-colm li, .list.three-colm li, .topiksisip ul.three-colm li, .topiksisip ul.two-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), .topiksisip ul.three-colm li:nth-of-type(2n), .topiksisip ul.two-colm li:nth-of-type(2n) { margin-right: 0; margin-left: 3%; }

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

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

.list.two-colm .box_text .label, .list.three-colm .box_text .label, .topiksisip ul.three-colm .box_text .label, .topiksisip ul.two-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, .topiksisip ul.three-colm .box_text .ads_native_d .an_desk .an_sub, .ads_native_d .an_desk .topiksisip ul.three-colm .box_text .an_sub, .topiksisip ul.two-colm .box_text .ads_native_d .an_desk .an_sub, .ads_native_d .an_desk .topiksisip ul.two-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, .topiksisip ul.three-colm .box_text .date, .topiksisip ul.two-colm .box_text .date { font-size: 12px; color: #b3b3b3; }

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

.list.three-colm li, .topiksisip ul.three-colm li { width: 30.333%; }

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

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

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

.list.one-big li:first-child, .topiksisip ul.one-big li:first-child { width: 100%; }

.list.one-big li:first-child a, .topiksisip ul.one-big li:first-child a { display: block; }

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

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

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

.list.one-big.colm li:first-child, .topiksisip ul.one-big.colm li:first-child { width: 100%; }

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

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

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

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

.list.big li, .topiksisip ul.big li { border: none; }

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

.list.big.feature li .subjudul, .topiksisip ul.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, .topiksisip ul.big.feature li .ads_native_d .an_desk .an_label, .ads_native_d .an_desk .topiksisip ul.big.feature li .an_label { color: #777; font-size: 13px; color: #9a9a9a; margin-bottom: 2px; }

.list.big.feature li:first-child, .topiksisip ul.big.feature li:first-child { padding-top: 7px; }

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

.list.grid.col-3 li .box_img img, .topiksisip ul.grid.col-3 li .box_img img { width: 100%; }

.list.grid.col-3 li .box_text .subjudul, .topiksisip ul.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, .topiksisip ul.grid.col-3 li .box_text .ads_native_d .an_desk .an_label, .ads_native_d .an_desk .topiksisip ul.grid.col-3 li .box_text .an_label { color: #777; font-size: 13px; color: #9a9a9a; }

.list.grid.col-3 li .box_text .date, .topiksisip ul.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, .topiksisip ul.grid.col-3 li .box_text h2 { color: #295D97; font-size: 16px; margin: 10px 0; }

.list.terbaru.media_rows.middle li.hn a, .topiksisip ul.terbaru.media_rows.middle li.hn a { display: block; }

.list.terbaru.media_rows.middle li.nhl_feature a, .topiksisip ul.terbaru.media_rows.middle li.nhl_feature a { display: block; }

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

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

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

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

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

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

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

.list.terbaru li, .topiksisip ul.terbaru li { padding: 15px 0; }

.list.terbaru li .box_img, .topiksisip ul.terbaru li .box_img { width: 152px; }

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

.list.terbaru li .box_text h2, .topiksisip ul.terbaru li .box_text h2 { font-size: 20px; }

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

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

.list.terbaru li .label, .topiksisip ul.terbaru li .label, .list.terbaru li .ads_native_d .an_desk .an_sub, .ads_native_d .an_desk .list.terbaru li .an_sub, .topiksisip ul.terbaru li .ads_native_d .an_desk .an_sub, .ads_native_d .an_desk .topiksisip ul.terbaru li .an_sub { font-size: 11px; text-transform: uppercase; color: #ec6e60; }

.list.terbaru li.nhl_feature .subjudul, .topiksisip ul.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, .topiksisip ul.terbaru li.nhl_feature .ads_native_d .an_desk .an_label, .ads_native_d .an_desk .topiksisip ul.terbaru li.nhl_feature .an_label { color: #9a9a9a; font-weight: 500; }

.list.terbaru li.nhl_feature .box_img, .topiksisip ul.terbaru li.nhl_feature .box_img { margin-bottom: 10px; }

.list.terbaru li.nhl_feature .title, .topiksisip ul.terbaru li.nhl_feature .title { width: 100%; }

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

.list.terbaru li.nhl_feature .title a i, .topiksisip ul.terbaru li.nhl_feature .title a i { float: right; }

.list.terbaru li.nhl_video, .topiksisip ul.terbaru li.nhl_video { background-color: #e6e6e6; padding: 15px; }

.list.terbaru li.nhl_video .title, .topiksisip ul.terbaru li.nhl_video .title { font-size: 20px; }

.list.terbaru li.nhl_video .nhl_icon-video, .topiksisip ul.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, .topiksisip ul.terbaru li.nhl_video .duration { position: absolute; right: 10px; top: 10px; z-index: 10; background: rgba(0, 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, .topiksisip ul.terbaru li.nhl_video .box_img { width: 100%; margin-right: 0; }

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

.list.terbaru li.nhl_video .box_text h2, .topiksisip ul.terbaru li.nhl_video .box_text h2 { color: #fff; }

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

.list.terbaru li.nhl_video .link i, .topiksisip ul.terbaru li.nhl_video .link i { font-size: 16px; }

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

.list.terbaru li.nhl_foto .title, .topiksisip ul.terbaru li.nhl_foto .title { font-size: 20px; }

.list.terbaru li.nhl_foto .nhl_icon-video, .topiksisip ul.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, .topiksisip ul.terbaru li.nhl_foto .nhl_icon-video i { font-size: 37px; }

.list.terbaru li.nhl_foto .duration, .topiksisip ul.terbaru li.nhl_foto .duration { position: absolute; right: 10px; top: 10px; z-index: 10; background: rgba(0, 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, .topiksisip ul.terbaru li.nhl_foto .box_img { width: 100%; margin-right: 0; }

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

.list.terbaru li.nhl_foto .item, .topiksisip ul.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, .topiksisip ul.terbaru li.nhl_foto .box_text { width: 100%; margin-bottom: 15px; }

.list.terbaru li.nhl_foto .box_text h2, .topiksisip ul.terbaru li.nhl_foto .box_text h2 { color: #295D97; }

.list.terbaru li.nhl_foto .link, .topiksisip ul.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, .topiksisip ul.terbaru li.nhl_foto .link i { font-size: 16px; }

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

.list.terbaru li.hn .nhl_icon-video, .topiksisip ul.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, .topiksisip ul.terbaru li.hn .nhl_icon-video i { font-size: 48px; }

.list.terbaru li.hn .duration, .topiksisip ul.terbaru li.hn .duration { position: absolute; right: 10px; top: 10px; z-index: 10; background: rgba(0, 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, .topiksisip ul.terbaru li.hn .box_text { width: 100%; margin-bottom: 15px; }

.list.terbaru li.hn .box_img, .topiksisip ul.terbaru li.hn .box_img { width: 90%; }

.list.terbaru li.hn .box_img:before, .topiksisip ul.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, .topiksisip ul.terbaru li.hn.hn_foto { clear: both; }

.list.terbaru li.hn.hn_foto .nhl_icon-video, .topiksisip ul.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, .topiksisip ul.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, .topiksisip ul.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, .topiksisip ul.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 .topiksisip ul.terbaru.big_hl li:nth-child(1) .box_text, .topiksisip ul.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, .inside_row_article .topiksisip ul.terbaru.big_hl li:nth-child(2) .box_text, .topiksisip ul.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: bold; }

.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: white; 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; }

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: 15px 0; }

footer .foot3 .sitemap a { padding-right: 10px; margin-right: 10px; border-right: 1px solid #d5d5d5; }

footer .foot3 #logo_ft img { width: 91px; }

.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: bold; 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: bold; color: #0f5586; text-transform: capitalize; }

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

.box_market span.status { font-size: 16px; font-weight: bold; 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: 0px; border-bottom: 1px solid #e6e6e6; }

.box_market_table table.table_bor tr td { font-size: 12px; text-align: right; font-weight: bold; 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: bold; 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: bold; color: #3a3a3a; border-right: 1px solid #c6c6c6; padding: 0 20px; height: 37px; line-height: 37px; overflow: visible; position: relative; bottom: 0px; 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 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.3); -o-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 4px 1px rgba(0, 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: white; 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: rgba(0, 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: bold; 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: 0.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: white; 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; }

.breadcrumb { width: 100%; float: left; margin-bottom: 20px; }

.breadcrumb li { float: left; font-size: 14px; color: #9a9a9a; }

.breadcrumb li a { color: #9a9a9a; }

.jdl { position: static; }

.jdl .container { width: auto; }

.jdl h2 { font-size: 16px; color: #4d4d4d; margin-bottom: 5px; }

.jdl h1 { color: #295D97; font-size: 30px; margin-bottom: 10px; }

.jdl h1.bond { font-size: 25px; }

.jdl .author { font-size: 14px; color: #afac8c; padding-right: 15px; border-right: 1px solid #e6e6e6; display: inline; }

.jdl .author .label, .jdl .author .ads_native_d .an_desk .an_sub, .ads_native_d .an_desk .jdl .author .an_sub { color: #f2796c; text-transform: uppercase; }

.jdl .author.nobor { border: none; }

.jdl .date { font-size: 14px; color: gray; padding-left: 15px; display: inline; }

.detail_box { display: block; }

.jdl2 { visibility: hidden; height: 0; }

.jdl2.fixjdl { visibility: visible; height: auto; }

.inbetween_ads { clear: both; margin: 0 0 20px 0; width: 100%; text-align: -webkit-center; }

.inbetween_ads img { width: 700px; }

@media screen and (max-width: 1280px) and (min-width: 1025px) { .inbetween_ads img { width: 660px; } }

.inbetween_ads:hover a { opacity: 1 !important; }

.media_artikel { position: relative; margin: 0 0 20px; }

.media_artikel > img, .media_artikel > div, .media_artikel .ratiobox_content > img { width: 100%; }

.media_artikel a:hover { cursor: pointer; }

.media_artikel .slide_btn { position: absolute; bottom: 0; padding: 15px; width: 100%; text-align: center; color: #fff; }

.media_artikel .slide_btn a { color: #fff; }

.media_artikel .slide_btn a:hover { cursor: pointer; }

.media_artikel .slide_btn span { margin: 0; font-size: 16px; color: #fff; }

.media_artikel .slide_btn .bord { border-top: 1px solid #fff; display: inline-block; width: 400px; margin-bottom: 4px; }

.media_artikel span { color: rgba(0, 0, 0, 0.8); font-size: 13px; display: inline-block; margin: 10px 0 0; }

.media_artikel .pic_slide > * { width: 760px; }

@media screen and (min-width: 1025px) and (max-width: 1280px) { .media_artikel .pic_slide > * { width: 660px; } }

.media_artikel.pic_por { float: left; position: relative; margin: 0 15px 15px 0; width: 59%; }

.media_artikel .ratio_video { width: 100%; }

.media_artikel .ratio_video iframe { width: 100%; height: 100%; }

.media_artikel.pic_detail span { margin: 0; padding: 10px 15px; background: #e6e6e6; color: #fff; }

.media_artikel.pic_detail .img_zoom { position: absolute; top: 15px; right: 15px; width: 45px; height: 45px; padding: 10px; z-index: 2; background: #000; /* The Fallback */ background: rgba(0, 0, 0, 0.6); -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.media_artikel.pic_detail .img_zoom img { width: 100%; }

.media_artikel2 { text-align: center; margin-top: 30px; }

.media_artikel2 img { max-width: 100%; }

.nav_slide { height: 0; }

.media_artikel .nav_slide { position: absolute; width: 100%; z-index: 2; top: 43%; }

.media_artikel .nav_slide a { background: #000; /* The Fallback */ background: rgba(0, 0, 0, 0.5); }

.media_artikel .nav_slide a:hover { background: #000; /* The Fallback */ background: rgba(0, 0, 0, 0.75); }

.detail_wrap { display: flex; }

.detail_text { flex: 1 0 0; font-size: 16px; font-size: 17px; line-height: 28px; }

.detail_text a { color: #295D97; }

.detail_text a:hover { text-decoration: underline; }

.detail_text strong { color: #000; }

.detail_text .box_img { width: 100%; }

.detail_text iframe { max-width: 100%; }

.skybanner_container { margin: 0 !important; display: block; padding-left: 10px; position: sticky; z-index: 3; }

.quotesisip { margin: 0; padding: 0 20px 0 0; border-right: 1px solid #9a9a9a; font-size: 100%; font: inherit; margin-right: 15px; margin-bottom: 25px; z-index: 2; position: relative; width: 230px; }

.quotesisip td { border: none; }

.quotesisip blockquote { font-size: 19px; margin: 0 0 10px 0; padding: 15px; line-height: 130%; position: relative; color: #295D97; font-weight: bold; }

.quotesisip blockquote .kanans { float: right; margin: 0 0 10px 10px; }

.quotesisip blockquote:before { position: absolute; content: "\201C"; left: 0; top: 0; font-size: 26px; }

.quotesisip blockquote:after { position: relative; content: "\201C"; right: 0; font-size: 26px; bottom: -25px; }

.quotesisip cite { color: #999999; font-size: 14px; display: block; margin-top: 5px; font-weight: normal; }

.quotesisip cite:before { content: "\2014 \2009"; font-family: 'arial black',arial; font-style: normal; }

.pic_artikel_sisip_table { margin-bottom: 20px; width: 100%; }

.pic_artikel_sisip_table .pic { font-size: 13px; color: rgba(0, 0, 0, 0.5); margin-top: 10px; }

.pic_artikel_sisip_table .pic img { margin-bottom: 5px; display: block; max-width: 100%; }

.linksisip { padding: 15px 0; font-weight: bold; }

.linksisip .lihatjg strong { color: #333333; }

.linksisip td { border: none; padding: 0; }

.linksisip a { color: #295D97; }

.newstag { font-weight: 500; font-style: italic; padding: 0 0 20px; height: auto; font-size: 15px; color: #999999; }

.newstag span { float: left; width: calc(100% - 120px); }

.newstag a.logo img { float: right; width: 100px; padding: 0; border-radius: 0; }

.newstag.newstag2 span { width: 100%; float: none; }

.newstag img { width: 100px; }

.linksisipfoto { width: 100%; margin-bottom: 20px; }

.linksisipfoto h3 { font: 500 15px gotham; color: rgba(0, 0, 0, 0.5); margin: 10px 0; text-align: center; width: 100%; float: left; }

.linksisipfoto td { border: none; }

.sisip_embed_sosmed { padding: 10px 0; }

.sisip_embed_sosmed iframe { width: 100%; }

#notif_embed { padding: 25px 15px; margin: -40px 0 0 -140px; position: absolute; font-size: 20px; top: 50%; left: 50%; width: 280px; text-align: center; display: none; background: #fff; /* The Fallback */ background: rgba(255, 255, 255, 0.75); }

#embedcode { width: 100%; font-size: 13px; padding: 10px; margin: 5px 0 0; }

.reaction_ { margin: 20px 0 !important; }

.trending-tag span { margin: 0 10px 30px 0; display: inline-block; float: left; }

.trending-tag a { margin: 0 10px 5px 0; color: #295D97; display: inline-block; }

.topiksisip { width: 230px; padding-right: 15px; border-right: 1px solid #9a9a9a; margin: 0 15px 15px 0; }

.topiksisip td { border: none; }

.topiksisip .title { text-align: center; font-size: 16px; position: relative; }

.topiksisip .title:after { content: ""; position: absolute; border-bottom: 2px solid #bbb; width: 50%; bottom: 0; left: 25%; }

.topiksisip ul li { padding: 10px 0; }

.topiksisip ul li h5 { font-size: 14px; }

.topiksisip ul li h5 a { color: #176195; }

.topiksisip ul li:last-child { padding-bottom: 0; }

.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 0; }

.detail_terkait .berita-terkait ul li h2 { color: #295D97; }

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

.detail_terkait .berita-terkait ul li .nhl_icon-video.sm { font-size: 26px; }

.detail_terkait .berita-terkait ul li .nhl_icon-video.sm .icon-camera { font-size: 22px; }

.detail_terkait .berita-terkait ul li .nhl_icon-video .icon-camera { font-size: 28px; }

.fixjdl { background-color: #18416D; position: fixed; top: 43px; width: 100%; height: 60px; left: 0; right: 0; z-index: 15; padding: 12px 0; }

.fixjdl .container { width: 1100px; }

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

.fixjdl h2 { color: #fff; font-size: 12px; width: 80%; float: left; margin: 0; display: none; }

.fixjdl h1 { color: #fff; font-size: 17px; width: 65%; float: left; margin-top: 7px; height: 21px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.fixjdl .author, .fixjdl .date { display: none; }

.fixjdl .share { margin: 4px 0 0; }

.fixjdl .share span { color: #fff; border: none; }

.multi-nav .dropdown { border: 1px solid #e6e6e6; width: 72%; position: relative; padding-right: 40px; }

.multi-nav .dropdown a { padding: 10px 5px 9px; display: inline-block; width: 100%; font-size: 13px; }

.multi-nav .dropdown a span { color: #176195; }

.multi-nav .dropdown a.first:after { font-family: "fontello"; font-size: 16px; content: '\f107'; background-color: #295D97; color: #fff; width: 37px; height: 35px; text-align: center; padding-top: 7px; position: absolute; top: 0; right: 0; }

.multi-nav .dropdown .dropdown_menu { display: none; position: absolute; top: 100%; z-index: 10; background-color: #fff; left: -1px; }

.multi-nav .dropdown .dropdown_menu a { border-bottom: #e6e6e6; }

.multi-nav .dropdown .dropdown_menu.shows { display: block; }

.multi-nav .multi span { display: block; width: 85px; margin: 0 5px; text-align: center; float: left; font-size: 14px; color: #b3b3b3; }

.multi-nav .multi a { display: block; height: 40px; width: 40px; float: left; padding-top: 5px; text-align: center; font-size: 18px; color: #295D97; }

.multinav-bottom { text-align: center; font-size: 14px; color: #b3b3b3; padding: 20px 0; position: relative; }

.multinav-bottom span { left: 50%; position: absolute; width: 120px; margin-left: -60px; top: 25px; }

.multinav-bottom a { color: #295D97; font-size: 13px; display: block; width: 170px; position: relative; }

.multinav-bottom a.prev { padding-left: 40px; }

.multinav-bottom a.prev:before { font-family: "fontello"; font-size: 50px; content: '\f104'; position: absolute; left: 0; top: 0; line-height: 25px; color: #b3b3b3; }

.multinav-bottom a.next { padding-right: 40px; }

.multinav-bottom a.next:after { font-family: "fontello"; font-size: 50px; content: '\f105'; position: absolute; right: 0; top: 0; line-height: 25px; color: #b3b3b3; }

/*S:POPUPZOOM*/
/* line 8791, ../scss/_detail.scss */
.popzoom .jdl { padding: 10px 5px 10px 0; }

/* line 8792, ../scss/_detail.scss */
.popzoom .jdl h2 { font-size: 12px; color: #fff; }

/* line 8793, ../scss/_detail.scss */
.popzoom .jdl h1 { font-size: 24px; color: #fff; }

/* line 8794, ../scss/_detail.scss */
.popzoom .author { font-size: 12px; }

/* line 8795, ../scss/_detail.scss */
.desc_zm { float: right; width: calc(25% - 15px); height: auto; margin-top: 20px; padding-right: 10px; line-height: 150%; font-size: 14px; margin-left: 10px; color: #fff; }

/* line 8806, ../scss/_detail.scss */
.popzoom .share_link { width: 100%; }

/* line 8809, ../scss/_detail.scss */
.popzoom .share_top { margin: 0; border-top: 1px solid #383838; border-bottom: 1px solid #383838; }

/* line 8814, ../scss/_detail.scss */
.popzoom .share_link a img { height: 18px; }

/* line 8815, ../scss/_detail.scss */
.popzoom .share_link a { height: 18px; }

/* line 8816, ../scss/_detail.scss */
.popzoom .share_link a span { height: 20px; line-height: 20px; }

/* line 8819, ../scss/_detail.scss */
.foto_zoom { width: 100%; float: left; margin-top: 10px; text-align: center; }

/*E:POPUPZOOM*/
.foto_detail { background: #171717; position: relative; overflow: hidden; }

/* line 8727, ../scss/_detail.scss */
.foto_detail .box_img { width: 100%; display: block; background: #171717; height: 70vh; }

.foto_detail .ratiobox { height: 70vh; }

/* line 8732, ../scss/_detail.scss */
.foto_detail .box_img .img_con { background: #000 !important; }

/* line 8735, ../scss/_detail.scss */
.foto_detail .img_zoom { position: absolute; z-index: 2; width: 25px; padding: 10px; border-radius: 3px; background: rgba(0, 0, 0, 0.6); top: 0; right: 0; margin: 15px; opacity: 0.6; }

/* line 8747, ../scss/_detail.scss */
.foto_detail .img_zoom:hover { opacity: 1; }

/* line 8750, ../scss/_detail.scss */
.foto_detail .img_zoom img { width: 100%; }

/* line 8753, ../scss/_detail.scss */
.pop_box { background: none; }

/* line 8756, ../scss/_detail.scss */
.foto_detail .nav_foto_detail { position: absolute; top: 50%; z-index: 2; width: 60px; padding: 10px; left: 0; border-radius: 3px; background: rgba(0, 0, 0, 0.6); opacity: 0.7; margin-top: -30px; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; }

/* line 8771, ../scss/_detail.scss */
.foto_detail .nav_foto_detail img { width: 100%; }

/* line 8774, ../scss/_detail.scss */
.foto_detail .nav_foto_detail-r { right: 0; left: inherit; }

/* line 8777, ../scss/_detail.scss */
.foto_detail .nav_foto_detail:hover { opacity: 1; }

/* line 8781, ../scss/_detail.scss */
.foto_detail_caption { padding: 10px 15px; font-size: 13px; background: #3d3d3d; color: #fff; line-height: 130%; }

/*e:detail foto*/
/*S:POPUPZOOM*/
/* line 8791, ../scss/_detail.scss */
.popzoom .jdl { padding: 10px 5px 10px 0; }

/* line 8792, ../scss/_detail.scss */
.popzoom .jdl h2 { font-size: 12px; color: #fff; }

/* line 8793, ../scss/_detail.scss */
.popzoom .jdl h1 { font-size: 30px; color: #fff; }

/* line 8794, ../scss/_detail.scss */
.popzoom .author { font-size: 12px; }

/* line 8795, ../scss/_detail.scss */
.desc_zm { float: right; width: calc(25% - 15px); height: auto; margin-top: 20px; padding-right: 10px; line-height: 150%; font-size: 14px; margin-left: 10px; color: #fff; }

/* line 8806, ../scss/_detail.scss */
.popzoom .share_link { width: 100%; }

/* line 8809, ../scss/_detail.scss */
.popzoom .share_top { margin: 0; border-top: 1px solid #383838; border-bottom: 1px solid #383838; }

/* line 8814, ../scss/_detail.scss */
.popzoom .share_link a img { height: 18px; }

/* line 8815, ../scss/_detail.scss */
.popzoom .share_link a { height: 18px; }

/* line 8816, ../scss/_detail.scss */
.popzoom .share_link a span { height: 20px; line-height: 20px; }

/* line 8819, ../scss/_detail.scss */
.close_box_style { float: right; }

.foto_zoom .img-wrap { display: inline-block; position: relative; height: 100%; max-width: 100%; min-width: 40%; background: #101010; }

.foto_zoom .img-wrap img { height: 70vh; }

.foto_zoom .caption { position: absolute; bottom: 0; width: 100%; color: #fff; padding: 5% 20px 20px; text-align: center; left: 0; }

/*E:POPUPZOOM*/
.mark_val { text-align: center; font-size: 22px; margin: 20px 0 0; }

.mark_val span { display: inline-block; margin: 0 15px; }

.mark_val span.green { color: #31a745; }

.mark_val span.red { color: #18416D; }

.mark_table tr { border-bottom: 1px solid #e6e6e6; }

.mark_table td { border: none; color: gray; padding: 10px; }

.mark_table td.green { color: #31a745; }

.mark_table td.red { color: #18416D; }

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

a, .lvr_share, h1, h2, h3, .ratiobox, .box_img { text-decoration: none; -webkit-transition: all 200ms linear 0s; -moz-transition: all 200ms linear 0s; -o-transition: all 200ms linear 0s; transition: all 200ms linear 0s; }

a:hover { text-decoration: none; }

::selection { background: #F5A623; /* WebKit/Blink Browsers */ color: #000; }

::-moz-selection { background: #F5A623; /* Gecko Browsers */ color: #000; }

.lm_content_lr { border: 0; }

.lvr_rel { position: relative; }

#lvr_area { position: relative; font-family: inherit; width: 100%; }

#lvr_area .lvr_l { float: right; width: 30%; margin-left: 10px; position: relative; }

#lvr_area .lvr_r { float: left; width: calc(70% - 10px); background-color: #fff; margin-bottom: 10px; position: relative; }

.lvr_sponsor { text-align: center; width: 100%; background-color: #fff; padding: 5px; margin-bottom: 10px; position: relative; line-height: 180%; }

.lvr_sponsor img { max-width: 70%; max-height: 80px; }

.lvr_wgtsc { width: 100%; height: 110px; background-color: #444; padding: 5px; margin-bottom: 10px; position: relative; }

.lvr_share { width: 100%; padding: 10px 0 10px 10px; background-color: #fff; text-align: left; position: relative; border-bottom: dotted 1px #B5B5B5; }

.lvr_share span { font-size: 16px; font-family: inherit; vertical-align: 10px; margin-right: 2px; font-weight: bold; color: #9B9B9B; }

.lvr_share a { position: relative; display: inline-block; }

.lvr_share img { width: 34px; margin: 0 2px; }

.lvr_share img:hover { opacity: 0.8; }

.lvr_share .count { background: #fff none repeat scroll 0 0; border-radius: 0; border-right: 1px solid #ccc; color: #7a7a7a; margin-right: 10px; padding: 5px 15px 5px 5px; display: inline-block; font-size: 14px; font-weight: normal; text-align: center; vertical-align: 2px; font-family: "montserrat",sans-serif; }

.lvr_share .count strong { color: #494949; display: block; font-size: 22px; line-height: 100%; text-align: center; }

.lvr_ke { position: relative; margin-bottom: 10px; padding: 10px 30px; }

.lvr_ke .ico_d { display: none; }

.lvr_ke .t_ke { font-size: 16px; font-weight: bold; text-transform: uppercase; color: #000; padding: 10px 0; border-bottom: 1px solid rgba(198, 198, 198, 0.4); }

.lvr_ke ul { margin: 0; padding: 0; list-style: none; }

.lvr_ke ul li { padding: 10px 0 0; position: relative; }

.lvr_ke ul li h2 { font-size: 14px; line-height: 130%; border-bottom: 1px solid rgba(198, 198, 198, 0.4); margin-left: 50px; padding-bottom: 10px; padding-top: 5px; color: #295D97; font-weight: 500; }

.lvr_ke ul li .lvr_time { color: #fff; display: inline-block; margin-bottom: 4px; position: absolute; left: 0; font-size: 11px; width: 40px; height: 40px; text-align: center; line-height: 40px; font-family: gotham; border-radius: 100px; background: #ec7164; }

.lvr_ke ul li article { padding-bottom: 10px; }

.lvr_ke ul li:last-child article { border-bottom: 0px dotted #ccc; }

.lvr_ke ul li:hover { opacity: 0.8; }

a.lvr_line, a.lvr_key { display: none; }

.lvr_hl { position: relative; width: 100%; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4); color: #fff; }

.lvr_hl .lvr_athl { position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; overflow: hidden; background: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.7) 50%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(50%, rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.7) 50%); background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.7) 50%); background: -ms-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.7) 50%); background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.7) 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); padding: 70px 10px 10px; }

.lvr_hl .lvr_athl h1 { color: #fff; display: inline; font-size: 28px; padding: 5px 0; left: 10px; position: relative; line-height: 130%; }

.lvr_hl .lvr_athl .lvr_red { display: inline-block; margin-bottom: 4px; margin-left: -3px; padding: 5px; background: #ececec; color: #000; }

.lvr_hl .lvr_athl .lvr_hldate { color: #fff; margin-left: 10px; padding: 5px; background: #d0021b; }

.lvr_hl .lvr_hldesc { background-color: #262626; display: block; padding: 20px; text-align: left; border-top: solid 2px #d0021b !important; }

.lvr_hl .lvr_hldesc p { display: inline-block; font-size: 14px; font-weight: normal; margin: 0; line-height: 130%; }

.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: bold; text-shadow: 1px 1px 5px transparent; }

.lvr_live span { width: 18px; height: 18px; border-radius: 10px; background-color: yellow; /* border:solid 2px #fff; */ 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 /* Firefox */ { 0% { background: yellow; }
  100% { background: black; }
  50% { background: yellow; } }

@-webkit-keyframes myfirst /* Firefox */ { 0% { background: yellow; }
  100% { background: black; }
  50% { background: yellow; } }

.lvr_lke { position: relative; width: 100%; border-top: solid 1px #c6c6c6; border-bottom: 1px solid rgba(198, 198, 198, 0.4); padding-bottom: 10px; margin-top: 20px; }

.lvr_lke .lvr_dt { font-size: 13px; position: absolute; z-index: 1; top: 0; left: -20px; line-height: 25px; font-family: gotham; background: #fafafa; }

.lvr_lke .lvr_tlke { font-size: 14px; width: 50px; height: 25px; line-height: 25px; border-radius: 100px; color: #185d8f; left: -20px; background: #fafafa; top: 20px; font-family: gotham; font-weight: bold; position: absolute; z-index: 1; }

.lvr_lke .lvr_tlke span { display: block; margin-bottom: 4px; }

.lvr_lke ul { list-style: none; position: relative; padding: 0; margin: 0; }

.lvr_lke ul li { padding: 15px 0px 0 30px; }

.lvr_lke ul li blockquote { font-family: gotham; font-size: 18px; margin: 0 0 10px 0; padding: 1px 10px 0 50px; line-height: 1.2; position: relative; color: #0f5586; }

.lvr_lke ul li blockquote cite { color: #999999; font-size: 14px; display: block; margin-top: 5px; }

.lvr_lke ul li blockquote cite:before { content: "\2014 \2009"; }

.lvr_lke ul li blockquote:before { display: block; content: "\201C"; font-size: 80px; position: absolute; left: 0px; top: -8px; color: #6e6e6e; }

.lvr_lke ul li:last-child .area_lke, .lvr_lke ul li:last-child .lvr_shlke { border: 0; }

.lvr_lke ul .lvr_highlight { background-color: #eef9ff; margin: 0; }

.lvr_lke ul .lvr_highlight .lvr_tlke, .lvr_lke ul .lvr_highlight .lvr_dt { background-color: #eef9ff; }

.lvr_lke ul .lv_ads { background: #ECECEC; text-align: center; padding: 15px 0 15px 0; margin: 0; }

.lvr_lke .area_lke { padding-left: 90px; line-height: 140%; font-size: 15px; color: rgba(0, 0, 0, 0.9); position: relative; border-left: 1px solid rgba(198, 198, 198, 0.4); }

.lvr_lke .area_lke .ratiobox { width: 100%; margin-bottom: 10px; }

.lvr_lke .area_lke h2 { font-size: 20px; color: rgba(0, 0, 0, 0.9); margin-bottom: 5px; line-height: 130%; }

.lvr_lke .area_lke .lvr_shlke { padding: 20px 0; border-bottom: 1px solid rgba(198, 198, 198, 0.4); }

.lvr_lke .area_lke .lvr_shlke a { color: #fff; display: inline-block; width: 28px; height: 28px; line-height: 19px; text-align: center; padding-top: 5px; margin-right: 5px; border-radius: 100px; cursor: pointer; }

.lvr_lke .area_lke .lvr_shlke a:hover { opacity: 0.8; }

.lvr_lke .quotesisip { width: 100%; border: 0; }

.lvr_lke .quotesisip blockquote { padding: 1px 10px 0 60px; }

.lvr_lke .quotesisip blockquote:after { display: none; }

.lvr_lke .pic_artikel_sisip_table { width: 80%; text-align: left; font-size: 12px; }

.lvr_lke .pic_artikel_sisip_table td { padding: 0; border: none; text-align: left; }

.lvr_lke .pic_artikel_sisip_table .pic_artikel_sisip { text-align: left !important; }

.lvr_comment { padding: 0 15px; }

.lvr_mid { width: calc(70% - 10px); text-align: center; }

.lvr_oth { width: 100%; position: relative; background-color: #fff; margin-bottom: 10px; }

.lvr_oth .lvr_live { top: 95px; }

.lvr_oth ul { padding: 15px 0 15px 2px; }

.lvr_oth ul li { width: calc(100% / 4 - 10px); margin-right: 10px; padding-bottom: 15px; float: left; line-height: 140%; color: #8B8B8B; position: relative; list-style: none; }

.lvr_oth ul li:hover .box_img { box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8); }

.lvr_oth ul li a { color: #8b8b8b; }

.lvr_oth ul li a:hover .ratiobox { box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8); }

.lvr_oth ul li a:hover h3 { color: #8B8B8B; }

.lvr_oth ul li .ratiobox { margin-bottom: 10px; }

.lvr_oth ul li .d_oth { font-size: 12px; color: #9B9B9B; display: block; }

.lvr_oth ul li h3 { font-size: 18px; color: #4A4A4A; line-height: 120%; margin: 3px 0 5px; }

.lvr_oth ul li .native { padding-top: 58.6%; }

.lvr_oth ul li .native h2 { font-size: 18px; color: #4A4A4A; line-height: 120%; margin: 3px 0 5px; }

.lvr_oth ul li .native .ratio_native { width: 100%; position: absolute; top: 0; left: 0; overflow: hidden; text-align: center; margin-bottom: 5px; display: block; clear: both; }

.lvr_oth ul li .native .ratio_native::after { padding-top: 56.25%; content: ""; display: block; overflow: hidden; }

.box_img { display: inline-block; position: relative; width: 100px; }

.box_img:before { content: ""; display: block; padding-top: 100%; /* initial ratio of 1:1*/ }

.box_img::before { padding-top: inherit; }

.img_con { /* Positioning */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; /* Styling */ background: black; text-align: center; vertical-align: center; text-transform: uppercase; color: #fff; overflow: hidden; }

.img_con img { height: 100%; }

.img_con span { font-weight: bold; font-size: 3em; display: block; }

.dashline { width: 100%; border-bottom: dotted 1px #ccc; margin-right: 10px; }

.t_bllvr { display: block; background-color: #9B9B9B; font-weight: bold; font-family: inherit; color: #fff; padding: 10px 15px; }

.t_bllvr h3 { font-size: 23px; letter-spacing: -1px; }

.t_bllvr span { opacity: 0.8; }

.lvr_relt { background: #fff; position: relative; }

.lvr_relt .lvr_sub_area { width: calc(100% / 2 - 20px); }

.lvr_relt ul { padding: 10px; list-style: none; }

.lvr_relt ul li { width: 100%; margin-right: 15px; padding: 10px 0 15px; border-bottom: solid 1px #ededed; min-height: 70px; }

.lvr_relt ul li a { color: #4A4A4A; }

.lvr_relt ul li a:hover h3 { color: #8B8B8B; }

.lvr_relt ul li span { display: inline-block; width: 40px; height: 40px; border-radius: 30px; border: solid 2px #9B9B9B; text-align: center; font-size: 24px; line-height: 34px; float: left; font-style: italic; margin-right: 8px; margin-top: -5px; background: #ececec; }

.lvr_relt ul li h3 { font-size: 16px; }

.lvr_info { display: none; }

.pic_artikel_sisip_table { text-align: center; margin-top: 10px; color: #929292; font-size: 12px; line-height: 120%; width: 100%; table-layout: fixed; }

.pic_artikel_sisip_table tr td { border: none; }

.pic_artikel_sisip { margin-bottom: 10px; }

.pic_artikel_sisip .pic { position: relative; display: inline-block; text-align: left; width: 540px; max-width: 100%; text-align: center; background: #f9f9f9; padding-bottom: 10px; }

.pic_artikel_sisip .pic img { max-width: 100%; overflow: hidden; margin-bottom: 5px; display: block; margin-left: auto; margin-right: auto; }

.lvr_notif { text-align: center; z-index: 2; margin-top: 15px; position: absolute; display: inline-block; }

.lvr_notif img { width: 20px; margin-right: 5px; vertical-align: bottom; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s; }

.lvr_notif a { color: #fff; display: block; margin: 0 auto; width: 170px; padding: 8px 0; border-radius: 10px; background: #d0021b; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s; }

.lvr_notif a:hover { background: rgba(208, 2, 27, 0.8); }

.lvr_notif a:hover img { -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); }

.lvr_notif a span { font-size: 14px; display: inline; }

span.sub_judul { color: red !important; }

.redks { position: relative; background: #fff; margin-bottom: 10px; padding: 10px; }

.redks .redinf { position: absolute; bottom: 10px; display: inline-block; margin-right: 10px; width: calc(100% - 35% - 10px); line-height: 18px; font-size: 12px; padding-right: 5px; }

.redks .redinf b { font-size: 15px; color: #000; }

.redks .redinf p { font-weight: bold; margin-bottom: 5px; font-size: 14px; }

.redks .redinf span { display: block; font-size: 12px; }

.redks .ratiobox { width: 35%; float: left; margin-right: 10px; }

/*S:ADD LIVEREPORT CSS*/
#lvr_area h1, #lvr_area h3 { font-weight: bold; }

#lvr_area h2 { font-weight: bold; }

.lvr_ods { font-size: 14px; }

.lvr_ke ul li:before { background: #d0021b !important; }

.t_bllvr { background-color: #000 !important; padding: 18px 15px 13px; }

.lvr_relt ul li span h3 { color: #d0021b !important; }

.lvr_relt ul li span { border: solid 2px #d0021b !important; }

/*E:ADD LIVEREPORT CSS*/
.share-top-new a img { width: 33px !important; }

.reaction_ .box_img img { width: 90% !important; width: calc(100% - 10%) !important; }

.btn_refresh_lr { background: #295D97; color: #fff; padding: 10px 25px 8px 50px; border-radius: 5px; font-family: gotham; text-transform: uppercase; font-weight: bold; position: relative; display: inline-block; margin: 10px 0; }

.btn_refresh_lr img { height: 20px; position: absolute; left: 15px; top: 7px; }

.btn_refresh_lr:hover { color: #fff; }

.btn_refresh_lr:hover img { animation: rotate 0.5s linear infinite; -webkit-animation: rotate 0.5s linear infinite; }

.label_livereport { background: #295D97; color: #fff; padding: 5px 25px 5px 30px; font-size: 15px; font-weight: bold; display: inline-block; font-family: gotham; margin-bottom: 10px; position: relative; }

.label_livereport span { position: absolute; width: 12px; height: 12px; background: #FEC725; border-radius: 100px; left: 10px; top: 6px; animation: blinking 1s linear infinite; -webkit-animation: blinking 1s linear infinite; }

@keyframes blinking { 0% { background: #295D97; }
  100% { background: yellow; } }

@keyframes rotate { 0% { -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    /* Chrome, Safari, Opera */
    transform: rotate(0deg); }
  100% { -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Chrome, Safari, Opera */
    transform: rotate(180deg); } }

.baca-juga .subjudul, .baca-juga .ads_native_d .an_desk .an_label, .ads_native_d .an_desk .baca-juga .an_label { margin-top: 5px; display: block !important; }

.kini_dtl { font-family: gotham; height: 200px; overflow: hidden; }

.kini_dtl 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; }

.kini_dtl article { margin: 15px 0; padding: 15px 0; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; width: 100%; position: relative; }

.kini_dtl article .box_img { width: 270px; margin-right: 15px; float: left; display: table; }

.kini_dtl article .subjudul, .kini_dtl article .ads_native_d .an_desk .an_label, .ads_native_d .an_desk .kini_dtl article .an_label { font-size: 14px; color: #9b9b9b; font-weight: bold; }

.kini_dtl article h2 { font-size: 22px; margin: 10px 0; }

.kini_dtl article .date { font-size: 12px; }

.kini_dtl article .label, .kini_dtl article .ads_native_d .an_desk .an_sub, .ads_native_d .an_desk .kini_dtl article .an_sub { color: #ec6e60; }

.kini_dtl article .box_text { width: 100%; -ms-flex: 1 0 0px; flex: 1; width: calc(100% - 285px); padding: 0; float: left; }

.link_fokus { font-size: 14px; font-weight: bold; color: #EA7168; }

.detail_market .jdl_nav { position: relative; }

.detail_market .jdl_nav h1 { color: #0f5586; width: calc(685px - 165px); }

.detail_market .jdl_nav h1 span { font-weight: normal; }

.detail_market .jdl_nav .cat_market { font-size: 14px; font-weight: bold; color: #746b69; }

.detail_market .jdl_nav .title_badge { font-size: 11px; color: #ffffff; text-align: center; position: absolute; top: 0; right: 0; padding: 4px 12px; border-radius: 10px; }

.detail_market .jdl_nav .title_badge.green { background: #31a745; }

.detail_market .jdl_nav .title_badge.red { background: #e95b53; }

.detail_market .jdl_nav .watchlist { font-family: "gotham", Helvetica, sans-serif; position: absolute; top: 0; right: 0; }

.detail_market .jdl_nav .watchlist > label { cursor: pointer; border: 1px solid #206292; color: #206292; border-radius: 3px; font-size: 12px; padding: 4px 17px; display: block; transition: color .3s ease, background .3s ease; }

.detail_market .jdl_nav .watchlist > label:hover { background: #206292; color: #fff; }

.detail_market .jdl_nav .watchlist__pop { display: none; background: #fff; box-shadow: 0 2px 10px rgba(154, 154, 154, 0.5); min-width: 227px; position: absolute; top: 40px; right: 0; font-size: 14px; z-index: 5; }

.detail_market .jdl_nav .watchlist__pop__header { padding: 15px 20px; border-bottom: 1px solid #EAEAEA; position: relative; }

.detail_market .jdl_nav .watchlist__pop__header > label { display: inline-block; width: 13px; height: 13px; background: url(../images/cross-remove-sign.png) center center no-repeat; background-size: cover; text-indent: 99999px; cursor: pointer; position: absolute; top: 15px; right: 20px; }

.detail_market .jdl_nav .watchlist__pop__content { border-bottom: 1px solid #EAEAEA; padding: 15px 20px; margin: 0; list-style-type: none; min-width: 335px; }

.detail_market .jdl_nav .watchlist__pop__content li label { cursor: pointer; }

.detail_market .jdl_nav .watchlist__pop__content li label:before { content: " "; box-shadow: inset 0 0 0 1px #000; display: inline-block; width: 18px; height: 18px; margin: 0 8px 0 0; vertical-align: middle; border-radius: 50%; transition: all .2s ease; }

.detail_market .jdl_nav .watchlist__pop__content li label:hover:before { margin: 0 11px 0 0; }

.detail_market .jdl_nav .watchlist__pop__content li input[type=checkbox] { display: none; }

.detail_market .jdl_nav .watchlist__pop__content li input[type=checkbox]:checked + label:before { background: url(../images/checked-sign.png) center center no-repeat; background-size: cover; box-shadow: none; }

.detail_market .jdl_nav .watchlist__pop__content li.disabled { cursor: default; }

.detail_market .jdl_nav .watchlist__pop__content li.disabled label { opacity: 0.3; cursor: default; }

.detail_market .jdl_nav .watchlist__pop__content li.disabled label:hover:before { margin: 0 8px 0 0; }

.detail_market .jdl_nav .watchlist__pop__new { padding: 15px 20px; }

.detail_market .jdl_nav .watchlist__pop__new #create_new { display: none; }

.detail_market .jdl_nav .watchlist__pop__new #create_new:checked ~ .create { display: none; }

.detail_market .jdl_nav .watchlist__pop__new #create_new:checked ~ .new_form { display: block; }

.detail_market .jdl_nav .watchlist__pop__new .create { display: flex; flex-flow: column nowrap; }

.detail_market .jdl_nav .watchlist__pop__new .create label { cursor: pointer; }

.detail_market .jdl_nav .watchlist__pop__new .create a { display: block; }

.detail_market .jdl_nav .watchlist__pop__new .create a:hover { opacity: 1; color: #206292; }

.detail_market .jdl_nav .watchlist__pop__new .create a:last-child { align-self: flex-end; color: #206292; margin-top: 20px; }

.detail_market .jdl_nav .watchlist__pop__new .create a:last-child:hover, .detail_market .jdl_nav .watchlist__pop__new .create a:last-child:active, .detail_market .jdl_nav .watchlist__pop__new .create a:last-child:visited, .detail_market .jdl_nav .watchlist__pop__new .create a:last-child:focus { color: #206292; opacity: 1; }

.detail_market .jdl_nav .watchlist__pop__new .new_form { display: none; }

.detail_market .jdl_nav .watchlist__pop__new .new_form form { text-align: right; }

.detail_market .jdl_nav .watchlist__pop__new .new_form .w_name { font-size: 12px; display: block; margin: 0 0 5px 0; text-align: left; }

.detail_market .jdl_nav .watchlist__pop__new .new_form input { width: 100%; border: 0; border-bottom: 1px solid #206292; background: none; padding-left: 0; margin-bottom: 20px; }

.detail_market .jdl_nav .watchlist__pop__new .new_form .create_new { color: #E95753; display: inline-block; margin: 0 10px 0 0; cursor: pointer; }

.detail_market .jdl_nav .watchlist__pop__new .new_form .add_w { background: none; border: none; color: #206292; }

.detail_market .jdl_nav .watchlist__pop__new.disabled .create label { opacity: 0.3; cursor: default; }

.detail_market .jdl_nav .watchlist #show_w { display: none; background: #fff; }

.detail_market .jdl_nav .watchlist input[type=checkbox]:checked#show_w + .watchlist__pop { display: block; }

.detail_market .detail_text .mark_val, .detail_market .detail_text .date-market { text-align: left; color: #746b69; }

.detail_market .detail_text .mark_val span { vertical-align: middle; padding: 0 15px; margin: 0; font-size: 16px; }

.detail_market .detail_text .mark_val span:first-child { padding-left: 0; font-size: 36px; font-weight: bold; color: #525252; }

.detail_market .detail_text .mark_val span:nth-child(2) { border-left: 1px solid #c6c6c6; border-right: 1px solid #c6c6c6; padding-left: 30px; }

.detail_market .detail_text .mark_val span:nth-child(2).red { background: url(../images/red_down.png) center left 7px no-repeat; background-size: 18px 18px; }

.detail_market .detail_text .mark_val span:nth-child(2).green { background: url(../images/green_up.png) center left 7px no-repeat; background-size: 18px 18px; }

.detail_market .detail_text .mark_val span > i { font-style: normal; font-weight: bold; color: #525252; }

.detail_market .detail_text .mark_val span.red { color: #e95b53; }

.detail_market .detail_text ul.market_table { list-style-type: none; font-size: 0; margin-left: 0; margin-right: 0; padding: 0; }

.detail_market .detail_text ul.market_table li { font-size: 14px; font-weight: bold; color: #206292; display: inline-block; text-align: left; padding: 0 0 0 40px; width: 33.33%; width: calc(100% / 3); border-left: 1px solid #c6c6c6; line-height: 20px; vertical-align: middle; }

.detail_market .detail_text ul.market_table li span { color: #525252; font-weight: normal; margin-left: 10px; }

.detail_market .detail_text ul.market_table li:first-child { border: 0px; padding-left: 0; width: calc((100% / 3) - 50px); }

.detail_market .detail_text ul.market_table2 li { width: calc(100% / 2); }

.detail_market .detail_text hr.market_table { margin: 0px 0; color: #c6c6c6; border-color: #c6c6c6; }

.col_mob_4 .adsmart_list_artikel { height: 168px; }

.col_mob_4 .adsmart_list_artikel .adsmart_desk { position: relative; margin-top: 179px; }

.col_mob_4 .adsmart_list_artikel .adsmart_text { display: none; }

.col_mob_4 .adsmart_list_artikel .adsmart_label { display: none; }

.col_mob_4 .adsmart_list_artikel .adsmart_sub { color: #9a9a9a; font-size: 13px; font-weight: bold; margin-bottom: 5px; display: block; }

.col_mob_4 .adsmart_list_artikel h2 { font-size: 13px; font-weight: 700; }

@media screen and (min-width: 1025px) and (max-width: 1280px) { .col_mob_4 .adsmart_list_artikel { height: 159px; }
  .col_mob_4 .adsmart_list_artikel .adsmart_desk { margin-top: 170px; } }

.baca-juga .adsmart_list_artikel { width: 100%; height: 82px; overflow: hidden; }

.baca-juga .adsmart_list_artikel .adsmart_box_img { width: 110px; float: left; height: 85px; position: relative; }

.baca-juga .adsmart_list_artikel .adsmart_desk { float: right; width: 210px; position: absolute; top: 0; right: 0; }

@media screen and (min-width: 1025px) and (max-width: 1280px) { .baca-juga .adsmart_list_artikel .adsmart_desk { width: 196px; position: absolute; top: -4px; } }

.baca-juga .adsmart_list_artikel .adsmart_desk .adsmart_sub { font-size: 13px; color: #777; margin-bottom: 2px; font-weight: 700; }

.baca-juga .adsmart_list_artikel .adsmart_desk .adsmart_text { display: none; }

.baca-juga .adsmart_list_artikel .adsmart_desk h2 { font-size: 14px; font-weight: bold; color: #000; }

.baca-juga .adsmart_list_artikel .adsmart_desk .adsmart_label { font-size: 12px; color: #b3b3b3; }

.baca-juga .adsmart_list_artikel:hover h2 { color: #295D97; }

.bond_header { display: flex; flex-flow: row wrap; margin: 0 0 10px 0; }

.bond_header__val { display: flex; flex-flow: row wrap; color: #525252; }

.bond_header__val .bond_title { width: 100%; font-size: 16px; }

.bond_header__val .bond_value { font-size: 36px; font-weight: bold; margin-right: 20px; }

.bond_header__val .bond_stat { font-size: 16px; }

.bond_header__val .bond_stat.green { color: #31a745; background: url(../images/green_up.png) center left 7px no-repeat; background-size: 18px 18px; padding-left: 30px; }

.bond_header__val .bond_stat.red { color: #e95b53; background: url(../images/red_down.png) center left 7px no-repeat; background-size: 18px 18px; padding-left: 30px; }

ul.bond_detail { list-style-type: none; padding: 0; margin: 20px 0 10px 0; color: #525252; display: flex; flex-flow: row wrap; }

ul.bond_detail li { padding: 4px 25px 4px 0; margin: 0 0 0px 0; width: 31%; color: #206292; font-size: 14px; font-weight: bold; border-bottom: 1px solid #c6c6c6; position: relative; }

ul.bond_detail li:after { display: block; content: ''; width: 1px; height: 20px; background: #c6c6c6; position: absolute; right: 25px; top: 8px; }

ul.bond_detail li span { color: #525252; font-size: 14px; font-weight: normal; margin-left: 5px; }

ul.bond_detail li span.green { color: #31a745; }

ul.bond_detail li span.red { color: #e95b53; }

.sisip_program_cnbctv { border-top: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3; display: flex; align-items: flex-start; padding: 15px 0; }

.sisip_program_cnbctv img { width: 270px; height: auto; }

.sisip_program_cnbctv .desc { align-self: stretch; margin-left: 20px; display: flex; flex-flow: column nowrap; justify-content: center; font-weight: bold; }

.sisip_program_cnbctv .desc span { font-size: 14px; color: #9B9B9B; }

.sisip_program_cnbctv .desc h5 { font-size: 25px; color: #204D7F; margin: 5px 0; font-weight: bold; }

.sisip_program_cnbctv .desc a { font-size: 12px; color: #4A4A4A; font-family: "gotham", sans-serif; }

.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: "gotham", 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: white; 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; } }

.long-cta__title { margin-top: 40px; margin-bottom: 20px; font-size: 17px; font-weight: 500; display: inline-block; width: 470px; }

.long-cta .btn { color: white; }

.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: gotham; }

.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, .topiksisip ul li { position: relative; }

.list.media_rows ins .box_img, .topiksisip ul.media_rows ins .box_img { width: 152px; }

.list.media_rows ins .ratiobox:after, .topiksisip ul.media_rows ins .ratiobox:after { padding-top: 75%; }

.list ins, .topiksisip ul ins { text-decoration: none; position: relative; display: block; }

.list ins .box_img, .topiksisip ul ins .box_img { width: 152px; }

.list ins article, .topiksisip ul ins article { position: relative; }

.list ins article a, .topiksisip ul 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, .topiksisip ul ins article .box_text { margin: 0 0 0 15px; width: 100%; -ms-flex: 1 0 0px; flex: 1; }

.list ins article .box_text h2, .topiksisip ul 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, .topiksisip ul ins article .box_text .date { margin: 5px 0 0; display: inline-block; color: #909090; font-size: 14px; }

.baca-juga .ads_native_d { font-family: gotham; }

.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, .topiksisip ul.thumb li .box_text h2, .profile li .box_text .name, .ads_native_d .an_desk h2, .list.terbaru li.nhl_foto .box_text h2, .topiksisip ul.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, .topiksisip ul.media_rows.middle a:hover h2, .ads_native_d:hover h2, .list a:hover .box_text h2, .topiksisip ul a:hover .box_text h2, .headline .hl_kait .link_kait a:hover { color: #295D97; }

.list.terbaru li.nhl_video a:hover .box_text h2, .topiksisip ul.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 { /*the container must be positioned relative:*/ 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; /*position the autocomplete items to be the same width as the container:*/ 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 { /*when hovering an item:*/ background-color: #e9e9e9; }

.autocomplete-active { /*when navigating through the items using the arrow keys:*/ background-color: DodgerBlue !important; color: #ffffff; }