/*--------------------------------------------------------------------------------*/
/*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: Arial; }

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

/*--------------------------------------------------------------------------------*/
/*GENERAL*/
/*--------------------------------------------------------------------------------*/
body { margin: 0; line-height: 1.5; font-size: 14px; }

body.theme-dark { background-color: #000; color: #fff; }

body.theme-light { background-color: #fff; }

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

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

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

.clearfix:after { clear: both; }

a { text-decoration: none; color: #004C95; }

a:hover { color: #e23c05; }

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

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

h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: normal; margin: 0; }

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

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

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

article { position: relative; }

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

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

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

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

/*--------------------------------------------------------------------------------*/
/*GRID 12 COLUMN*/
/*--------------------------------------------------------------------------------*/
.container { padding-left: 10px; padding-right: 10px; margin-right: auto; margin-left: auto; }

.container_full { padding-left: 10px; padding-right: 10px; margin-right: auto; margin-left: auto; }

.grid_row { display: flex; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; }

.no_gap { margin-right: 0; margin-left: 0; }

.no_gap > .col, .no_gap > [class*="col_"] { padding-right: 0; padding-left: 0; }

.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12, .col, .col_auto { position: relative; width: 100%; padding-left: 5px; padding-right: 5px; }

.col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }

.col_auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }

.col_1 { -ms-flex: 0.08333; flex: 0 0 8.33333%; max-width: 8.33333%; }

.col_2 { -ms-flex: 0.16667; flex: 0 0 16.66667%; max-width: 16.66667%; }

.col_3 { -ms-flex: 0.25; flex: 0 0 25%; max-width: 25%; }

.col_4 { -ms-flex: 0.33333; flex: 0 0 33.33333%; max-width: 33.33333%; }

.col_5 { -ms-flex: 0.41667; flex: 0 0 41.66667%; max-width: 41.66667%; }

.col_6 { -ms-flex: 0.5; flex: 0 0 50%; max-width: 50%; }

.col_7 { -ms-flex: 0.58333; flex: 0 0 58.33333%; max-width: 58.33333%; }

.col_8 { -ms-flex: 0.66667; flex: 0 0 66.66667%; max-width: 66.66667%; }

.col_9 { -ms-flex: 0.75; flex: 0 0 75%; max-width: 75%; }

.col_10 { -ms-flex: 0.83333; flex: 0 0 83.33333%; max-width: 83.33333%; }

.col_11 { -ms-flex: 0.91667; flex: 0 0 91.66667%; max-width: 91.66667%; }

.col_12 { -ms-flex: 1; flex: 0 0 100%; max-width: 100%; }

/*--------------------------------------------------------------------------------*/
/*TABLE*/
/*--------------------------------------------------------------------------------*/
.table { width: 100%; border: none; background: #eeeeee; }

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

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

.table td { border-color: #d4d4d4; }

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

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

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

/*--------------------------------------------------------------------------------*/
/*SELECTBOX*/
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
/*BUTTONS*/
/*--------------------------------------------------------------------------------*/
.btn { font-size: 14px; line-height: 1.35; display: inline-block; padding: 8px 16px; text-align: center; cursor: pointer; vertical-align: top; color: #fff; background: #004C95; }

.btn:hover { color: #fff; }

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

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

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

/*--------------------------------------------------------------------------------*/
/*CONTAINER*/
/*--------------------------------------------------------------------------------*/
#content { position: relative; margin: 0 0 10px; }

.box { position: relative; }

.box .title_box { position: relative; color: #fff; padding: 10px 15px; margin: 0 0 10px; font-size: 18px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

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

.box .title_box--inline { display: inline-block; }

.title_page { padding: 0 0 10px; color: #004C95; font-size: 22px; font-weight: bold; }

.box_text { font-size: 13px; display: block; }

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

.box_text.text_inside { position: absolute; left: 0; right: 0; bottom: 0; padding: 25% 10px 10px; margin: 0; z-index: 2; color: #fff; background: #000000; /* Old browsers */ background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start_color', endColorstr='$end_color',GradientType=1 ); /* IE6-9 */ }

.box_text p { color: #212121; margin: 0; }

.box_text--bg { position: relative; padding: 15px; margin: -5px 0 0 !important; color: #D4D4D4; background: #262626; min-height: 100px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }

.box_text--bg .title { color: #fff; }

.box_text--bg p { color: #D4D4D4; margin: 5px 0 0; }

.text_inside { position: relative; background: #004C95; }

.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: 5px; right: 5px; left: 10px; right: 10px; }

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

.box_img--rounded { -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

/*--------------------------------------------------------------------------------*/
/*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-color: #eee; }

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

/*--------------------------------------------------------------------------------*/
/*LIST*/
/*--------------------------------------------------------------------------------*/
.list > article, .list > a { position: relative; padding-top: 0; padding-bottom: 10px; margin: 0 0 10px; }

.list > article:last-child, .list > a:last-child { margin: 0; }

.list > article .title { font-size: 12px; }

.list a { display: block; color: #555; }

.list a:hover { color: #000; }

.list.media_rows > article > a, .list.media_rows > a { -moz-box-align: center; -moz-box-direction: normal; -moz-box-orient: horizontal; -moz-box-pack: justify; align-items: normal; 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.middle > article > a, .list.media_rows.middle > a { align-items: center; }

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

.list.media_rows > article > a .box_text, .list.media_rows > a .box_text { margin: 0 0 0 12px; width: 100%; -ms-flex: 1 0 0px; flex: 1; }

.list--feed > article .title { font-size: 14px; margin: 3px 0 10px; }

.cols.no_gap article { margin: 0; }

.cols article { margin: 0 0 10px; }

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

.cols article .title--small { font-size: 12px; }

.cols article a { color: #555; }

.cols article a:hover { color: #000; }

.cols article a:hover .ratiobox_content { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }

.cols.list--feed article { margin: 0 0 30px; }

.cols > article, .cols > a { display: block; }

.cols .box_img { float: none; width: 100%; }

.cols .box_text { margin: 10px 0 0; }

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

.pr0 { padding-right: 0px !important; }

.pl0 { padding-left: 0px !important; }

.pt0 { padding-top: 0px !important; }

.pb0 { padding-bottom: 0px !important; }

.mb0 { margin-bottom: 0px !important; }

.mr0 { margin-right: 0px !important; }

.ml0 { margin-left: 0px !important; }

.mt0 { margin-top: 0px !important; }

.m0 { margin: 0px !important; }

.pd5 { padding: 5px !important; }

.pr5 { padding-right: 5px !important; }

.pl5 { padding-left: 5px !important; }

.pt5 { padding-top: 5px !important; }

.pb5 { padding-bottom: 5px !important; }

.mb5 { margin-bottom: 5px !important; }

.mr5 { margin-right: 5px !important; }

.ml5 { margin-left: 5px !important; }

.mt5 { margin-top: 5px !important; }

.m5 { margin: 5px !important; }

.pd10 { padding: 10px !important; }

.pr10 { padding-right: 10px !important; }

.pl10 { padding-left: 10px !important; }

.pt10 { padding-top: 10px !important; }

.pb10 { padding-bottom: 10px !important; }

.mb10 { margin-bottom: 10px !important; }

.mr10 { margin-right: 10px !important; }

.ml10 { margin-left: 10px !important; }

.mt10 { margin-top: 10px !important; }

.m10 { margin: 10px !important; }

.pd15 { padding: 15px !important; }

.pr15 { padding-right: 15px !important; }

.pl15 { padding-left: 15px !important; }

.pt15 { padding-top: 15px !important; }

.pb15 { padding-bottom: 15px !important; }

.mb15 { margin-bottom: 15px !important; }

.mr15 { margin-right: 15px !important; }

.ml15 { margin-left: 15px !important; }

.mt15 { margin-top: 15px !important; }

.m15 { margin: 15px !important; }

.pd20 { padding: 20px !important; }

.pr20 { padding-right: 20px !important; }

.pl20 { padding-left: 20px !important; }

.pt20 { padding-top: 20px !important; }

.pb20 { padding-bottom: 20px !important; }

.mb20 { margin-bottom: 20px !important; }

.mr20 { margin-right: 20px !important; }

.ml20 { margin-left: 20px !important; }

.mt20 { margin-top: 20px !important; }

.m20 { margin: 20px !important; }

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

.f26 { font-size: 26px; }

.fl { float: left !important; }

.fr { float: right !important; }

.text_center { text-align: center; }

.text_right { text-align: right; }

.text_justify { text-align: justify; }

.text_nowrap { white-space: nowrap; }

.bold, strong { font-weight: bold; }

.block { display: block; }

.relative { position: relative; }

.paging { margin: 10px 0 20px; position: relative; font-size: 16px; }

.paging a { color: #555; display: inline-block; text-align: center; min-width: 33px; height: 33px; padding: 5px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }

.theme-dark .paging a { color: #fff; }

.paging a.selected, .paging a:hover { color: #fff; }

.paging a.selected .icon, .paging a:hover .icon { color: #fff; }

.paging a .icon { font-size: 12px; }

.theme-dark .paging a .icon { color: #fff !important; }

.icon.icon_inside { text-align: center; z-index: 2; font-size: 46px; }

.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 #004C95; 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; }

/*--------------------------------------------------------------------------------*/
/*EXTENDS UTILITIES*/
/*--------------------------------------------------------------------------------*/
.circle, .nav__item--new a:after { -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }

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

.btn:hover, .box .title_box a:hover, .text_inside .date, .icon.icon_inside, .dropdown-aktif .dropdown { opacity: 0.75; filter: alpha(opacity=75); }

.paging a .icon { color: #004C95; }

.box .title_box, .paging a.selected, .paging a:hover { background: #004C95; }

body { font-family: montserrat-light, Helvetica, Arial; }

.logo-main__tagline, .tabs-menu, .sub_title, .footer-main { font-family: montserrat-semibold, Helvetica, Arial; }

.btn, .box .title_box, .list > article .title, .cols article .title, li.native-ads-d .ads_native_d .an_desk h2, .ads_native_d .an_desk h2 { font-family: montserrat-bold, Helvetica, Arial Black; }

a, .btn, .cols article .ratiobox_content, .sticky, .caret:before, .caret:after { -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }

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

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

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

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

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

[data-icon]:before { font-family: "fonticons" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

[class^="ico-"]:before, [class*=" ico-"]:before { font-family: "fonticons" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.ico-facebook:before { content: "\61"; }

.ico-twitter:before { content: "\62"; }

.ico-google:before { content: "\63"; }

.ico-instagram:before { content: "\64"; }

.ico-chevron-down:before { content: "\65"; }

.ico-chevron-left:before { content: "\66"; }

.ico-chevron-right:before { content: "\67"; }

.ico-chevron-up:before { content: "\68"; }

.ico-play:before { content: "\69"; }

.ico-camera:before { content: "\6a"; }

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

.icon { line-height: 0; display: inline-block; position: relative; top: 0; vertical-align: baseline; }

.btn .icon { margin-top: -1px; }

.icon--xxl { font-size: 256px; }

.icon--xl { font-size: 128px; }

.icon--lg { font-size: 64px; }

.icon--md { font-size: 32px; }

.icon--sm { font-size: 24px; }

.icon--xs { font-size: 16px; }

[data-icon]:before { font-family: "detiknetwork-FF" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; }

[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "detiknetwork-FF" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; }

.icon-home:before { content: "\63"; }

.icon-home-bg:before { content: "\64"; }

.icon-chevron-right:before { content: "\65"; }

.icon-chevron-right-bg:before { content: "\66"; }

.icon-chevron-left:before { content: "\67"; }

.icon-chevron-left-bg:before { content: "\68"; }

.icon-arrow-right:before { content: "\69"; }

.icon-arrow-left:before { content: "\6a"; }

.icon-chevron-up:before { content: "\6b"; }

.icon-chevron-up-bg:before { content: "\6c"; }

.icon-chevron-down:before { content: "\6d"; }

.icon-chevron-down-bg:before { content: "\6e"; }

.icon-arrow-up:before { content: "\6f"; }

.icon-arrow-down:before { content: "\70"; }

.icon-search:before { content: "\71"; }

.icon-search-bg:before { content: "\72"; }

.icon-user:before { content: "\73"; }

.icon-user-bg:before { content: "\74"; }

.icon-live-tv:before { content: "\75"; }

.icon-live-tv-bg:before { content: "\76"; }

.icon-tv:before { content: "\77"; }

.icon-tv-bg:before { content: "\78"; }

.icon-menu:before { content: "\79"; }

.icon-menu-bg:before { content: "\7a"; }

.icon-lock:before { content: "\41"; }

.icon-lock-bg:before { content: "\42"; }

.icon-open-lock:before { content: "\43"; }

.icon-open-lock-bg:before { content: "\44"; }

.icon-doc:before { content: "\45"; }

.icon-doc-bg:before { content: "\46"; }

.icon-calendar:before { content: "\47"; }

.icon-calendar-bg:before { content: "\48"; }

.icon-check:before { content: "\49"; }

.icon-check-bg:before { content: "\4a"; }

.icon-trash:before { content: "\4b"; }

.icon-trash-bg:before { content: "\4c"; }

.icon-pencil:before { content: "\4d"; }

.icon-pencil-bg:before { content: "\4e"; }

.icon-close:before { content: "\4f"; }

.icon-close-bg:before { content: "\50"; }

.icon-card:before { content: "\51"; }

.icon-card-bg:before { content: "\52"; }

.icon-network:before { content: "\53"; }

.icon-network-bg:before { content: "\54"; }

.icon-email:before { content: "\55"; }

.icon-email-bg:before { content: "\56"; }

.icon-info:before { content: "\57"; }

.icon-info-bg:before { content: "\58"; }

.icon-warning:before { content: "\59"; }

.icon-warning-bg:before { content: "\5a"; }

.icon-video:before { content: "\30"; }

.icon-video-bg:before { content: "\31"; }

.icon-image:before { content: "\32"; }

.icon-image-bg:before { content: "\33"; }

.icon-file-text:before { content: "\34"; }

.icon-file-text-bg:before { content: "\35"; }

.icon-graphic:before { content: "\36"; }

.icon-graphic-bg:before { content: "\37"; }

.icon-folder:before { content: "\38"; }

.icon-folder-bg:before { content: "\39"; }

.icon-notification:before { content: "\21"; }

.icon-notification-bg:before { content: "\22"; }

.icon-download:before { content: "\23"; }

.icon-download-bg:before { content: "\24"; }

.icon-upload:before { content: "\25"; }

.icon-upload-bg:before { content: "\26"; }

.icon-filter:before { content: "\27"; }

.icon-filter-bg:before { content: "\28"; }

.icon-sent-mail:before { content: "\29"; }

.icon-sent-mail-bg:before { content: "\2a"; }

.icon-play:before { content: "\2b"; }

.icon-play-bg:before { content: "\2c"; }

.icon-comment:before { content: "\2d"; }

.icon-comment-bg:before { content: "\2e"; }

.icon-plus:before { content: "\2f"; }

.icon-plus-bg:before { content: "\3a"; }

.icon-favorite:before { content: "\3b"; }

.icon-favorite-bg:before { content: "\3c"; }

.icon-share:before { content: "\3d"; }

.icon-share-bg:before { content: "\3e"; }

.icon-setting:before { content: "\3f"; }

.icon-setting-bg:before { content: "\40"; }

.icon-crown:before { content: "\5b"; }

.icon-crown-bg:before { content: "\5d"; }

.icon-zoom:before { content: "\5e"; }

.icon-zoom-bg:before { content: "\5f"; }

.icon-quote-right:before { content: "\60"; }

.icon-quote-left:before { content: "\7b"; }

.icon-camera:before { content: "\7c"; }

.icon-camera-bg:before { content: "\7d"; }

.icon-link:before { content: "\7e"; }

.icon-link-bg:before { content: "\5c"; }

.icon-love:before { content: "\e000"; }

.icon-love-bg:before { content: "\e001"; }

.icon-sign-out:before { content: "\e002"; }

.icon-sign-out-bg:before { content: "\e003"; }

.icon-sign-in:before { content: "\e004"; }

.icon-sign-in-bg:before { content: "\e005"; }

.icon-facebook:before { content: "\61"; }

.icon-twitter:before { content: "\62"; }

.icon-instagram:before { content: "\e006"; }

.icon-linkedin:before { content: "\e007"; }

.icon-youtube:before { content: "\e008"; }

.icon-refresh:before { content: "\e009"; }

/*--------------------------------------------------------------------------------*/
/*EXTENDS*/
/*--------------------------------------------------------------------------------*/
.detail__body-tag .nav__item, .footer .nav, .footer__copy { font-weight: 300; }

.nav { font-weight: 600; }

.terpopuler .nav, .nav--bold .nav-item { font-weight: 700; }

.icon, .footer .nav { font-family: "Helvetica", Helvetica-FF, Arial, Tahoma, sans-serif; }

.nav, .detail__body-tag .nav__item, .footer, .footer-title, .live-streaming .media-partner { font-family: "Montserrat", Montserrat-FF, Arial, Tahoma, sans-serif; }

.navbar-first, .banner-header, .footer__app-store { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

.nav, .detail__body-tag .nav, .nav--center, .nav--right { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: wrap; }

.icon-item { text-align: center !important; }

.btn, .detail__body-tag .nav__item, .dropdown-menu__content { border-radius: 4px; }

.circle, .nav__item--new a:after { border-radius: 50%; }

.btn:hover, .box .title_box a:hover, .text_inside .date, .icon.icon_inside, .dropdown-aktif .dropdown { opacity: 0.8; filter: alpha(opacity=80); }

.navbar-right__menu { color: #FFFFFF; }

.dropdown-aktif .dropdown, .dropdown-menu, .navbar-right, .navbar-second .nav, .layer-overlay { background: #000000; }

.nav__item--new a:after { content: ""; width: 5px; height: 5px; background: #FF0000; position: absolute; top: 0; margin-left: 4px; overflow: hidden; }

.nav { position: relative; list-style: none; margin: 0; padding: 0; font-size: 14px; }

.nav a { display: block; }

.nav__item { position: relative; padding: 0; }

.nav__item a { padding: 4px 24px 4px 0; }

.nav--column .nav__item a { padding: 4px 0; }

.footer .nav__item a { padding: 0 8px; position: relative; margin-bottom: 8px; color: #666666; }

.footer .nav__item a:after { content: "."; position: absolute; top: -12px; right: -4px; font-size: 23px; font-weight: 400; }

.navbar-shadow .navbar--scroll .nav__item:first-child { padding-left: 16px; }

.navbar-shadow .navbar--scroll .nav__item:last-child { padding-right: 16px; }

.navbar-first .nav__item:last-child a { padding-right: 0; }

.navbar-first .nav__item { white-space: nowrap; }

.nav__item--green a { color: #75b72e; }

.nav__item--green ins { text-decoration: none; }

.nav__item--new { position: relative; }

.navbar-first .nav__item--active a { color: #21409A; }

.nav--column .nav__item { display: inline-block; width: 100%; vertical-align: top; }

.footer .nav__item:last-child a:after { content: ""; }

.detail__body-tag .nav__item { background: #f0f0f0; margin: 4px; display: block; padding: 4px 16px; color: #000000; font-size: 12px; }

.terpopuler .nav__item { padding: 4px 24px 4px 0; font-size: 14px; }

.footer .nav { margin: 24px 0; }

.navbar--scroll .nav { padding-top: 4px; padding-bottom: 4px; }

.navbar-first .nav { height: 45px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: nowrap; }

.detail__body-tag .nav { margin: 8px; margin-left: -4px; margin-right: -4px; }

.nav--center { justify-content: center; }

.nav--right { justify-content: flex-end; }

.nav--column { flex-direction: column; width: 100%; }

.navbar { position: relative; }

.header .navbar { height: 35px; overflow: hidden; }

.navbar-logo { display: inline-block; line-height: inherit; white-space: nowrap; }

.navbar-second { background: #f0f0f0; }

.navbar--scroll { padding-top: 0; overflow-x: scroll !important; overflow-y: scroll !important; -webkit-overflow-scrolling: touch; }

.navbar-wrap { overflow: hidden; }

.navbar-shadow { position: relative; margin-left: -18px; margin-right: -18px; }

.navbar-shadow:before { content: ""; width: 18px; height: 100%; top: 0; left: 0; z-index: 1; background: #fff; /* Old browsers */ background: -moz-linear-gradient(right, white 25%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background: -webkit-linear-gradient(right, white 25%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, white 25%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start_color', endColorstr='$end_color',GradientType=1 ); /* IE6-9 */ position: absolute; }

.navbar-shadow:after { content: ""; width: 24px; height: 100%; top: 0; right: 0; z-index: 1; background: #fff; /* Old browsers */ background: -moz-linear-gradient(left, white 25%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background: -webkit-linear-gradient(left, white 25%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to left, white 25%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start_color', endColorstr='$end_color',GradientType=1 ); /* IE6-9 */ position: absolute; }

.back-top { width: 40px; height: 40px; position: fixed; right: 8px; bottom: 60px; background: #cccccc; /* The Fallback */ background: rgba(204, 204, 204, 0.5); color: #FFFFFF; display: flex; justify-content: center; align-items: center; font-size: 22px; z-index: 10; }

.back-top a { display: inherit; color: #FFFFFF; }

.icon-item { display: inline-flex; align-items: center; justify-content: center; margin: 5px 2px; width: 32px; height: 32px; font-size: 20px; color: #FFFFFF; border-radius: 100%; }

.icon-item:hover { color: #FFFFFF; }

.detail .icon-item { width: 35px; height: 35px; padding: 2px; }

.icon-item__fb { background: #3C5A99; }

.icon-item__tw { background: #1DA1F2; }

.icon-item__ig { background: #5851DB; /* Old browsers */ background: -moz-radial-gradient(left bottom, ellipse cover, #ffdc80 15%, #e1306c 55%, #5851db 100%); /* FF3.6+ */ background: -webkit-radial-gradient(left bottom, ellipse cover, #ffdc80 15%, #e1306c 55%, #5851db 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at left bottom, #ffdc80 15%, #e1306c 55%, #5851db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top_color', endColorstr='$bottom_color',GradientType=1 ); /* IE6-9 */ }

.icon-item__in { background: #0077B5; }

.icon-item__yt { background: #FF0000; }

.icon-item__line-fb, .icon-item__line-tw, .icon-item__line-ig, .icon-item__line-in, .icon-item__line-yt { color: #666666; margin: 0; }

.icon-item__line-fb:hover, .icon-item__line-tw:hover, .icon-item__line-ig:hover, .icon-item__line-in:hover, .icon-item__line-yt:hover { color: #666666; }

.icon-item--light { color: #666666; background: #e6e6e6; }

.icon-item--light.icon-item:hover { color: #000000; }

.icon-item--light.icon-item__fb, .icon-item--light.icon-item__fb:hover { color: #3C5A99; }

.icon-item--light.icon-item__tw, .icon-item--light.icon-item__tw:hover { color: #1DA1F2; }

.icon-item--light.icon-item__in, .icon-item--light.icon-item__in:hover { color: #0077B5; }

.icon-logo { position: absolute; z-index: 2; top: 8px; right: 8px; }

.icon-logo img { display: block; max-height: 20px; max-width: 70px; }

.header-main { display: block; position: relative; margin: 0 0 10px; background-color: #21409A; background-image: url("https://akcdn.detik.net.id/community/media/tagsite/2020/02/13/tgs_783a27c51265bcaf3acfdf09afcae2f6.jpg?w=1024&q=90"); background-repeat: no-repeat; background-position: center top; background-size: cover; }

.header-main:after { position: absolute; content: ""; left: 0; top: -25%; right: 0; bottom: 0; background: #000000; /* Old browsers */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start_color', endColorstr='$end_color',GradientType=1 ); /* IE6-9 */ }

.theme-dark .header-main:after { background: #000000; /* Old browsers */ background: -moz-linear-gradient(top, black 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background: -webkit-linear-gradient(top, black 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to top, black 0%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start_color', endColorstr='$end_color',GradientType=1 ); /* IE6-9 */ }

.theme-light .header-main:after { background: #0000ff; /* Old browsers */ background: -moz-linear-gradient(top, blue 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background: -webkit-linear-gradient(top, blue 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to top, blue 0%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start_color', endColorstr='$end_color',GradientType=1 ); /* IE6-9 */ }

.head-video-only .header-main:after { display: none; }

.logo-main { position: relative; color: #fff; z-index: 2; padding-top: 10px; padding-bottom: 15px; }

.logo-main--streaming { padding-top: 30px; text-align: center; }

.logo-main__img { position: relative; display: block; z-index: 2; text-align: center; padding: 20px 0 10px; min-height: 40px; }

.logo-main__img img { max-width: 300px; max-height: 125px; }

.head-video-only .logo-main__img { display: none; }

.logo-main__tagline { font-size: 18px; line-height: 1.25; -webkit-text-shadow: 0 2px 4px rgba(0, 0, 0, 0.75); -moz-text-shadow: 0 2px 4px rgba(0, 0, 0, 0.75); -o-text-shadow: 0 2px 4px rgba(0, 0, 0, 0.75); -ms-text-shadow: 0 2px 4px rgba(0, 0, 0, 0.75); text-shadow: 0 2px 4px rgba(0, 0, 0, 0.75); }

.logo-main__intro { margin: 10px 0 0; }

.head-video-only .logo-main { display: none; }

.player-header, .banner-header { width: 100%; padding: 10px 0 5px; position: relative; z-index: 2; }

.banner-header { justify-content: center; padding: 0; margin: 10px 0; background: #000; /* The Fallback */ background: rgba(0, 0, 0, 0.5); }

.lqd { background-size: cover; background-position: center top; background-repeat: no-repeat; }

.tabs-menu { font-size: 14px; margin: 0 0 20px; }

.tabs-menu__item { position: relative; display: inline-block; padding: 5px 10px; margin: 0 20px 0 0; color: #626262; border-bottom: 4px solid transparent; }

.theme-dark .tabs-menu__item { color: #fff; }

.tabs-menu__item:hover { border-bottom: 4px solid #004C95; }

.tabs-menu__item--active { border-bottom: 4px solid #004C95; }

.sub_title { color: #D0021B; font-size: 11px; display: block; }

.date { color: #A6A6A6; font-size: 11px; }

.banner_reg { padding: 5px 0; text-align: center; }

.scrollup { position: fixed; bottom: 60px; right: 10px; }

.scrollable { position: relative; overflow-x: scroll; /* has to be scroll, not auto */ overflow-y: scroll; /* has to be scroll, not auto */ -webkit-overflow-scrolling: touch; margin: 0 -10px; }

.scrollable > div > article { width: 140px; }

.scrollable .item { display: table; padding: 0 5px 15px; white-space: nowrap; width: 0; }

.scrollable .item > div, .scrollable .item > article, .scrollable .item > a { position: relative; display: inline-block; margin: 0 5px; white-space: normal; vertical-align: top; overflow: hidden; }

.scrollable .item .box_text { padding: 0 10px; }

li.native-ads-d { list-style: none; }

li.native-ads-d .ads_native_d { overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; }

li.native-ads-d .ads_native_d .an_box_img { position: relative; }

li.native-ads-d .ads_native_d .an_box_img:before { display: block; content: ""; width: 100%; padding-top: 75%; }

li.native-ads-d .ads_native_d .an_box_img .img_con { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

li.native-ads-d .ads_native_d .an_desk { margin: 10px 0 0; }

li.native-ads-d .ads_native_d .an_desk h2 { margin: 3px 0; }

li.native-ads-d .ads_native_d .an_desk .an_sub { font-size: 11px; color: #D0021B; color: #ff7c00; }

li.native-ads-d .ads_native_d .an_desk .an_label { font-size: 11px; color: #D0021B; color: #ff7c00; }

li.native-ads-d .ads_native_d .an_desk .an_text { font-size: 11px; margin: 0 0 5px; }

.ads_native_d { overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; }

.ads_native_d .an_box_img { position: relative; }

.ads_native_d .an_box_img:before { display: block; content: ""; width: 100%; padding-top: 75%; }

.ads_native_d .an_box_img .img_con { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.ads_native_d .an_desk { margin: 10px 0 0; }

.ads_native_d .an_desk h2 { margin: 3px 0; }

.ads_native_d .an_desk .an_sub { font-size: 11px; color: #D0021B; color: #ff7c00; }

.ads_native_d .an_desk .an_label { font-size: 11px; color: #D0021B; color: #ff7c00; }

.ads_native_d .an_desk .an_text { font-size: 11px; margin: 0 0 5px; }

.an_4_3 .ads_native_d .an_box_img:before { padding-top: 75%; }

.an_text_hide .ads_native_d .an_text { font-size: 11px; display: none; }

.an_box_img .img_con { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; text-align: center; background-color: rgba(33, 33, 33, 0.1); overflow: hidden; }

.an_box_img .img_con img { width: unset; height: unset; max-height: -moz-available; max-height: -webkit-fill-available; max-height: fill-available; }

.lqd_img { width: 150%; height: 150%; background-size: cover; filter: blur(10px); -webkit-filter: blur(10px); position: absolute; top: -25%; left: -25%; z-index: 0; }

.list.media_rows .ads_native_d, .list.media_rows .adsmart_list_artikel { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-flex: 1; }

.list.media_rows .ads_native_d .an_desk, .list.media_rows .adsmart_list_artikel .an_desk { margin: 0 0 0 12px; padding: 0; width: 100%; -ms-flex: 1 0 0px; flex: 1; }

.list.media_rows .ads_native_d .an_desk h2, .list.media_rows .adsmart_list_artikel .an_desk h2 { font-size: 14px; }

.list.media_rows .ads_native_d .an_box_img, .list.media_rows .adsmart_list_artikel .an_box_img { width: 105px; display: table; }

.cols .ads_native_d .an_box_img .img_con img { height: 100%; }

.cols .ads_native_d .an_desk h2 { font-size: 16px; }

.footer-main { color: #fff; background: rgba(0, 0, 0, 0.8); }

.theme-dark .footer-main { background: rgba(255, 255, 255, 0.2); }

.theme-light .footer-main { background: rgba(0, 0, 0, 0.8); }

.footer-main .foot1 { background: rgba(255, 255, 255, 0.2); padding: 10px 0; }

.footer-main .foot2 { padding: 10px 0; font-size: 12px; line-height: 150%; }

.footer-main .foot2 hr { display: none !important; }

.footer { text-align: center; font-size: 14px; background: #e6e6e6; color: #666666; }

.footer__logo { margin-top: 24px; display: inline-block; }

.footer__logo img { width: 160px; }

.footer__social { margin: 0px 0px 20px 0; }

.footer__copy { display: inline-block; margin-bottom: 32px; }

.footer__border { height: 4px; background: #21409A; /* Old browsers */ background: -moz-linear-gradient(135deg, #21409a 50%, #007cbd 100%); /* FF3.6+ */ background: -webkit-linear-gradient(135deg, #21409a 50%, #007cbd 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #21409a 50%, #007cbd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start_color', endColorstr='$end_color',GradientType=1 ); /* IE6-9 */ display: block; }

.footer__get-app { font-size: 12px; }

.footer__app-store { justify-content: center; align-items: center; }

.footer__app-store img { margin: 16px 2px; height: 34px; }

.footer-title { font-size: 12px; }

.footer-title__partof { margin-top: 8px; color: #666666; padding: 4px 0; }

.footer-title__partof img { width: 80px; vertical-align: bottom; margin: 0 0 5px 3px; }

.dropdown { position: relative; -webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; -ms-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; }

.dropdown--lainnya { border-top-right-radius: 8px; }

.dropdown a:focus, .dropdown:focus { outline: none; }

.dropdown-wrap { display: inline-block; position: relative; }

.dropdown-menu { text-align: left; padding-top: 12px; display: block; min-width: 180px; position: absolute; top: 100%; left: 0; max-height: 0; visibility: hidden; overflow: hidden; z-index: 3; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; -ms-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }

.dropdown-menu li { padding: 0; }

.dropdown-menu .navbar-nav__item a { padding: 8px 24px; }

.dropdown-menu .navbar-nav__item:last-child { margin-bottom: 12px; }

.dropdown-menu__content { min-width: 200px; position: relative; margin: 8px; background: #FFFFFF; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15); }

.dropdown-menu__content:after { content: ""; position: absolute; left: 28px; width: 0; height: 0; top: 0; border: 6px solid black; border-color: transparent transparent #FFFFFF #FFFFFF; transform-origin: 0 0; transform: rotate(135deg); box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.05); }

.dropdown-menu--right .dropdown-menu__content:after { left: auto; right: 2px; }

.dropdown-menu--right { left: auto; right: 0; border-top-right-radius: 0; }

.dropdown-menu--top { top: unset; bottom: 100%; margin-top: 0; margin-bottom: 4px; }

.dropdown-menu--top .dropdown-menu__content:after { transform: rotate(-45deg); top: 100%; right: 12px; }

.dropdown-aktif .dropdown-menu { max-height: 500px; visibility: visible; opacity: 1; filter: alpha(opacity=100); }

.dropdown-aktif .dropdown .icon-chevron-down, .dropdown-aktif .dropdown .icon-chevron-up { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.dropdown > .icon { -webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; -ms-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s; }

.navbar { background: #000000; /* The Fallback */ background: rgba(0, 0, 0, 0.5); }

.header-main .navbar { height: 35px; overflow: hidden; z-index: 11; }

.navbar-first { margin-right: 40px; }

.navbar-shadow { margin-left: -10px; margin-right: -10px; }

.navbar-shadow:before, .navbar-shadow:after { background: none; }

.navbar-right { position: absolute; top: 0; right: 0; width: 40px; height: 35px; z-index: 2; }

.navbar-right__menu { width: 100%; height: 100%; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; }

.nav__item a { color: #FFFFFF; }

.navbar-first .nav__item--active a { opacity: 0.7; filter: alpha(opacity=70); color: #FFFFFF; }

.navbar-second .nav { position: fixed; top: 46px; right: 0; bottom: 0; width: 200px; padding: 16px; z-index: 12; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }

.menu-aktif .navbar-second .nav { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); }

.layer-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 11; overflow: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }

.menu-aktif .layer-overlay { opacity: 0.75; filter: alpha(opacity=75); }

.menu-aktif { overflow: hidden; }

.live-streaming { margin-top: 16px; margin-bottom: 32px; padding-bottom: 10px; position: relative; z-index: 2; clear: both; }

.live-streaming .media-partner { text-align: center; margin-bottom: 16px; color: #FFFFFF; }

.komentar { height: 600px; margin-top: 8px; overflow: auto !important; -webkit-overflow-scrolling: touch !important; padding: 5px; background: #FFFFFF; }

.theme-1 a.selected, .theme-1 a:hover { color: #927f3c; }

.theme-1 .tabs-menu__item--active, .theme-1 .tabs-menu__item:hover { border-color: #927f3c; }

.theme-1 .paging a.selected, .theme-1 .paging a:hover { color: #fff; background: #927f3c; }

.theme-1 .paging a.selected .icon, .theme-1 .paging a:hover .icon { color: #fff; }

.theme-1 .paging a .icon { color: #fff; }

.theme-1 .btn { background: #927f3c; }

.theme-1 .title_box--theme { background: #927f3c; color: #fff; }

.theme-2 a.selected, .theme-2 a:hover { color: #42b549; }

.theme-2 .tabs-menu__item--active, .theme-2 .tabs-menu__item:hover { border-color: #42b549; }

.theme-2 .paging a.selected, .theme-2 .paging a:hover { color: #fff; background: #42b549; }

.theme-2 .paging a.selected .icon, .theme-2 .paging a:hover .icon { color: #fff; }

.theme-2 .paging a .icon { color: #fff; }

.theme-2 .btn { background: #42b549; }

.theme-2 .title_box--theme { background: #42b549; color: #fff; }

.theme-3 a.selected, .theme-3 a:hover { color: #f43059; }

.theme-3 .tabs-menu__item--active, .theme-3 .tabs-menu__item:hover { border-color: #f43059; }

.theme-3 .paging a.selected, .theme-3 .paging a:hover { color: #fff; background: #f43059; }

.theme-3 .paging a.selected .icon, .theme-3 .paging a:hover .icon { color: #fff; }

.theme-3 .paging a .icon { color: #fff; }

.theme-3 .btn { background: #f43059; }

.theme-3 .title_box--theme { background: #f43059; color: #fff; }

.theme-4 a.selected, .theme-4 a:hover { color: #ff5c26; }

.theme-4 .tabs-menu__item--active, .theme-4 .tabs-menu__item:hover { border-color: #ff5c26; }

.theme-4 .paging a.selected, .theme-4 .paging a:hover { color: #fff; background: #ff5c26; }

.theme-4 .paging a.selected .icon, .theme-4 .paging a:hover .icon { color: #fff; }

.theme-4 .paging a .icon { color: #fff; }

.theme-4 .btn { background: #ff5c26; }

.theme-4 .title_box--theme { background: #ff5c26; color: #fff; }

.pdb-counter:after { padding-top: calc(56.25% + 35px) !important; }