/* Variable */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

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

ul { list-style: none; }

blockquote, q { quotes: none; }

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

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

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { background: none; color: #979797; }

div { position: relative; }

@font-face { font-family: "Gotham"; font-style: normal; font-weight: normal; src: url("../fonts/Gotham-Medium.eot?") format("eot"), url("../fonts/Gotham-Medium.svg#Gotham") format("svg"), url("../fonts/Gotham-Medium.woff") format("woff"); size-adjust: 99.5%; font-display: block; }

@font-face { font-family: "Gotham"; font-style: normal; font-weight: 300; src: url("../fonts/Gotham-Book.eot?") format("eot"), url("../fonts/Gotham-Book.svg#Gotham") format("svg"), url("../fonts/Gotham-Book.woff") format("woff"); font-display: block; }

@font-face { font-family: "Gotham"; font-style: normal; font-weight: bold; src: url("../fonts/Gotham-Bold.eot?") format("eot"), url("../fonts/Gotham-Bold.svg#Gotham") format("svg"), url("../fonts/Gotham-Bold.woff") format("woff"); size-adjust: 99.5%; font-display: block; }

@font-face { font-family: "Gotham"; font-style: normal; font-weight: 300; src: url("../fonts/Gotham-Light.eot?") format("eot"), url("../fonts/Gotham-Light.svg#Gotham") format("svg"), url("../fonts/Gotham-Light.woff") format("woff"); size-adjust: 99.5%; font-display: block; }

@font-face { font-family: "Gotham"; font-style: normal; font-weight: 100; src: url("../fonts/Gotham-Thin.eot?") format("eot"), url("../fonts/Gotham-Thin.svg#Gotham") format("svg"), url("../fonts/Gotham-Thin.woff") format("woff"); size-adjust: 99.5%; font-display: block; }

@font-face { font-family: "icon"; font-style: normal; font-weight: normal; src: url("../fonts/icon/icomoon.eot?") format("eot"), url("../fonts/icon/icomoon.svg#icon") format("svg"), url("../fonts/icon/icomoon.woff") format("woff"); size-adjust: 99.5%; font-display: block; }

body { font-family: "Helvetica", sans-serif; line-height: 120%; overflow-x: hidden; min-width: 300px; padding: 0; margin: 0; }

body.show { height: 100%; overflow: hidden; width: 100%; }

strong { font-weight: bold; }

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

.main.grey { background: #f4f4f4; }

a { color: #295d97; text-decoration: none; }

a:hover { color: #204d7f; }

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

.clearfix:after { clear: both; }

.pull-left { float: left; }

.pull-right { float: right; }

img { max-width: 100%; }

.container { margin: 10px 10px 0; }

.full { margin-right: -10px; margin-left: -10px; }

.mt0 { margin-top: 0; }

.mb0 { margin-bottom: 0; }

.mb5 { margin-bottom: 5px; }

.mb20 { margin-bottom: 20px; }

.mb30 { margin-bottom: 30px; }

.mt10 { margin-top: 10px; }

.mt20 { margin-top: 20px; }

.mt30 { margin-top: 30px; }

.pt0 { padding-top: 0; }

.pb0 { padding-bottom: 0; }

.pb5 { padding-bottom: 5px; }

.pt10 { padding-top: 10px; }

.pt20 { padding-top: 20px; }

.pb15 { padding-bottom: 15px; }

.pb20 { padding-bottom: 20px; }

.img_full { width: 100%; }

.scroll { width: 100%; position: relative; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }

.scroll__desc { margin: 0 10px 15px; font-size: 12px; color: #000; font-family: "Gotham",sans-serif; font-weight: 300; line-height: 18px; }

.scroll__wrap { white-space: nowrap; width: 0; height: auto; }

.align-center { display: table; width: 100%; height: 100%; }

.align-center .valign { display: table-cell; vertical-align: middle; }

.blue { color: #295d97; }

.green { color: #61a116; }

.red { color: #dc0000; }

.socmed { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #295d97; }

.socmed a { width: 34px; height: 34px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; display: inline-block; text-align: center; margin-right: 10px; }

.socmed a i { color: #fff; font-size: 1.2em; line-height: 1.8em; }

.socmed a i:before { color: #fff; }

.socmed p { color: #fff; margin-bottom: 10px; }

.fb { background: #3b5998; }

.tw { background: #108af2; }

.ig { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%); }

.gp { background: #d03a30; }

.wa { background: #3ace01; }

.whatsap { background: #3ace01; }

.li { background: #3ace01; }

.line { background: #3ace01; }

.line .icon-line:before { color: #fff; }

.ma { background: #669c41; }

h2, h3, h4, h5 { font-family: "Gotham", sans-serif; font-weight: bold; }

h2 { font-size: 1.125em; line-height: 1.375em; letter-spacing: -0.01em; }

h3 { font-size: 1em; }

h4 { font-size: 0.9em; }

p { font-size: 0.8em; }

.text-center { text-align: center; }

.text-center.bg { background: #fff; margin-top: -1px; }

.text-right { text-align: right; }

.title { color: #295d97; margin-bottom: 15px; display: block; font-family: "Gotham", sans-serif; font-weight: bold; }

.title.mb0 { margin-bottom: 0; }

.title--br { padding-bottom: 13px; position: relative; }

.title--br:before { content: ""; width: 20%; height: 3px; background: #cc0000; bottom: 0; left: 0; position: absolute; }

.title--brf { padding: 10px; background: #204d7f; color: #fff; margin: 0 -10px; }

.title--brf p { font-weight: 300; display: block; padding-top: 5px; font-size: 16px; font-family: "Helvetica", sans-serif; margin-top: 5px; }

.title--arrow:after { content: "\e907"; font-family: "icon"; position: absolute; right: 0; font-size: 25px; }

.title--arrow.blue i { color: #fff; }

.title--arrow.blue.no-mr { margin: 10px 0; }

.title--arrow img { height: 1em; }

.title.no-mb { margin-bottom: 0; }

.title.blue { background: #204d7f; color: #fff; padding: 10px 10px 8px; }

.title.tv { background: #004c7d; padding: 5px 10px 4px 0px; color: #fff; font-size: 0.9em; font-weight: normal; position: relative; overflow: hidden; }

.title.tv span { background: #d0021b; padding: 7px 10px 6px 18px; color: #fff; position: relative; margin-right: 10px; font-weight: bold; }

.title.tv span img { height: 8px; position: absolute; left: 5px; top: 9px; }

.title.review { display: block; color: #fff; padding: 14px; background: url("../images/bg-year-in-review.png") no-repeat; background-size: cover; line-height: 1.5; }

.sub, .sub__top, .date { position: relative; display: inline-block; font: 300 0.688em "Gotham", sans-serif; }

.sub__top.live { padding: 4px 5px 2px; margin: 10px 0; background: #d0021b; color: #fff; font: bold 0.875em "Gotham", sans-serif; }

.sub { color: #ec6e60; text-transform: uppercase; }

.sub__top { color: #f37020; font-size: 14px; font-weight: 500; }

.date { color: #a3a3a3; padding-left: 13px; margin-left: 5px; font-family: "Gotham", sans-serif; }

.date:before { content: "-"; position: absolute; left: 0; }

.date.d_fokus { padding-left: 0 !important; }

.date.d_fokus:before { content: ""; }

.slick-dots { text-align: center; margin: 0 15px 0; position: relative !important; bottom: inherit !important; right: inherit !important; }

.slick-dots li { display: inline-block; padding: 2px 3px; width: inherit !important; height: inherit !important; background: none !important; }

.slick-dots li:first-child { padding-left: 15px; }

.slick-dots li button { width: 10px !important; height: 10px !important; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; background: #c8c8c8 !important; font-size: 0px; display: block !important; border: none; padding: 0; outline: none; }

.slick-dots li button:before { color: transparent !important; }

.slick-dots li.slick-active button { background: #295d97 !important; }

.icon__text { position: absolute; left: 0; bottom: 0; font-size: 0.75em; opacity: 0.8; background: rgba(0, 0, 0, 0.7); padding: 4px 5px 2px; font-family: "Gotham", sans-serif; font-weight: normal; max-height: inherit; min-height: inherit; display: inline-block; color: #fff; z-index: 2; }

.icon__text.top { top: 0; bottom: inherit; right: 0; left: inherit; font-size: 0.9em; line-height: 130%; }

.icon__text.top i { font-size: 1.2em; }

.icon__text i { margin-right: 5px; font-size: 1.5em; float: left; opacity: 0.8; }

.icon__text i.icon-graph { font-size: 2em; margin-right: 0; }

.icon__text.m10 { margin: 10px; }

.icon__text.no-bg { background: none; padding: 0; }

.icon__text.big { font-size: 1.8em; }

.icon__text.big-text { font-size: 1.8em; width: 100%; height: 100%; top: 0; left: 0; text-align: center; line-height: 185%; }

.icon__text.big .icon-graph { margin-left: -8px; }

.icon__text.album { background: rgba(68, 68, 68, 0.8) url(../images/icon_album.png) 5px center no-repeat; padding: 5px 10px 5px 30px; opacity: 1; z-index: 2; color: #c2bebe; }

.icon__text.album.js-slideshow { background: rgba(68, 68, 68, 0.3); padding: 5px 10px; display: flex; justify-content: center; align-items: center; z-index: 14; }

.icon__text.album.js-slideshow img { width: 20px; }

.icon__text.album i { font-size: 1em; }

.icon__text.album b { color: #e3a948; margin-left: 5px; }

.icon__text.fs-icon { right: 10px; left: inherit; padding: 0; bottom: 10px; width: 43px; height: 43px; background: url(../images/zoomin-icon.png) no-repeat; }

.icon__text--detiknetwork { top: 8px; right: 8px; left: auto; background: none; padding: 0; }

.icon__text--detiknetwork img { display: block; max-height: 26px; max-width: 75px; object-fit: contain; }

.icon__text--watermark { position: absolute; z-index: 10; left: 36%; top: 30%; background: none; padding: 0; height: fit-content; }

@media (max-width: 321px) { .icon__text--watermark { left: 33%; top: 25%; } }

.icon__text--watermark img { display: block; max-width: 91px; object-fit: contain; }

.icon__text--watermark-zoom { top: 25%; }

@media (max-width: 321px) { .icon__text--watermark-zoom { left: 36%; top: 20%; } }

.backtop { position: fixed; bottom: -100px; width: 40px; height: 40px; right: 10px; background: #295d97; display: table; text-align: center; z-index: 9; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }

.backtop i { font-size: 2em; color: #fff; display: table-cell; vertical-align: middle; }

.backtop.show { bottom: 60px; }

.close-top-banner { width: 30px; height: 30px; color: #cc0000; text-align: center; position: absolute; right: 5px; top: 5px; font-size: 2em; }

.btn__next { text-align: center; padding-right: 20px; display: inline-block; font-size: 0.9em; padding: 15px 0; }

.btn__next i { font-size: 1.4em; line-height: 0.8em; float: right; }

.btn__more { text-align: center; padding-right: 20px; display: inline-block; font-size: 0.9em; padding: 7px 15px; border: 0.063em solid #979797; margin: 15px 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }

.btn__more.arrow { padding: 7px 5px 7px 15px; color: #000; font-family: "Gotham", sans-serif; font-weight: bold; }

.btn__more.arrow i { font-size: 2em; line-height: 0.6em; vertical-align: middle; float: right; }

.btn.blue { background: #295d97; padding: 10px; border: none; color: #fff; font-size: 0.875em; font-weight: bold; }

.btn.blue-sm { padding: 5px 10px; font-size: 12px; font-weight: 400; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }

.btn.bordered { border: 1px solid #295d97; padding: 5px 10px; color: #295d97; font-size: 12px; font-weight: 400; line-height: 1em; display: inline-block; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }

.btn.bordered-max { border: 1px solid #295d97; padding: 10px 15px; color: #295d97; font-size: 12px; font-weight: 400; line-height: 1em; display: inline-block; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; letter-spacing: 0.1em; }

.btn.btn-watch { background: #295d97; padding: 15px 20px; border: none; color: #fff; font-size: 18px; font-weight: normal; display: inline-block; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; letter-spacing: 0.11em; }

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

.btn--img { padding: 6px 7px !important; }

.btn.btn-medium { font-size: 16px; padding: 8px 12px; }

.input { background: #fff; border: 1px solid #979797; margin-bottom: 10px; position: relative; overflow: hidden; height: 33px; }

.input input, .input select { border: none; outline: none; width: 100%; color: #4a4a4a; font-size: 12px; line-height: 12px; background: none; display: block; position: relative; z-index: 1; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: "Helvetica", sans-serif; margin: 11px 10px; }

.input .datepick:before { content: "\e90f"; font-family: "icon"; position: absolute; left: 10px; top: 8px; font-size: 1.2em; color: #4a4a4a; }

.input .datepick input { margin: 9px 10px 5px 37px; height: 15px; overflow: hidden; }

.input .datepick--kurs:before { display: none; }

.input .datepick--kurs input { margin: 8px 10px 0px 8px; background-color: transparent; z-index: 5; display: block; width: -webkit-fill-available; }

.input .datepick--kurs input:hover::before { width: 98%; padding: 0; }

.input i { display: block; position: absolute; font-size: 1.2em; z-index: 2; color: #4a4a4a; right: 10px; top: 7px; }

.input--no-margin { margin: 0; }

.input--mb5 { margin-bottom: 5px; }

.input--half { width: calc(50% - 1px); border-right: 1px solid #979797; }

.input--half:last-child { border: none; }

.input--full { width: 100%; }

.input--3col { width: 33.3%; }

.input--3col:nth-child(2n) { border-left: 1px solid #979797; border-right: 1px solid #979797; width: calc(33.3% - 2px); }

.input--3col i { position: absolute; right: 5px; margin-right: 0; }

.input--3col.datepick:before { left: 5px; font-size: 1em; }

.input--3col.datepick input { margin-left: 27px; }

.input.email { padding: 0; height: auto; background-color: #f7f7f7; border: 0.031em solid #979797; }

.input.email input { width: 62%; float: left; padding: 10px; font-style: italic; }

.input.email button { width: 30%; float: right; }

.input.select { background-color: #ffffff; border: 1px solid #d0d0d0; border-radius: 0.313em; -webkit-border-radius: 0.313em; -moz-border-radius: 0.313em; -ms-border-radius: 0.313em; -o-border-radius: 0.313em; position: relative; height: auto; }

.input.select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; vertical-align: middle; max-width: inherit; width: 100%; font: 0.875em "Gotham", sans-serif; }

.input.select i { position: absolute; right: 5px; top: 9px; font-size: 1.4em; }

.input--kurs { border-radius: 8px; }

.search { width: 100%; display: inline-block; }

.search__input { font-size: 0.8em; color: #333; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; display: block; position: relative; background: #fff; height: auto; border: 1px solid #d0d0d0; }

.search__input button { font-size: 1.5em; color: #333; position: absolute; right: 10px; top: 0; margin: 0; padding: 0; background: none; border: none; height: 100%; outline: none; }

.search__input input { background: none; border: none; width: 100%; outline: none; font-size: 1em; line-height: 1em; height: 14px; overflow: hidden; display: block; padding: 7px 20px 7px 10px; }

.search__results { padding-bottom: 15px; font-size: 0.9em; color: #4a4a4a; }

.search__results b { font-weight: bold; }

.search #autocomplete { width: 90%; height: 15px; padding: 10px 5%; }

.autocomplete-suggestions { border: 1px solid #dedede; -webkit-box-shadow: 0 1px 7px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 7px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 7px 0px rgba(0, 0, 0, 0.1); background: #fff; cursor: default; color: #4e4e4e; overflow: auto; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; margin: 3px 0; }

.autocomplete-suggestion { padding: 10px; font-size: 0.8em; white-space: nowrap; overflow: hidden; }

.autocomplete-selected { background: #f0f0f0; }

.autocomplete-suggestions strong { font-weight: bold; color: #295d97; }

/*S:IMAGES*/
.box_img { display: block; position: relative; width: 100%; overflow: hidden; }

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

/* Other ratios */
.ratio1_1:before { padding-top: 100%; }

.ratio2_1:before { padding-top: 50%; }

.ratio1_2:before { padding-top: 200%; }

.ratio4_3:before { padding-top: 75%; }

.ratio3_4:before { padding-top: 133%; }

.ratio16_9:before { padding-top: 56.25%; }

.ratio9_16:before { padding-top: 178%; }

.ratio9_8:before { padding-top: 85%; }

.img_con { /* Positioning */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; /* Styling */ background: #f8f8f8; 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; }

.ratiobox { display: block; position: relative; overflow: hidden; }

.ratiobox__content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; z-index: 2; }

.ratiobox__content iframe { position: absolute; width: 100%; height: 100%; }

.galery-slider-main .ratiobox__content { position: relative; overflow: hidden; }

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

.galery-slider-main .ratiobox:after { display: none; }

.ratiobox.ratio16_9:after { padding-top: 56.25%; }

.mb15 { margin-bottom: 15px; }

.display-table { display: table; width: 100%; height: 100%; }

.relative { position: relative; }

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

/*E:IMAGES*/
.tab__content { display: none; }

.tab__content.current { display: block; }

.paging { margin: 20px 0; }

.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 { display: inline-block; vertical-align: top; width: 32px; height: 32px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; font: normal 1em "Gotham", sans-serif; line-height: 32px; color: #000; background: #d8d8d8; text-align: center; }

.paging-long .paging a { background: #fff; border: 1px solid #206292; }

.paging a.active { background: #295d97; color: #fff; }

.paging-long .paging a.active { background: #206292; }

.paging a.arrow, .paging a.jump { background: none; }

.paging a.arrow i, .paging a.jump i { color: #295d97; font-size: 1.4em; line-height: 30px; }

.paging-long { font-family: "Gotham", sans-serif; 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; }

.error__page { background: #295d97; width: 90%; padding: 5%; height: 400px; display: table; }

.error__page__row { display: table-cell; vertical-align: middle; }

.error__page h2 { font-size: 5.5em; font-weight: bold; color: #ffffff; line-height: 90%; }

.error__page h3 { font-size: 2.813em; color: #f5a623; font-weight: 300; }

.error__page h4 { font-size: 1.188em; color: #ffffff; font-weight: 300; margin: 40px 0; }

.error__page p { font-size: 1em; color: #ffffff; font-weight: 300; }

.topik_dtl p { max-width: 100% !important; }

.topik_dtl a:hover, .topik_dtl a:focus { text-decoration: none !important; }

.topik_dtl .title { border: none !important; }

.lvr_live { position: absolute; top: 15px; left: 0; background-color: #d0021b; color: #fff; padding: 0 8px; z-index: 2; text-transform: uppercase; height: 20px; line-height: 20px; font-size: 13px; font-style: italic; font-weight: bold; text-shadow: 1px 1px 5px transparent; }

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

.lvr_live.big { font-size: 16px; height: 30px; line-height: 30px; padding: 0 14px; top: 10px; }

.lvr_live.big span { margin-top: 9px; }

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

.list__item .banner__in .label_adsmart img { margin: 0 auto; }

.empty-kurs { color: #295d97; margin: 10% 0; text-align: center; }

.empty-kurs h3 { font-weight: bold; }

.cb-covid { margin: 10px -15px 1px; padding: 15px; }

.cb-covid a.title { margin-bottom: 0; }

.cb__detiknetwork { height: 250px; }

.cb__detiknetwork .list-scroll__item { height: 215px; }

.cb__detiknetwork .list-scroll__item p { min-height: 58px; max-height: 58px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-top: 5px; }

.cb__detiknetwork .list-scroll__item .sub { padding: 10px 0 0 10px; margin-bottom: 0; }

.multiple-box { margin: 0 10px; margin-top: 30px; padding: 15px 10px; border-top: 5px solid #295d97; background: #f7f7f7; display: flex; align-items: center; margin-bottom: 20px; }

.multiple-box-sub { color: #f5a623; padding-bottom: 10px; font-size: 14px; font-weight: bold; }

.multiple-box i { font-size: 80px; color: #295d97; }

.multiple-title { color: #333; font-size: 16px !important; font-weight: 400 !important; }

.read-full-article { width: 1px; height: 1px; }

[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-eye:before { content: "\e900"; }

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

.icon-tweet:before, .icon-twitter:before { content: "\e902"; }

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

.icon-graph:before { content: "\e904"; }

.icon-spotify-big-logo:before { content: "\e905"; }

.icon-keyboard_arrow_up:before { content: "\e906"; }

.icon-keyboard_arrow_right:before { content: "\e907"; }

.icon-keyboard_arrow_left:before { content: "\e908"; }

.icon-keyboard_arrow_down:before { content: "\e909"; }

.icon-google-plus:before { content: "\e90a"; }

.icon-cancel2:before { content: "\e90b"; }

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

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

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

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

.icon-arrow_drop_down:before { content: "\e910"; }

.icon-line:before { content: "\e911"; }

.icon-whatsapp:before { content: "\e912"; }

.icon-envelope:before { content: "\e913"; }

.icon-arrow_drop_up:before { content: "\e914"; }

.icon-cancel:before { content: "\e915"; }

.icon-minus:before { content: "\e916"; }

.icon-add:before { content: "\e917"; }

.icon-icon_cnbctv:before { content: "\e918"; }

.icon-line-chart:before { content: "\e919"; }

.icon-checkmark:before { content: "\e91a"; }

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

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

.header { position: relative; z-index: 32; }

.header .header__top { position: absolute; height: 65px; background: #295d97; top: 0; width: 100%; z-index: 35; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }

.header .header__top.fixed { position: fixed; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); animation: slideUp 0.3s normal forwards ease-in-out; height: 55px; -webkit-box-shadow: 0 1px 7px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 7px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 7px 0px rgba(0, 0, 0, 0.2); }

.header .header__top.fixed .logo img { height: 41px; display: block; }

.header .header__top.fixed .logo a { height: 41px; width: 44.27px; }

.header .header__top.fixed .menu { margin-top: 0; }

.header .header__top.show { top: 0; position: fixed; }

.header .header__top.show .menu__tv { z-index: 33; }

.header .header__top.show .menu__icon { z-index: 33; }

.header .header__top.show .menu__graph { z-index: 33; }

.header .header__top.show .logo { z-index: 33; }

.header .header__top .logo { z-index: 11; margin: 6px 0 0; width: 100%; position: absolute; text-align: center; }

.header .header__top .logo img { height: 51px; display: block; }

.header .header__top .logo a { display: inline-block; text-indent: -99em; overflow: hidden; width: 55.08px; height: 51px; }

.header .header__top .sub__title { float: left; font-size: 1.1em; padding: 1.1em 0; color: #fff; }

.header .header__top .menu { margin-top: 6px; }

.header .header__top .menu__tv { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; padding: 5px 10px 5px 20px; color: #fff; margin: 15px 15px; font-size: 0.8em; border: 1px solid #b2b2b2; line-height: 100%; position: relative; z-index: 13; }

.header .header__top .menu__tv img { position: absolute; left: 7px; top: 8px; }

.header .header__top .menu__tv i { font-size: 1.6em; line-height: 1.15em; width: 18px; color: #cc0000; position: absolute; right: 5px; top: 0; }

.header .header__top .menu__icon { z-index: 13; width: 20px; height: 12px; position: relative; margin: 20px 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; }

.header .header__top .menu__icon span { display: block; position: absolute; height: 3px; width: 100%; background: #fff; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; }

.header .header__top .menu__icon span:nth-child(1) { top: 0px; }

.header .header__top .menu__icon span:nth-child(2) { top: 6px; }

.header .header__top .menu__icon span:nth-child(3) { top: 12px; }

.header .header__top .menu__icon.show span { background: #fff; }

.header .header__top .menu__icon.show span:nth-child(1) { top: 6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.header .header__top .menu__icon.show span:nth-child(2) { width: 0%; opacity: 0; }

.header .header__top .menu__icon.show span:nth-child(3) { top: 6px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.header .header__top .menu__block { position: fixed; width: 100%; height: 100vh; background: #204d7f; z-index: 30; top: 0; left: 0; -webkit-transform: translateX(100%); -moz-webkit-transform: translateX(100%); transform: translateX(100%); -o-transform: translateX(100%); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }

.header .header__top .menu__block.show { -webkit-transform: translateX(0%); -moz-webkit-transform: translateX(0%); transform: translateX(0%); -o-transform: translateX(0%); }

.header .header__top .menu__block.fixed { top: 0; }

.header .header__top .menu__block__search { height: 110px; width: 100%; background: #295d97; position: fixed; top: 0; }

.header .header__top .menu__block__search__input { width: calc(100% - 60px); padding: 7px 20px 7px 10px; margin: 67px 15px 0; font-size: 0.8em; display: block; position: relative; background: #fff; height: 18px; }

.header .header__top .menu__block__search__input input { padding: 0; }

.header .header__top .menu__block__user { padding: 20px; }

.header .header__top .menu__block__user .btn { display: inline-block; text-align: center; padding: 8px 20px; font-size: 0.8em; line-height: 100%; color: #fff; border: 1px solid #a9a9a9; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; margin: 0 2px; }

.header .header__top .menu__block__user .btn.active { background: #295d97; border: 1px solid #204d7f; }

.header .header__top .menu__block__user__photo { width: 60px; height: 60px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border: 1px solid #204d7f; overflow: hidden; position: relative; margin-right: 10px; }

.header .header__top .menu__block__user__photo img { height: 100%; }

.header .header__top .menu__block__user__desc { padding: 10px 0; }

.header .header__top .menu__block__user__desc a { display: block; color: #fff; font-size: 0.8em; }

.header .header__top .menu__block__user__desc a span { font-size: 0.7em; }

.header .header__top .menu__block .scroll { top: 110px; height: calc(100% - 110px); overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; position: absolute; }

.header .header__top .menu__block__list li { border-top: 1px solid #18416d; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; overflow: hidden; position: relative; }

.header .header__top .menu__block__list li.submenu { display: block; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }

.header .header__top .menu__block__list li.submenu:before { font-family: "icon"; content: "\e906"; position: absolute; font-size: 1.5em; color: #fff; width: 20px; height: 20px; right: 10px; top: 12px; }

.header .header__top .menu__block__list li.arrow_down:before { content: "\e907"; }

.header .header__top .menu__block__list li:focus { background: #222; }

.header .header__top .menu__block__list li a { color: #d8d8d8; font: 300 0.875em "Gotham", sans-serif; padding: 15px 20px 10px; display: block; }

.header .header__top .menu__block__list li ul { background: #18416d; position: relative; }

.header .header__top .menu__block__list li ul li { border-top: 1px solid #25557b; }

.header .header__top .menu__block__list li ul li a { padding: 13px 20px 10px; }

.header .header__top .menu__block .socmed { border-bottom: none; padding: 20px; display: inline-block; }

.header .header__top .menu__block .socmed a { width: 42px; height: 42px; }

.header .header__top .menu__block .socmed a i { font-size: 1.4em; }

.header .header__top .menu__block .socmed p { color: #d8d8d8; }

.header .header__top .menu__graph { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; color: #fff; margin: 14px 15px; border: 1px solid #fff; position: relative; z-index: 13; line-height: 1; padding: 4px; font-size: 18px; margin-right: 0px; }

.header .header__bottom { background: #204d7f; height: auto; position: relative; padding-top: 65px; z-index: 32; font-display: optional; }

.header .header__bottom .menu-slide { position: relative; }

.header .header__bottom .menu-slide a { display: inline-block; color: #fff; padding: 7px 10px 6px; font-size: 0.875em; font-family: "Gotham", sans-serif; letter-spacing: -0.01em; text-transform: uppercase; position: relative; }

.header .header__bottom .menu-slide a:first-child { margin-left: 10px; padding-left: 0; }

.header .header__bottom .menu-slide a:last-child { margin-right: 17px; }

.header .header__bottom .menu-slide a.active:after { content: ""; width: calc(100% - 20px); height: 3px; position: absolute; bottom: 0; left: 10px; background: #ec6e60; }

.header .header__bottom .menu-slide a.active:first-child:after { width: calc(100% - 10px); left: 0; }

.header .header__bottom:before, .header .header__bottom:after { content: ""; position: absolute; height: 31px; width: 15px; bottom: 1px; z-index: 1; }

.header .header__bottom:before { left: 0; background: #083c62; /* Old browsers */ background: -moz-linear-gradient(left, #083c62 0%, rgba(8, 60, 98, 0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #083c62), color-stop(100%, rgba(8, 60, 98, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #083c62 0%, rgba(8, 60, 98, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #083c62 0%, rgba(8, 60, 98, 0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #083c62 0%, rgba(8, 60, 98, 0) 100%); /* IE10+ */ background: linear-gradient(to right, #083c62 0%, rgba(8, 60, 98, 0) 100%); /* W3C */ }

.header .header__bottom:after { right: 0; background: rgba(8, 60, 98, 0); /* Old browsers */ background: -moz-linear-gradient(left, rgba(8, 60, 98, 0) 0%, #083c62 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(8, 60, 98, 0)), color-stop(100%, #083c62)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(8, 60, 98, 0) 0%, #083c62 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(8, 60, 98, 0) 0%, #083c62 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(8, 60, 98, 0) 0%, #083c62 100%); /* IE10+ */ background: linear-gradient(to right, rgba(8, 60, 98, 0) 0%, #083c62 100%); /* W3C */ }

.header .header__bottom-second { padding-top: 0; background: #fff; border-bottom: 1px solid #e6e6e6; }

.header .header__bottom-second .menu-slide a { color: #000; text-transform: none; }

.header .header__bottom-second .menu-slide a.selected { color: #37739e; }

.header .header__bottom-second .menu-slide a:first-child { margin-left: 12px; }

.header .header__bottom-second:before { background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #fff 50%); }

.header .header__bottom-second:after { background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 50%); }

.highlight { background: #295d97; margin: 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }

.highlight img { position: absolute; right: -2px; top: -2px; }

.highlight__new { position: relative; }

.highlight__new:after { content: ""; display: block; position: absolute; top: -10px; right: -32px; width: 31px; height: 11px; background: url(../images/label-new.png) center center no-repeat; background-size: contain; }

.highlight--second { background: none; margin: 0; }

.highlight--second img { right: 0; top: 4px; }

@-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(-100px);
    -moz-webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    -o-transform: translateY(-100px); }
  100% { -webkit-transform: translateY(0);
    -moz-webkit-transform: translateY(0);
    transform: translateY(0);
    -o-transform: translateY(0); } }

@-moz-keyframes slideUp { 0% { -webkit-transform: translateY(-100px);
    -moz-webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    -o-transform: translateY(-100px); }
  100% { -webkit-transform: translateY(0);
    -moz-webkit-transform: translateY(0);
    transform: translateY(0);
    -o-transform: translateY(0); } }

@-o-keyframes slideUp { 0% { -webkit-transform: translateY(-100px);
    -moz-webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    -o-transform: translateY(-100px); }
  100% { -webkit-transform: translateY(0);
    -moz-webkit-transform: translateY(0);
    transform: translateY(0);
    -o-transform: translateY(0); } }

@keyframes slideUp { 0% { -webkit-transform: translateY(-100px);
    -moz-webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    -o-transform: translateY(-100px); }
  100% { -webkit-transform: translateY(0);
    -moz-webkit-transform: translateY(0);
    transform: translateY(0);
    -o-transform: translateY(0); } }

.main.show, .footer.show { -webkit-transform: translateX(-30%); -moz-webkit-transform: translateX(-30%); transform: translateX(-30%); -o-transform: translateX(-30%); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }

.headline { margin-bottom: 20px; overflow: hidden; position: relative; }

.headline__desc { padding: 10px 0; }

.headline__desc a { color: #295d97; }

.headline__desc .sub, .headline__desc .date { margin-top: 5px; }

.headline__desc .sub_top { color: #a3a3a3; }

.headline .number { position: absolute; left: 0; top: 0; padding: 15px; background: rgba(0, 0, 0, 0.7); color: #FFF; font-size: 1.3em; }

.list__item { padding: 15px 0; border-bottom: 1px solid #e4e4e4; position: relative; }

.list__item:last-child { border-bottom: none; }

.list__item__photo { width: 95px; height: 76px; margin-right: 10px; }

@media (max-width: 319px) { .list__item__photo { width: 35%; } }

@media (min-width: 480px) { .list__item__photo { margin-right: 15px; } }

.list__item__desc { width: 65%; }

@media (max-width: 319px) { .list__item__desc { width: 60%; }
  .list__item__desc .sub, .list__item__desc .date { font-size: 0.6em; } }

.list__item__desc h4 { font-size: 0.935em; font-weight: normal; line-height: 130%; }

.list__item__desc p { font-size: 0.8em; line-height: 140%; color: #333; margin-top: 5px; }

.list__item__desc .sub, .list__item__desc .date { font-size: 0.525em; line-height: 1em; display: block; float: left; margin-top: 4px; }

.list__item__desc .sub__top { font-size: 0.6em; display: block; line-height: 1em; margin-bottom: 4px; }

.list__item__desc .date { padding-left: 10px; }

.list__item.banner { margin: -1px -10px 0; border: none; position: relative; padding: 0; }

.list__item.banner:after { content: ''; position: absolute; bottom: 0; left: 0; width: calc(100% - 20px); margin: 0 10px; height: 1px; background: #E4E4E4; }

.list__item.banner.parallax { margin: 15px 0 0; }

.list__item.banner.parallax:after { border-bottom: none; }

.list__item .banner__in { margin: 0 auto; width: 320px; position: relative; }

.list__item .banner__in img, .list__item .banner__in iframe { display: block; margin: 15px auto; }

.list-scroll { margin-top: -1px; position: relative; padding: 15px 0; }

.list-scroll.stretch { margin: 0 -10px; }

.list-scroll.grey { background: #f5f5f5; /* Old browsers */ background: -moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #f1f1f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%); /* IE10+ */ background: linear-gradient(to bottom, #f5f5f5 0%, #f1f1f1 100%); /* W3C */ }

.list-scroll.blue { background: #204d7f; /* Old browsers */ background: -moz-linear-gradient(top, #204d7f 0%, #18416d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #204d7f), color-stop(100%, #18416d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #204d7f 0%, #18416d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #204d7f 0%, #18416d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #204d7f 0%, #18416d 100%); /* IE10+ */ background: linear-gradient(to bottom, #204d7f 0%, #18416d 100%); /* W3C */ }

.list-scroll.blue a, .list-scroll.blue p { font-size: 1em; font-weight: bold; font-family: "Gotham", sans-serif; color: #ffffff; line-height: 1.25em; }

.list-scroll.blue .title:after { color: #FFF; }

.list-scroll.blue .sub { color: #FFF; font-family: "Gotham", sans-serif; font-size: 0.75em; font-weight: bold; color: #f5a623; margin: 0 0 5px; text-transform: none; }

.list-scroll.blue .foto-grid { width: 33%; float: right; height: 65px; margin-bottom: 3px; position: relative; }

.list-scroll.blue .foto-grid:first-child { width: 66%; margin-bottom: 10px; height: 132px; float: left; }

.list-scroll.blue .foto-grid:last-child { margin-bottom: 0px; }

.list-scroll.blue .foto-grid .box_img { height: 100%; }

.list-scroll.blue .slick-dots { margin-top: 10px; }

.list-scroll.blue .slick-dots li button { background: #cfcfcf; }

.list-scroll.blue .slick-dots li.slick-active button { background: #295d97; }

.list-scroll .title { margin: 0 10px 15px; position: relative; }

.list-scroll .title--arrow.blue { margin-left: 0; }

.list-scroll .title--arrow.blue:after { color: #FFF; }

.list-scroll .title.review { margin: 0 0 15px; }

.list-scroll .live { display: inline-block; padding: 5px 10px 5px 15px; position: relative; background: #979797; font-size: 0.8em; line-height: 1em; float: right; margin: 0 15px; }

.list-scroll .live:before { content: ""; background: #cc0000; width: 5px; height: 5px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; position: absolute; left: 5px; top: 8px; }

.list-scroll.pdb0 { padding-bottom: 0px; }

.list-scroll.pd10 { padding: 10px; }

.list-scroll__head { margin-bottom: 15px; }

.list-scroll.half { padding-top: 0px; margin-top: 15px; }

.list-scroll.cb-video { margin-top: 0; }

.list-scroll__item { width: 11.742em; margin: 0 2px 0; position: relative; overflow: hidden; display: inline-block; vertical-align: top; background: #FFF; }

.list-scroll__item__photo { height: 7.028em; }

.half .list-scroll__item__photo { height: 5.938em; }

.half .list-scroll__item { width: calc(100% / 2 - 15px); float: left; margin: 0 5px 10px; }

.wrap .list-scroll__item { background: none; }

.wrap .list-scroll__item p { max-height: 95px; margin: 10px 0 0; }

.wrap .list-scroll__item:nth-child(odd) { margin-left: 10px; }

.list-scroll__item:first-child { margin-left: 10px; }

.list-scroll__col .list-scroll__item:first-child { margin-left: 0; }

.list-scroll__item:last-child { margin-right: 10px; }

.list-scroll__item p { font-size: 0.875em; font-family: "Gotham", sans-serif; color: #295d97; white-space: normal; min-height: 75px; max-height: 75px; overflow: hidden; margin: 10px; }

.list-scroll__item .sub { font-size: 0.688em; color: #797979; display: block; text-transform: none; font-weight: bold; margin-bottom: 5px; }

.list-scroll__mw { width: 90px; display: inline-block; padding: 10px 10px 10px 45px; border: 1px solid #d2d2d2; position: relative; margin: 0 -3px 10px; }

.list-scroll__mw:nth-child(1n) { background: #D8D8D8; }

.list-scroll__mw:nth-child(2n) { background: #DFDFDF; }

.list-scroll__mw:first-child { margin-left: 15px; }

.list-scroll__mw:last-child { margin-right: 15px; }

.list-scroll__mw i { width: 24px; height: 24px; text-align: center; margin-right: 10px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; font-size: 1.5em; position: absolute; left: 10px; top: calc(50% - 12px); }

.list-scroll__mw h3 { color: #333; font-family: "Helvetica", sans-serif; font-size: 0.8em; line-height: 140%; }

.list-scroll__mw h3 b { font-family: "Gotham", sans-serif; font-size: 1.2em; }

.list-scroll__mw h3 span { float: left; margin-right: 10px; }

.list-scroll__mw.green i { border: 1px solid #4C9200; color: #4C9200; }

.list-scroll__mw.green h3 span { color: #4C9200; }

.list-scroll__mw.red i { border: 1px solid #D0011B; color: #D0011B; -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); }

.list-scroll__mw.red h3 span { color: #D0011B; }

.list-slide { -webkit-overflow-scrolling: touch; margin-top: -1px; }

.list-slide.fokus { padding: 0; margin-bottom: 20px; }

.list-slide.fokus:last-child { border-bottom: none; }

.list-slide.fokus.mb0 { margin-bottom: 0; }

.list-slide.fokus.full { padding: 15px; border-bottom: 1px solid #E4E4E4; }

.list-slide.foto { padding: 0; background: none; }

.list-slide.infografis { padding: 0; background: none; }

.list-slide.infografis .list-slide__item { padding-bottom: 10px; border-bottom: 1px solid #979797; margin: 15px 0; }

.list-slide.infografis .list-slide__item:last-child { margin-bottom: 0; }

.list-slide.infografis .list-slide__item p { color: #0b6097; font: normal 1em "Gotham", sans-serif; margin-top: 5px; }

.list-slide.infografis .list-slide__item .sub__top { text-transform: uppercase; display: block; margin-top: 5px; margin-bottom: -2px; }

.list-slide__item { margin: 0 10px; z-index: 2; height: auto; }

.list-slide__item--auto { height: auto; }

.dark .list-slide__item { height: 200px; margin-left: 0; margin-right: 0; }

.dark .list-slide__item p { background: transparent; /* Old browsers */ background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 50%, black 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(50%, rgba(0, 0, 0, 0.8)), color-stop(100%, black)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 50%, black 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 50%, black 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.8) 50%, black 100%); /* IE10+ */ background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 50%, black 100%); /* W3C */ padding: 4%; bottom: 0; position: absolute; display: block; margin: 0 0; width: 92%; display: block; max-height: inherit; font-size: 1em; line-height: 1.3em; }

.dark .list-slide__item p span { display: inline-block; }

.dark .list-slide__item p b { display: block; font-weight: bold; font-family: "Gotham", sans-serif; color: #FFF; }

.dark .list-slide__item a { display: block; }

.dark .list-slide__item .icon { font-size: 30px; position: absolute; right: 10px; top: 10px; color: #FFF; opacity: 0.9; }

.dark .list-slide__item .icon__text { position: relative; display: inline-block; margin-bottom: 5px; }

.dark .list-slide__item .sub, .dark .list-slide__item .date { margin-bottom: 0; margin-right: 5px; }

.dark .list-slide__item .sub__top { color: #ccc; text-transform: uppercase; display: block; margin-bottom: 5px; }

.blue .list-slide__item { overflow: hidden; margin: 0px 10px 0; }

.blue .list-slide__item .box_img { margin-bottom: 10px; }

.foto .list-slide__item { overflow: hidden; padding: 0 0 15px; position: relative; }

.foto .list-slide__item .icon__text { position: absolute; top: 20px; right: 5px; bottom: inherit; left: inherit; z-index: 2; }

.foto .list-slide__item p .icon__text { position: relative; left: 0; top: 0; }

.infografis .list-slide__item { height: auto; margin: 0 0 15px; }

.foto .list-slide__item, .infografis .list-slide__item { width: 100%; }

.list-slide__item .date { padding-left: 0; margin-left: 5px; margin-top: 5px; }

.list-slide__item .date:before { display: none; }

.grey .list-slide__item p { max-width: 320px; }

.list-slide__item a { display: block; }

.list-chart { background: #fff; /* Old browsers */ background: -moz-linear-gradient(left, #fff 0%, #E3E3E3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fff), color-stop(100%, #E3E3E3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #fff 0%, #E3E3E3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #fff 0%, #E3E3E3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #fff 0%, #E3E3E3 100%); /* IE10+ */ background: linear-gradient(to right, #fff 0%, #E3E3E3 100%); /* W3C */ margin: -1px -15px 0; padding: 15px 0; }

.list-chart__tabs span { width: 50%; padding: 10px 0; text-align: center; font-size: 0.9em; color: #E3E3E3; background: #2a2a2a; display: block; float: left; }

.list-chart__tabs span.current { background: #cc0000; }

.list-chart__content { padding: 15px; counter-reset: my-badass-counter; }

.list-chart__content a { display: block; padding: 10px 0; border-bottom: 1px solid #E5E5E5; color: #333; position: relative; padding-right: 30px; font-size: 0.7em; }

.list-chart__content a:last-child { border-bottom: none; }

.list-chart__content a i { position: absolute; right: 0; top: calc(50% - 14px); color: #FFF; width: 26px; height: 26px; background: #2DD150; /* Old browsers */ background: -moz-linear-gradient(left, #2DD150 0%, #6EB913 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #2DD150), color-stop(100%, #6EB913)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #2DD150 0%, #6EB913 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #2DD150 0%, #6EB913 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #2DD150 0%, #6EB913 100%); /* IE10+ */ background: linear-gradient(to right, #2DD150 0%, #6EB913 100%); /* W3C */ border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; color: #fff; font-size: 2em; line-height: 1.2em; text-align: center; }

.list-chart__content a span { display: block; font-size: 1.2em; }

.list-chart__content a:before { content: counters(my-badass-counter, ".", decimal-leading-zero); counter-increment: my-badass-counter; float: left; width: 40px; height: auto; text-align: center; font-size: 2em; padding: 5px 0; margin-right: 10px; color: #6c6c6c; }

.grey { background: #f5f5f5; /* Old browsers */ background: -moz-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #f1f1f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%); /* IE10+ */ background: linear-gradient(to bottom, #f5f5f5 0%, #f1f1f1 100%); /* W3C */ }

.breaking { padding: 10px 15px; background: #a10000; color: #FFF; padding-right: 25px; display: block; position: relative; }

.breaking i { position: absolute; right: 0; top: calc(50% - 19px); font-size: 2.2em; }

.breaking h3 { font-size: 0.938em; font-family: "Gotham", sans-serif; }

.breaking h2 { padding-right: 25px; font-family: "Helvetica", sans-serif; font-size: 0.8em; font-weight: normal; }

.breaking:hover { color: #FFF; }

.breaking.type--2 { background: #333; }

.breaking.bontarget i { position: absolute; top: 12px; }

.breaking.bontarget i.up:before { content: '\e906'; }

.breaking.bontarget .livestreaming__video { display: b; }

.livestreaming { padding: 12px 15px; background: #295d97 url(../images/logo_bg.png) top right no-repeat; color: #FFF; overflow: hidden; }

.livestreaming h3 { font-size: 0.8em; margin-bottom: 0; font-weight: 300; }

.livestreaming h2 { line-height: 90%; margin-bottom: 5px; }

.livestreaming i { position: absolute; font-size: 2.2em; right: 15px; top: 15px; }

.livestreaming i.up:before { content: '\e906'; }

.livestreaming__title { padding: 5px 10px; border: 1px solid #fab617; color: #FAB617; font-family: "Gotham", sans-serif; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; margin: 5px 0 0; display: inline-block; }

.livestreaming__video { display: none; margin-top: 15px; }

.livestreaming__link { color: white; margin-top: 10px; display: block; text-align: right; font-size: 14px; font-weight: 300; }

.livestreaming__link span { font-size: 30px; vertical-align: middle; }

.livestreaming__gate.stretch { margin-top: -10px; }

.market__title { font-size: 0.8em; font-weight: normal; font-family: "Gotham", sans-serif; margin-bottom: 5px; }

.market__title span { padding: 1px 5px 0; display: inline-block; background: #295d97; color: #FFF; }

.market h3 { font-weight: normal; font-family: "Gotham", sans-serif; color: #295d97; }

.market .list-slide__item { margin: 0; }

.market__list__item { width: calc(100% / 3 - 24px); height: 74px; -webkit-box-shadow: 0em 0.063em 0.25em 0em rgba(0, 0, 0, 0.05); -moz-box-shadow: 0em 0.063em 0.25em 0em rgba(0, 0, 0, 0.05); box-shadow: 0em 0.063em 0.25em 0em rgba(0, 0, 0, 0.05); float: left; background: #FFF; margin: 10px 3px; padding: 10px; }

.market__list__item:first-child { margin-left: 0; }

.market__list__item:nth-child(3n) { margin-right: 0; }

.market__list__item.current { -webkit-box-shadow: 0em 0.073em 0.35em 0em rgba(0, 0, 0, 0.2); -moz-box-shadow: 0em 0.073em 0.35em 0em rgba(0, 0, 0, 0.2); box-shadow: 0em 0.073em 0.35em 0em rgba(0, 0, 0, 0.2); border-bottom: 3px solid #295d97; }

.scroll__wrap .market__list__item { width: 100px; display: inline-block; vertical-align: top; float: none; }

.scroll__wrap .market__list__item:first-child { margin-left: 10px; }

.scroll__wrap .market__list__item:last-child { margin-right: 10px; }

.market__list__item h2, .market__list__item h3 { font-size: 0.9em; }

.market__list__item__data { font-size: 1em; margin-top: 5px; }

.market__list__item__data i { font-size: 2.3em; float: left; width: 10%; height: 25px; position: relative; }

.market__list__item__data i:before { font-family: "icon"; position: absolute; left: -9px; bottom: 0; }

.market__list__item__data span { float: right; display: block; font-weight: bold; font-family: "Gotham", sans-serif; font-size: 0.8em; width: 80%; text-align: right; line-height: 1.2em; }

.market__list__item__data.up { color: #29a83f; }

.market__list__item__data.up i:before { content: '\e914'; }

.market__list__item__data.up span { color: #29a83f; }

.market__list__item__data.down { color: #dc0000; }

.market__list__item__data.down i:before { content: '\e910'; }

.market__list__item__data.down span { color: #dc0000; }

.company { margin-bottom: 10px; }

.company__header { height: 109px; padding: 15px; position: relative; overflow: hidden; }

.company__header img { position: absolute; top: 0; left: 0; width: 100%; }

.company__header__bg { position: absolute; width: 100%; height: 100%; background: #204d7f; opacity: 0.7; top: 0; left: 0; }

.company__header h2 { text-align: center; display: table-cell; vertical-align: middle; color: #FFF; position: relative; z-index: 2; }

.company__logo { position: absolute; width: 100%; bottom: -25px; z-index: 3; }

.company__logo__circle { width: 49px; height: 49px; padding: 5px; display: block; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; background: #FFF; margin: 0 auto; position: relative; overflow: hidden; text-align: center; }

.company__logo__circle img { height: 100%; }

.profile { background: #f5f5f5; padding: 15px 10px; }

.profile.pd15 { padding: 15px; }

.profile.wp p { height: 55px; }

.profile.no-pic h3, .profile.no-pic p { float: none; width: auto; }

.profile__photo { width: 25%; height: 25%; float: right; }

.pd15 .profile__photo { border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; }

.profile__photo.left { float: left; margin-right: 3%; }

.profile__photo.anchor { float: left; width: 60px; height: 60px; margin-right: 10px; }

.profile .socmed { float: right; width: 72%; margin: 15px 0 0; padding: 0; border: none; }

.profile h3, .profile p { float: left; width: 72%; color: #204d7f; font-weight: normal; }

.profile .list-slide__item { margin: 0 0 10px; }

.profile p { font-size: 0.875em; line-height: 1.3em; color: #4a4a4a; margin-top: 5px; overflow: hidden; font-weight: 300; }

.profile--small .profile__photo { float: left; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; width: 55px; height: 55px; position: absolute; left: -27px; top: calc(100% / 2 - 30px); }

.profile--small .grey { background: #e7e6e6; padding: 10px 10px 10px 40px; margin-left: 27px; position: relative; display: block; }

.profile--small .grey a { font-size: 0.8em; display: block; margin-top: 5px; float: right; }

.profile--small .grey a i { font-size: 1em; }

.profile--small.no-bg { background: none; }

.profile--small h3, .profile--small p { width: 100%; }

.profile--small h4 { font-size: 0.975em; line-height: 1.3em; margin-bottom: 10px; }

.profile--small h3 { font-size: 0.813em; line-height: 1.2em; color: #ec6e60; font-weight: normal; }

.profile--small p { font-size: 0.75em; line-height: 1.3em; color: #696969; max-height: 60px; height: auto; overflow: hidden; }

.graph h3 { font: normal 1em "Gotham", sans-serif; }

.graph h5 { font: 300 0.7em "Gotham", sans-serif; margin-top: 5px; color: #9B9B9B; }

.graph__head { margin: 15px 0 0; }

.graph__head h3 { font-size: 1.125em; font-weight: 300; display: inline-block; vertical-align: top; margin-right: 15px; }

.graph__tab { margin: 20px 0 0; border-bottom: 2px solid #9b9b9b; }

.graph__tab span { width: calc(100% / 7); text-align: center; font: 0.875em "Gotham", sans-serif; color: #204d7f; display: block; float: left; padding: 5px 0; margin-bottom: -2px; cursor: pointer; }

.graph__tab span.current { border-bottom: 2px solid #ec6e60; }

.market_table { font-size: 14px; margin-bottom: 20px; width: 100%; }

.market_table thead { border-bottom: 3px solid #979797; }

.market_table thead th { border: none; padding: 10px; }

.market_table tbody tr td { border: 1px solid #979799; border-left: none; border-right: none; padding: 10px; text-align: center; }

.market_table tbody tr td a, .market_table tbody tr td a:visited, .market_table tbody tr td a:hover, .market_table tbody tr td a:active { text-decoration: none; }

.market_table tbody tr td:first-child { font-size: 1em; font-weight: bold; color: #4a4a4a; text-align: left; }

.market_table tbody tr td:last-child { border-right: none; }

.market_table tbody tr.green { color: #529800; }

.market_table tbody tr.red { color: #cc0000; }

.glosary a { font-size: 1em; font-weight: normal; color: #295d97; }

.glosary p { font-size: 0.938em; font-weight: 300; color: #9b9b9b; }

.glosary .title { margin-top: 20px; padding: 0 0 15px; display: block; border-bottom: 1px solid #dedede; font-size: 2em; }

.accordion { margin: 20px 0; }

.accordion__list { padding: 10px 0; }

.accordion__list a { display: block; position: relative; }

.accordion__list a:after { content: '\e916'; font-family: 'icon'; position: absolute; right: 0; color: #009AFE; }

.accordion__list__content { display: none; }

.accordion__list__content:after { content: '\e916'; font-family: 'icon'; position: absolute; right: 0; top: -18px; background: #fff; color: #009AFE; }

.accordion__list__content.show:after { content: '\e915'; }

#slider_fokus .list-slide__item a .box_text h2 { font-size: 0.875em; font-weight: normal; line-height: 130%; color: #000; padding-top: 15px; display: block; }

.box_fd { text-align: center; }

.box_fd p { font-size: 14px; }

.box_fd .fokus_char { font-size: 25px; position: relative; bottom: -7px; }

.box_fd figure h3 { position: absolute; bottom: 10px; left: 10px; width: 90%; z-index: 2; color: #fff; text-align: left; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.87); font-size: 0.9em; font-weight: normal; }

.nav2 { margin: 10px 0; padding: 0 10px; }

.nav2 .title_market h1 { font-family: "Gotham", sans-serif; font-size: 16px; font-weight: 500; color: #0b6097; text-align: left; letter-spacing: -0.02em; }

.nav2 .title_market .last_update { font-family: helvetica, sans-serif; font-size: 14px; color: #9b9b9b; text-align: left; letter-spacing: -0.02em; }

.nav2 .title_market .date_period { font-family: helvetica, sans-serif; font-size: 14px; text-align: left; color: #3a3a3a; font-weight: bold; margin-top: 10px; }

.nav2 .title_market .document-name { font-family: helvetica, sans-serif; font-size: 14px; text-align: left; color: #4a4a4a; margin-top: 20px; }

.nav_market { height: auto; position: relative; }

.nav_market .menu-slide { position: relative; }

.nav_market .menu-slide a { display: inline-block; font-family: "Gotham", sans-serif; font-size: 13px; font-weight: bold; color: #3a3a3a; line-height: 37px; border-right: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; position: relative; padding: 0px 12px; margin: 0 0 0 -5px; }

.nav_market .menu-slide a:first-child { padding-left: 15px; }

.nav_market .menu-slide a:last-child { border-right: none; padding-right: 15px; }

.nav_market .menu-slide a.selected { color: #0f5586; border-bottom: 0px; }

.nav_market:before, .nav_market:after { content: ''; position: absolute; height: 100%; width: 15px; bottom: 2px; z-index: 1; }

.nav_market:before { left: -1px; background: white; /* Old browsers */ background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, white), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%); /* IE10+ */ background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%); /* W3C */ }

.nav_market:after { right: -1px; background: rgba(255, 255, 255, 0); /* Old browsers */ background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); /* W3C */ }

.search_market { margin-bottom: 20px; }

.search_market .search__input { background-color: #f8f8f8; border: 1px solid #dfdfdf; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }

.search_market .search__input input { font-family: "Gotham", sans-serif; font-weight: bold; font-size: 12px; }

.search_market .search__input input#autocomplete { padding-left: 35px; height: 11px; }

.search_market .search__input button { left: 10px; right: 0; width: 19px; height: 31px; }

.title_graph { color: #000; }

.detail_text ul.adec { font-size: 0; list-style-type: none; text-align: center; padding: 0 10px; background: url(../images/bg_garis.png) center center no-repeat; background-size: 300%; }

.detail_text ul.adec li { display: inline-block; font-size: 12px; font-weight: bold; padding: 0; margin: 0; width: calc((100% / 3) - 8px); border-top: 8px solid #e3e3e3; margin: 0 4px; }

.detail_text ul.adec li:before { display: none; }

.detail_text ul.adec li:first-child { width: 100%; border: 0px; padding: 0; margin: 0; }

.detail_text ul.adec li:nth-child(2) { border-color: #61a116; color: #61a116; }

.detail_text ul.adec li:nth-child(3) { border-color: #6a6a6a; color: #6a6a6a; }

.detail_text ul.adec li:nth-child(4) { border-color: #e95b53; color: #e95b53; }

.market_table2 thead { border-bottom: 4px solid #0f5586; }

.market_table2 thead tr th { text-transform: uppercase; font-size: 10px; color: #746b69; }

.market_table2 tbody tr td { border-left: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; font-size: 14px; }

.market_table2 tbody tr td:first-child { border-left: 0px; font-size: 12px; }

.detail_market .nav2 .title_market h1 { font-size: 18px; }

.detail_market .nav2 .title_market .market_status { font-size: 0; margin-top: 12px; }

.detail_market .nav2 .title_market .market_status span { font-size: 14px; color: #3a3a3a; text-align: left; letter-spacing: -0.02em; vertical-align: middle; }

.detail_market .nav2 .title_market .market_status span.green { background-color: #31a745; border-radius: 10px; color: #fff; font-size: 11px; padding: 4px 13px; margin-left: 10px; }

.detail_market .stock_status { font-size: 0; margin-top: 15px; }

.detail_market .stock_status .half { font-size: 14px; display: inline-block; width: calc(100% / 2); text-align: left; box-sizing: border-box; }

.detail_market .stock_status .half:nth-child(even) { text-align: right; }

.detail_market .stock_status .value { font-size: 30px; font-weight: bold; color: #525252; vertical-align: middle; height: 38px; line-height: 38px; margin-bottom: 15px; }

.detail_market .stock_status .value span { display: block; font-size: 12px; margin: 0; line-height: 10px; }

.detail_market .stock_status .performance { font-size: 16px; font-weight: bold; vertical-align: middle; height: 38px; margin-bottom: 15px; }

.detail_market .stock_status .market_header { font-size: 12px; color: #525252; text-align: center; line-height: 1.3em; margin-top: 6px; }

.detail_market .stock_status .market_header span { font-size: 12px; font-weight: bold; color: #206292; display: block; }

.detail_market .stock_status .market_header:nth-child(even) { text-align: center; border-left: 1px solid rgba(198, 198, 198, 0.47); }

.detail_market .stock_status .group { border-bottom: 1px solid rgba(198, 198, 198, 0.47); padding-bottom: 4px; }

.detail_market .stock_status .red.sign { position: relative; }

.detail_market .stock_status .red.sign:before { content: ' '; display: inline-block; width: 18px; height: 18px; background: url(../images/red_down.png) center left no-repeat; background-size: 18px; vertical-align: middle; margin-right: 6px; }

.detail_market .stock_status .green.sign { position: relative; }

.detail_market .stock_status .green.sign:before { content: ' '; display: inline-block; width: 18px; height: 18px; background: url(../images/green_up.png) center left no-repeat; background-size: 18px; vertical-align: middle; margin-right: 6px; }

.detail_market .stock_summary > ul { list-style-type: none; font-size: 0; padding: 0; margin: 0; }

.detail_market .stock_summary > ul li { display: inline-block; margin: 0; padding: 0; width: calc(100% / 2); font-size: 12px; color: #525252; text-align: left; line-height: 18px; }

.detail_market .stock_summary > ul li span { font-weight: bold; color: #206292; margin-right: 5px; }

.detail_market .stock_summary > ul li:before { display: none; }

.detail_market .info { margin: 22px 0; }

.detail_market .info h3 { font-size: 17px; font-weight: 500; color: #0b6097; text-align: left; letter-spacing: -0.02em; padding-bottom: 12px; margin-bottom: 10px; border-bottom: 1px solid rgba(198, 198, 198, 0.47); }

.detail_market .info p { font-size: 16px; color: rgba(74, 74, 74, 0.9); text-align: left; line-height: 19px; text-indent: 30px; }

.detail_market .belt_stocks { background-color: #f4f4f4; width: calc(100% + 20px); position: relative; left: -10px; padding: 11px 24px; box-sizing: border-box; margin-bottom: 20px; }

.detail_market .belt_stocks .title_belt { font-size: 17px; font-weight: bold; color: #0f5586; }

.detail_market .belt_stocks .main_value { font-size: 30px; font-weight: bold; color: #525252; margin: 7px 0; }

.detail_market .belt_stocks .status { font-size: 16px; font-weight: 500; font-weight: bold; }

.detail_market .belt_stocks .status.red:before { content: ''; display: inline-block; vertical-align: middle; width: 18px; height: 18px; background: url(../images/red_down.png) center center no-repeat; background-size: 18px; margin-right: 6px; }

.detail_market .belt_stocks .status.green:before { content: ''; display: inline-block; vertical-align: middle; width: 18px; height: 18px; background: url(../images/green_up.png) center center no-repeat; background-size: 18px; margin-right: 6px; }

.detail_market .market_table2 { margin-bottom: 10px; }

.detail_market .market_table2 tbody tr td { padding: 4px 10px; }

.detail_market .market_table2 tbody tr:last-child td { border-bottom: 0px; }

.detail_market .table_title { font-size: 17px; font-weight: 500; color: #0b6097; text-align: left; letter-spacing: -0.02em; }

.table_info { font-size: 11px; color: #abaaaa; text-align: right; line-height: 15px; margin-bottom: 18px; }

.table_info--kurs { color: #4a4a4a; }

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

.tv-program { padding: 20px 0; font-family: 'Gotham'; }

.tv-program__item { position: relative; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e7e7e7; }

.tv-program__item a { color: #979797; }

.tv-program__item a span { display: block; }

.tv-program__item:after { content: ""; width: 10px; height: 10px; background: #727272; border-radius: 50%; position: absolute; left: -24px; top: 4px; z-index: 1; }

.tv-program__item:last-child { border-bottom: transparent; }

.tv-program__item:last-child .tv -program__title { height: calc(100% + 20px); background: white; content: ""; z-index: 1; top: -3px; }

.tv-program__item:last-child .tv -program__title:after { position: absolute; left: -25px; width: 10px; }

.tv-program__item.blink:after { background: red; box-shadow: 0 0 0 0 rgba(226, 53, 43, 0.5); -webkit-animation: pulse 1.5s infinite; -moz-animation: pulse 1.5s infinite; -o-animation: pulse 1.5s infinite; animation: pulse 1.5s infinite; }

.tv-program__item.blink a { color: initial; }

.tv-program__item-day { display: inline-block; padding: 5px 10px; border: 1px solid #72726F; color: #727272; line-height: 1em; font-size: 12px; margin-bottom: 15px; top: -3px; position: relative; }

.tv-program__list { position: relative; padding-left: 40px; }

.tv-program__list:after { content: ""; width: 2px; height: calc(100% - 5px); position: absolute; left: 20px; top: 4px; background: #e7e7e7; }

.tv-program__title { font-size: 0.9em; font-weight: 300; padding-top: 5px; position: relative; }

.tv-program__label { position: absolute; font-family: 'Gotham'; right: 0; top: 0; padding: 2px 10px; color: white; background: #295d97; font-size: 9px; font-weight: 300; }

.tv-livechat { font-family: 'Gotham'; }

.tv-livechat__header { color: #204D7F; font-weight: bold; font-size: 15px; margin-bottom: 15px; }

.tv-playing { padding: 10px 0; font-family: 'Gotham'; }

.tv-playing__title { font-weight: bold; font-size: 15px; color: #204D7F; padding-left: 33px; margin-bottom: 10px; }

.tv-playing__title:after { content: ""; width: 10px; height: 10px; background: red; border-radius: 50%; position: absolute; left: 6px; top: 3px; z-index: 1; }

.tv-playing__title.blink:after { background: red; box-shadow: 0 0 0 0 rgba(226, 53, 43, 0.5); -webkit-animation: pulse 1.5s infinite; -moz-animation: pulse 1.5s infinite; -o-animation: pulse 1.5s infinite; animation: pulse 1.5s infinite; }

.tv-playing__program { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }

.tv-playing__program--time { font-weight: bold; font-size: 12px; color: initial; display: block; }

.tv-playing__program--name { font-weight: 500; font-size: 12px; color: initial; display: block; max-width: 250px; }

.tv-playing__program .bordered { padding-right: 20px; }

.tv-playing__program .icon-keyboard_arrow_right:before { font-size: 16px; position: absolute; top: 5px; }

.tv-playing__accordion { text-align: center; display: block; background: #ffffff; margin: 20px 0; }

.tv-playing__accordion .gradient-content:before { content: ''; position: absolute; width: 100%; height: 55px; background: linear-gradient(180deg, rgba(255, 254, 254, 0.5) 0%, #FFFEFE 100%); z-index: 1; top: -65px; left: 0; }

.tv-playing__accordion .btn { font-weight: bold; font-size: 12px; line-height: 2em; color: #295D97; }

.tv-playing__accordion .btn .icon-keyboard_arrow_down:before { font-size: 16px; font-weight: bold; position: absolute; top: 4px; padding: 0 3px; }

.tv-playing__accordion .rotate:before { transform: rotate(-180deg); }

.tv-playing__text #more { display: none; }

@-webkit-keyframes pulse { 0% { -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9); }
  70% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 0 15px rgba(90, 153, 212, 0); }
  100% { -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    box-shadow: 0 0 0 0 rgba(90, 153, 212, 0); } }

@-moz-keyframes pulse { 0% { -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9); }
  70% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 0 15px rgba(90, 153, 212, 0); }
  100% { -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    box-shadow: 0 0 0 0 rgba(90, 153, 212, 0); } }

@-o-keyframes pulse { 0% { -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9); }
  70% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 0 15px rgba(90, 153, 212, 0); }
  100% { -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    box-shadow: 0 0 0 0 rgba(90, 153, 212, 0); } }

@keyframes pulse { 0% { -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9); }
  70% { -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 0 15px rgba(90, 153, 212, 0); }
  100% { -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    box-shadow: 0 0 0 0 rgba(90, 153, 212, 0); } }

.stretch { margin: 0 -10px; }

.onmax-h1 h1 { max-width: calc(100% - 90px); padding-bottom: 10px; }

@-webkit-keyframes btm-top { 0% { bottom: -100%;
    opacity: 1;
    visibility: visible; }
  15% { bottom: 0%; }
  75% { opacity: 1; }
  100% { bottom: 0%;
    opacity: 0;
    visibility: hidden; } }

@-moz-keyframes btm-top { 0% { bottom: -100%;
    opacity: 1;
    visibility: visible; }
  15% { bottom: 0%; }
  75% { opacity: 1; }
  100% { bottom: 0%;
    opacity: 0;
    visibility: hidden; } }

@-o-keyframes btm-top { 0% { bottom: -100%;
    opacity: 1;
    visibility: visible; }
  15% { bottom: 0%; }
  75% { opacity: 1; }
  100% { bottom: 0%;
    opacity: 0;
    visibility: hidden; } }

@keyframes btm-top { 0% { bottom: -100%;
    opacity: 1;
    visibility: visible; }
  15% { bottom: 0%; }
  75% { opacity: 1; }
  100% { bottom: 0%;
    opacity: 0;
    visibility: hidden; } }

.unselectable { -moz-user-select: -moz-none; -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }

.dragaware .drag { cursor: pointer; }

.draggable_clone { position: absolute; /* also set via javascript */ z-index: 100001; pointer-events: none; /* disable mouse events on the clone */ }

.draggable.dragging, .draggable .dragging { opacity: 0.5; }

.sortable .sortable_clone { position: absolute; /* also set via javascript */ z-index: 100001; list-style-type: none; background: rgba(78, 143, 217, 0.5); color: white !important; }

.sortable .sortable_placeholder { box-sizing: border-box; list-style-type: none; color: white; }

.sortable .sortable_placeholder div { color: white !important; }

.tv__menu { font-family: "Gotham"; width: 100%; padding: 10px 0 0px; text-align: center; }

.tv__menu-item { display: inline-block; font-size: 13px; border-right: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; margin-right: -3px; margin-left: -3px; width: 33.33%; }

.tv__menu-item:last-child { border-right: 0; }

.tv__menu-item.active { border-bottom: 0; }

.tv__menu-item.active a { color: #295D97; }

.tv__menu-item a { display: block; padding: 10px 5vw; color: #000; font-weight: 700; }

.tv__scroll-small .list-scroll__item { width: 90px; padding-top: 8px; overflow: hidden; }

.tv__scroll-small .list-scroll__item.active { background: #f2f2f2; border-bottom: 3px solid #295D97; }

.tv__scroll-small .list-scroll__item p { font-size: 12px; font-weight: 300; font-family: "Gotham"; line-height: 1.4em; padding: 0 5px; margin: 0; margin-top: 10px; max-height: unset; min-height: 0; padding-bottom: 5px; text-align: center; }

.tv__anchor { font-family: "Gotham"; padding-top: 20px; }

.tv__anchor a h3 { font-weight: 400; font-size: 16px; color: #000; }

.tv__anchor p { font-weight: 300; font-size: 12px; }

.tv__anchor-item { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #e7e7e7; }

.tv__anchor-d { font-family: "Gotham"; }

.tv__anchor-big { width: 100%; padding-bottom: 20px; }

.tv__anchor-big .picdetail { display: block; width: 100%; }

.tv__anchor-big .picdetail img { width: 100%; max-width: unset; }

.tv__anchor-big h2 { font-weight: 400; font-size: 20px; padding-top: 10px; }

.tv__anchor-big p { font-size: 14px; font-weight: 300; padding-top: 5px; }

.tv__anchor-share { padding-top: 20px; border-top: 2px solid #e2e2e2; padding-bottom: 10px; }

.tv__anchor-share h3 { font-size: 14px; color: #000; }

.tv__dbtn a:focus, .tv__dbtn a:hover { text-decoration: none; }

.tv__dbtn a.arrow i { line-height: .78em; }

.tv__video { font-family: "Gotham"; }

.tv__video .icon__text { font-size: 11px; }

.tv__video .list__item__photo { width: 114px; height: 64px; }

.tv__video .list__item__desc { width: calc(100% - 140px); }

.tv__video .list__item__desc h4 { font-size: 14px; line-height: 1.2em; max-height: 48px; overflow: hidden; }

.tv__video .list__item__desc h4 a { color: #295D97; }

.tv__video .list__item__desc .date { padding-left: 0; margin-left: 0; }

.tv__video .list__item__desc .date:before { display: none; }

.tv__list-video .list-slide__item { padding-top: 10px; }

.tv__list-video .list-slide__item:first-child { padding-top: 0; }

.tv__play { position: relative; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.tv__play.onstuck { position: fixed; top: 55px; width: 100%; z-index: 9; }

.text-blue { color: #295D97 !important; }

.cb_detikcom .title--arrow { margin: 0 0px 15px; padding: 8px 10px 5px; }

.cb_detikcom .title--arrow img { height: 19px; width: auto; }

.cb_detikcom .scroll__wrap .list-scroll__item p { max-height: unset; }

.cb_detikcom .scroll__wrap .list-scroll__item p .date { padding-left: 0; margin: 5px 0 0 0; display: block; }

.cb_detikcom .scroll__wrap .list-scroll__item p .date:before { display: none; }

.media_artikel--text { font-size: 0.9em; line-height: 150%; padding: 10px 10px 5px; }

.media_artikel--text i { font-weight: bold; font-size: 0.8em; margin-top: 5px; display: inline-block; }

.marketflash { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; --main-color: #204D7F; }

.marketflash *, .marketflash *:before, .marketflash *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }

.marketflash .title { padding: 0 10px; }

.marketflash .mf_header { display: flex; align-items: center; padding: 0 10px; }

.marketflash .mf_header .choose_date { border: 1px solid var(--main-color); padding: 4px 5px; border-radius: 4px; width: 100%; display: inline-flex; align-items: center; }

.marketflash .mf_header .choose_date i.icon-calendar { color: var(--main-color); }

.marketflash .mf_header .choose_date input[type="date"] { color: var(--main-color); font-size: 14px; font-weight: 600; border: 0px; flex-grow: 1; margin-left: 10px; background: #fff; }

.marketflash .mf_header .choose_date ::-webkit-input-placeholder { /* Safari, Chrome and Opera */ color: var(--main-color); }

.marketflash .mf_header .choose_date :-moz-placeholder { /* Firefox 18- */ color: var(--main-color); }

.marketflash .mf_header .choose_date ::-moz-placeholder { /* Firefox 19+ */ color: var(--main-color); }

.marketflash .mf_header .choose_date :-ms-input-placeholder { /* IE 10+ */ color: var(--main-color); }

.marketflash .mf_header .choose_date ::-ms-input-placeholder { /* Edge */ color: var(--main-color); }

.marketflash .mf_header .choose_date :placeholder-shown { /* Standard one last! */ color: var(--main-color); }

.marketflash .mf_header .btn_today { background-color: #CD1E43; border-radius: 4.2px; display: inline-flex; align-items: center; color: #FFFFFF; font-size: 14px; font-weight: 500; padding: 7px 5px 3px 13px; margin-left: 15px; flex-shrink: 0; }

.marketflash .mf_header .btn_today i.icon-keyboard_arrow_right { font-size: 20px; position: relative; top: -2px; }

.marketflash .mf_date { color: #393939; font-size: 17px; font-weight: 700; margin-top: 20px; padding: 0 10px; }

@keyframes highlight-new { 0% { background-color: #fff; }
  20% { background-color: #E2ECF6; }
  60% { background-color: #E2ECF6; }
  100% { background-color: #fff; } }

.marketflash .mf_list { margin: 10px 0 0; padding-bottom: 10px; }

.marketflash .mf_list li { border-bottom: 1px solid #e6e6e6; padding: 10px 10px; margin-bottom: 5px; }

.marketflash .mf_list li.highlight-new { background-color: #E2ECF6; animation-name: highlight-new; animation-duration: 8s; animation-fill-mode: forwards; }

.marketflash .mf_list li .time { color: rgba(0, 0, 0, 0.4); font-size: 13px; margin-bottom: 8px; }

.marketflash .mf_list li .text { font-size: 14px; font-weight: normal; }

.marketflash .mf_list li .text a, .marketflash .mf_list li .text strong { font-weight: 700; color: var(--main-color); }

.marketflash .mf_list li .text .red, .marketflash .mf_list li .text .green { font-weight: bold; }

.marketflash .mf_list li .news_link { border-radius: 5px; overflow: hidden; display: flex; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.14); margin: 20px 0 8px; }

.marketflash .mf_list li .news_link img { width: 100px; height: 76px; object-fit: cover; flex-shrink: 0; flex-grow: 0; }

.marketflash .mf_list li .news_link span.title_link { background: #fff; font-size: 14px; font-weight: 700; color: #000; align-items: center; display: flex; padding: 10px; flex-grow: 1; }

.loadmore { background-color: #204D7F; border-radius: 2px; color: #fff; padding: 8px 20px; display: inline-block; font-size: 14px; font-weight: 700; }

@keyframes remove-notif { 0% { opacity: 1; }
  100% { opacity: 0; } }

.sticky_notif .sticky_notif_container { text-align: center; position: sticky; top: 120px; z-index: 2; height: 0; }

.sticky_notif .btn_notif { background: #CD1E43; display: inline-flex; align-items: center; padding: 10px 15px; font-size: 14px; color: #fff; border-radius: 5px; cursor: pointer; pointer-events: none; transition: all 1s ease; opacity: 0; transform: translateY(-50px); line-height: 13px; }

.sticky_notif .btn_notif img { width: 13px; height: 13px; object-fit: contain; margin-right: 10px; bottom: 1px; }

.sticky_notif .btn_notif.show_notif { pointer-events: auto; opacity: 1; }

.sticky_notif .btn_notif.remove_notif { animation-name: remove-notif; animation-duration: 1s; animation-delay: 1s; animation-fill-mode: forwards; transform: translateY(0px); }

.marketflashcb { background: #E6E6E6; padding: 15px 15px 15px 10px; margin: 0 -10px 15px; }

.marketflashcb .title--arrow:after { right: 10px; }

.marketflashcb-content { margin: 10px 0 0; display: block; line-height: 150%; font-size: 14px; }

.marketflashcb-content a { display: block; width: 100%; height: 100%; color: #000; }

.marketflashcb-content__date { font-weight: bold; color: #646464; }

.marketflashcb-content__blue { font-weight: bold; color: #295D97; }

.datepick_title { font-family: helvetica, sans-serif; font-size: 14px; text-align: left; color: #4a4a4a; margin-bottom: 8px; }

.market_table_kurs { font-size: 14px; margin-bottom: 20px; width: 100%; }

.market_table_kurs thead { border-bottom: 3px solid #979797; }

.market_table_kurs thead th { border: none; padding: 10px; }

.market_table_kurs tbody tr td { border: none; padding: 10px; text-align: center; vertical-align: middle; width: 100px; }

.market_table_kurs tbody tr td a, .market_table_kurs tbody tr td a:visited, .market_table_kurs tbody tr td a:hover, .market_table_kurs tbody tr td a:active { color: inherit; text-decoration: none; }

.market_table_kurs tbody tr td:first-child { font-weight: bold; text-align: left; }

.market_table_kurs tbody tr td:last-child { text-align: right; }

.market_table_kurs tbody tr td p { font-weight: normal; font-size: 12px; }

.market_table_kurs tbody tr td .triangle { width: 0; height: 0; display: inline-block; margin: 0 3px; position: relative; }

.market_table_kurs tbody tr td .triangle--down { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid; }

.market_table_kurs tbody tr td .triangle--up { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid; }

.market_table_kurs tbody tr.green { color: #529800; }

.market_table_kurs tbody tr.red { color: #cc0000; }

.market_table_kurs tbody tr:nth-child(odd) { background: #F0F0F0; }

.fokus-cust-ratio .dark .list-slide__item { height: unset; }

.fokus-cust-ratio .dark .list-slide__item p { position: relative; background: #295D97; color: #fff; width: 100%; padding: 4% 15px; overflow-wrap: break-word; box-sizing: border-box; }

.fokus-cust-ratio .dark .list-slide__item p .desc { font-size: 12px; display: inline-block; margin-top: 10px; }

.nth-4-hide *:nth-of-type(4) { display: none; }

.redirect { position: relative; }

.redirect .ratiobox { position: relative; display: block; height: 0; overflow: hidden; padding-bottom: 100%; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }

.redirect__stick { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 26; margin-bottom: 40px; }

.redirect__title { font-size: 12px; font-family: "Gotham",sans-serif; white-space: normal; overflow: hidden; line-height: 1.4em; font-weight: normal; }

.redirect__head { font-size: 14px; font-family: "Gotham",sans-serif; white-space: normal; overflow: hidden; line-height: 1.4em; font-weight: bold; }

.redirect__page { background: #295D97; margin: 0 0 16px; padding: 8px 12px; color: #f7f7f7; transform: translateY(500px); -webkit-transition: transform 0.4s cubic-bezier(0.79, 0.33, 0.64, 0.82); transition: transform 0.4s cubic-bezier(0.79, 0.33, 0.64, 0.82); }

.redirect__page h3, .redirect__page h4 { color: #f7f7f7; }

.redirect__page h4 { margin-bottom: 0; max-height: 59px; overflow: hidden; }

.redirect__page.show { transform: translateY(0); }

.redirect__close { display: flex; justify-content: center; align-items: center; padding-left: 0; }

.redirect__close-btn { display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; text-align: center; border-radius: 100%; color: #295D97; background: #e3f5fe99; font-size: 18px; }

.redirect__ring { padding: 0 8px 0 0; display: flex; position: relative; }

.redirect__ring-circle { transition: 0.35s stroke-dashoffset; transform: rotate(-90deg); transform-origin: 50% 50%; }

.redirect__ring-seconds-wrap { position: absolute; width: 100%; text-align: center; top: 50%; transform: translateY(-65%); padding-right: 8px; padding-top: 12px; }

.redirect__ring-seconds-wrap span { display: block; padding-top: 0; font-size: 12px; font-size: 12px; }

.redirect__ring-seconds { font-size: 26px; line-height: 1em; }

.redirect .media__text { display: flex; align-items: center; justify-content: center; padding-left: 12px; }

.redirect .media__text.nomargin { padding-left: 0; width: 100%; }

.redirect .media__text.nomargin > :first-child { width: 100%; }

.redirect .media { align-items: center; justify-content: center; }

.media--left { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: flex-start; }

.media__image { position: relative; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black); background: #f0f0f0; }

.media__image a { display: block; }

.media__text { flex: 1; position: static; font-size: 12px; color: #666; }

.media__image.img-xss { width: 56px; }

.media--left .media__image { margin: 0 12px 0 0; }

.galery-slider .ratiobox__content img { width: 100%; height: 100%; object-fit: cover; }

.galery-slider-thumb { display: flex; }

.galery-slider-thumb .swiper-slide { cursor: pointer; opacity: 0.4; }

.galery-slider-thumb .swiper-slide-thumb-active { opacity: 1; }

.galery-slider-main { margin-bottom: 10px; }

.galery-slider .swiper-button-next, .galery-slider .swiper-button-prev { background: rgba(0, 0, 0, 0.5); }

.galery-slider .swiper-button-next, .galery-slider .swiper-rtl .swiper-button-prev { right: 0px; left: auto; }

.galery-slider .swiper-button-prev, .galery-slider .swiper-rtl .swiper-button-next { left: 0px; right: auto; }

.galery-slider__zoom { position: absolute; right: 5px; top: 5px; color: white; z-index: 2; display: flex; border-radius: 100%; overflow: hidden; justify-content: center; align-items: center; padding: 5px; background: rgba(0, 0, 0, 0.5); cursor: pointer; }

.galery-slider__zoom img { width: 20px; max-width: 20px; }

.galery-slider--foto .caption { font-size: 14px; line-height: 1.6em; }

.detail_text { font-size: 1em; line-height: 1.4em; margin-bottom: 20px; color: #4a4a4a; }

.detail_text strong { font-family: "Gotham", sans-serif; font-weight: bold; color: #000; }

.detail_text em { font-style: italic; }

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

.detail_text ol li { padding: 10px 0; }

.detail_text ul { margin: 0 0 15px; }

.detail_text ul li { position: relative; padding-left: 20px; margin-bottom: 5px; }

.detail_text ul li:before { content: ""; position: absolute; left: 0; top: 7px; background: #295d97; width: 5px; height: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }

.detail_text iframe { width: 100%; }

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

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

.detail_text p { font-size: inherit; margin-top: 0; margin-bottom: 16px; }

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

.detail_text_breadcrumb { height: 23px; overflow: hidden; margin-bottom: 10px; }

.detail_text_breadcrumb a { display: inline-block; font-size: 0.8em; color: #888; position: relative; padding-right: 15px; margin-bottom: 5px; line-height: 1em; }

.detail_text_breadcrumb a:after { position: absolute; content: "\e907"; right: 0; font-family: "icon"; }

.detail_text_breadcrumb a:last-child { padding-right: 0; }

.detail_text_breadcrumb a:last-child:after { display: none; }

.detail_text_breadcrumb.bold a { font-weight: bold; color: #295d97; }

.detail_text h1 { font: 1.25em "Gotham", sans-serif; font-weight: bold; line-height: 130%; color: #295d97; }

.detail_text .date { font-size: 0.688em; font-family: "Gotham", sans-serif; font-weight: 300; color: #4a4a4a; padding-left: 10px; margin-left: 0px; }

.detail_text .author { margin-top: 5px; font: 500 0.75em "Gotham", sans-serif; color: #666666; }

.detail_text .author .sub { font-size: 1em; font-weight: 700; color: #295d97; }

.detail_text a { font-weight: 500; color: #295d97; }

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

.detail_text .share_detail { margin: 15px 0; }

.detail_zoom .detail_text .share_detail { display: flex; align-items: center; justify-content: center; }

.detail_text .share_detail span { color: #333; display: block; padding: 15px 10px 15px 0; border-top: 1px solid #d8d8d8; font: bold 0.875em "Gotham", sans-serif; }

.detail_zoom .detail_text .share_detail span { border-top: none; color: #fff; position: relative; margin-right: 10px; }

.detail_zoom .detail_text .share_detail span::after { position: absolute; content: ""; width: 1px; height: 60%; right: 0; top: 50%; background: #fff; transform: translate(0%, -50%); }

.detail_text .share_detail a { width: 38px; height: 38px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; display: inline-block; vertical-align: top; color: #fff; text-align: center; }

.detail_text .share_detail a i { font-size: 20px; line-height: 38px; }

.detail_text .share_detail a.li i:before { color: #fff; }

.detail_text .share_detail a.wa i { font-size: 1.6em; }

.detail_text .picdetail { margin: 10px 0; }

.detail_text .picdetail img { width: 100%; vertical-align: middle; }

.detail_text .picdetail_desc { font-size: 0.9em; line-height: 1.5em; display: block; color: rgba(0, 0, 0, 0.8); font-family: "Gotham", sans-serif; font-weight: 300; }

.detail_text .picdetail_desc.half { width: 70%; float: left; }

.detail_text .picdetail_desc span { display: block; margin-top: 10px; }

.detail_text .picdetail .zoom { width: auto; float: right; font-size: 0.7em; text-align: right; color: #333; color: #666; position: relative; padding-left: 25px; z-index: 1; }

.detail_text .picdetail .zoom i { margin-right: 5px; font-size: 1.8em; position: absolute; left: 0; top: 2px; color: #9f9f9f; }

.detail_text .picdetail_in { position: relative; display: block; }

.detail_text .inbetween_ads { position: relative; width: 100%; height: auto; margin: 5px 0 0; }

.detail_text .inbetween_ads img { padding: 0 !important; width: 100% !important; height: auto !important; max-width: none; max-height: none; }

.detail_text .pic_artikel_sisip { margin-top: 0; margin-bottom: 20px; font-size: 13px; line-height: 120%; }

.detail_text .pic_artikel_sisip .pic { font-size: 0.9em; color: #666; width: 100%; height: auto; margin: 0 auto; background: none; border: none; text-align: left; }

.detail_text .pic_artikel_sisip .pic img { width: 100%; margin-bottom: 5px; }

.detail_text .topiksisip { margin: 20px 10px; }

.detail_text .topiksisip .topik2 { background: #f1f1f1; }

.detail_text .topiksisip .topik2 .title { padding: 10px 0; text-transform: uppercase; margin: 0 15px; color: #0b6097; border-bottom: 1px solid #d8d8d8; }

.detail_text .topiksisip .topik2 ul { padding: 0 15px; }

.detail_text .topiksisip .topik2 ul li { padding: 10px 0; border-bottom: 1px solid #d8d8d8; }

.detail_text .topiksisip .topik2 ul li:last-child { border-bottom: none; }

.detail_text .topiksisip .topik2 ul li:before { display: none; }

.detail_text .topiksisip .topik2 ul li a { font-family: "Gotham", sans-serif; font-weight: normal; font-size: 0.875em; line-height: 140%; display: block; color: #295d97; }

.detail_text .linksisip { margin: 15px 0; }

.detail_text .linksisip h5 { display: inline-block; font-size: 0.938em; color: #4a4a4a; line-height: 100%; }

.detail_text .linksisip a { font-family: "Gotham", sans-serif; font-size: 0.938em; font-weight: 600; line-height: 100%; }

.detail_text .quotesisip { border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; margin: 20px 0; font-size: 1em; font-weight: bold; font-style: italic; color: #4a4a4a; line-height: 1.4em; }

.detail_text .quotesisip blockquote { padding: 10px 0; }

.detail_text .quotesisip blockquote cite { font-family: "Helvetica", sans-serif; display: block; text-align: right; font-style: normal; margin-top: 5px; }

.detail_text .quotesisip blockquote cite:before { content: "- "; }

.detail_text .topiksisip td, .detail_text .linksisip td, .detail_text .pic_artikel_sisip_table td, .detail_text .quotesisip td { border: none; padding: 0; }

.detail_text .tag { font-family: "Gotham", sans-serif; font-weight: bold; font-size: 0.813em; margin: 15px 0; }

.detail_text .tag span { margin-right: 5px; }

.detail_text .tag a { padding: 1px 5px 0; margin-bottom: 5px; border: 1px solid #e7e6e6; font-weight: normal; display: inline-block; }

.detail_text .nav_multi_top { position: relative; margin-bottom: 15px; }

.detail_text .nav_multi_top select { width: 73%; margin: 0 auto; padding: 5px 8px; background: #f8f8f8; border: 1px solid #d8d8d8; font: 0.75em "Gotham", sans-serif; color: #295d97; display: block; height: 40px; outline: none; overflow: hidden; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.detail_text .nav_multi_top a { position: absolute; width: 25px; height: 25px; top: 7px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; color: #fff; background: #295d97; text-align: center; }

.detail_text .nav_multi_top a i { font-size: 1.3em; line-height: 1.2em; }

.detail_text .nav_multi_top a.left { left: 0; }

.detail_text .nav_multi_top a.right { right: 0; }

.detail_text .nav_multi_bottom { padding: 0 20px 0 0; background: #f8f8f8; border: 1px solid #d8d8d8; position: relative; margin: 20px 0; }

.detail_text .nav_multi_bottom_number { padding: 14px 17px; display: inline-block; vertical-align: top; font: bold 1.188em "Gotham", sans-serif; color: #fff; position: relative; overflow: hidden; float: left; margin-right: 10px; }

.detail_text .nav_multi_bottom_number span { z-index: 2; position: relative; }

.detail_text .nav_multi_bottom_number:after { background: #295d97; content: ""; position: absolute; width: 110%; height: 115%; left: -7px; top: -3px; z-index: 1; -ms-transform: rotate(7deg); /* IE 9 */ -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */ transform: rotate(7deg); }

.detail_text .nav_multi_bottom h4 { margin: 10px 0; font: 300 0.813em "Gotham", sans-serif; color: #295d97; height: 30px; overflow: hidden; padding-right: 20px; }

.detail_text .nav_multi_bottom i { position: absolute; right: 10px; font-size: 2em; top: 9px; color: #295d97; }

.detail_zoom { padding-top: 57px; height: calc(100% - 57px); width: 100%; overflow-y: auto; overflow-x: hidden; position: absolute; color: #fff; -webkit-overflow-scrolling: touch; left: 0; outline: 0; -webkit-animation: zoomIn2 0.5s; -moz-animation: zoomIn2 0.5s; -ms-animation: zoomIn2 0.5s; -o-animation: zoomIn2 0.5s; animation: zoomIn2 0.5s; -webkit-backface-visibility: hidden; background: #000; text-align: center; }

.detail_zoom h3 { font-size: 1.1em; line-height: 1.2em; padding: 15px 20px; background: rgba(0, 0, 0, 0.7); position: relative; z-index: 14; }

.detail_zoom_photo { width: 90%; min-width: 320px; position: relative; margin: 0 auto; }

.detail_zoom_photo_label { position: absolute; top: 0; right: 0; background: rgba(0, 0, 0, 0.7); color: #fff; font-size: 0.7em; padding: 3px 10px; z-index: 14; }

.detail_zoom_photo img { width: 100%; z-index: 14; position: relative; display: block; }

.detail_zoom_photo_inner { position: relative; overflow: hidden; }

.detail_zoom_photo_desc { font-size: 14px; line-height: 1.4em; padding: 15px; position: relative; background: rgba(0, 0, 0, 0.7); z-index: 14; display: block; font-weight: 300; }

.detail_zoom_photo_desc b { font-family: "Gotham", sans-serif; }

.detail_zoom_photo_desc p { font-size: 1em; }

.detail_zoom_nav { padding: 3px 0; display: block; background: rgba(0, 0, 0, 0.5); font-size: 18px; line-height: 1em; font-weight: bold; color: #e3a948; }

.detail_zoom_nav .link { width: 10%; font-size: 2em; line-height: 1.1em; text-align: center; color: #e3a948; }

.detail_zoom_nav .link.disabled { opacity: 0.3; }

.detail_zoom_nav .count { width: 75%; font-size: 1em; font-weight: bold; margin-top: 7px; color: #e3a948; padding-left: 5%; }

.detail_zoom .pinch-zoom-container { overflow: inherit !important; display: block; }

.detail_zoom .zoom_abs { position: fixed; bottom: 0; z-index: 15; background: rgba(0, 0, 0, 0.8); }

.detail_zoom_logo { position: fixed; top: 0; height: 57px; background: #000; z-index: 13; width: 100%; }

.detail_zoom_logo img { height: 45px; margin-left: 15px; margin-top: 8px; }

.detail_zoom_logo .close_box_in { position: fixed; top: 10px; right: 10px; z-index: 14; width: 20px; height: 12px; margin: 10px; }

.detail_zoom_logo .close_box_in span { display: block; position: absolute; height: 3px; width: 100%; border-radius: 9px; opacity: 1; left: 0; -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; background: #fff; }

.detail_zoom_logo .close_box_in span:nth-child(1) { top: 6px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

.detail_zoom_logo .close_box_in span:nth-child(2) { opacity: 0; left: -60px; }

.detail_zoom_logo .close_box_in span:nth-child(3) { top: 6px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

.detail .banner:after { display: none; }

.detail .banner__in img, .detail .banner__in iframe { margin: 15px auto; }

.detail .banner:first-child { margin-top: 5px; margin-bottom: 10px; }

.detail .banner:first-child img, .detail .banner:first-child iframe { margin: 0px auto; }

.pop_box { z-index: 40; touch-action: none; position: fixed; }

.pop_box iframe { background: #000; }

.livereport { margin: 20px 0; }

.livereport__dropdown { background: #295d97; padding: 15px 10px; position: relative; }

.livereport__dropdown__select { background: #fff; padding: 8px 10px; text-align: center; font-family: "Helvetica"; text-align: center; font: bold 1em "Helvetica", sans-serif; color: #4a4a4a; border-radius: 0.313em; -webkit-border-radius: 0.313em; -moz-border-radius: 0.313em; -ms-border-radius: 0.313em; -o-border-radius: 0.313em; }

.livereport__dropdown__select.arrow-up:before { content: "\e905"; }

.livereport__dropdown__select:before, .livereport__dropdown__select:after { font-family: "icon"; position: absolute; right: 10px; font-size: 1.3em; line-height: 100%; }

.livereport__dropdown__select:before { content: "\e908"; }

.livereport__dropdown__title h2 { color: #fff; margin-bottom: 10px; font-size: 1em; opacity: 0; height: 0px; margin-bottom: 0; }

.livereport__dropdown__title h2.animate { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; opacity: 1; height: auto; margin-bottom: 10px; }

.livereport__dropdown__list { background: #e8e8e8; -webkit-box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.2); position: absolute; top: 100%; overflow: auto; display: none; -webkit-overflow-scrolling: touch; z-index: 9; width: 100%; }

.livereport__dropdown__list__item { margin: 10px; }

.livereport__dropdown__list__item__date { width: 15%; height: 100%; color: #fff; background: #25557b; padding: 0% 2%; text-align: center; position: absolute; font-family: "Helvetica"; font: bold 0.938em "Helvetica", sans-serif; border-radius: 0.313em; -webkit-border-radius: 0.313em; -moz-border-radius: 0.313em; -ms-border-radius: 0.313em; -o-border-radius: 0.313em; -webkit-box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.2); }

.livereport__dropdown__list__item__content { width: 72%; min-height: 34px; float: right; color: #fff; background: #295d97; padding: 3%; font: normal 0.9em "Helvetica", sans-serif; border-radius: 0.313em; -webkit-border-radius: 0.313em; -moz-border-radius: 0.313em; -ms-border-radius: 0.313em; -o-border-radius: 0.313em; -webkit-box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.2); }

.livereport__dropdown__list__item__content a { color: #fff; }

.livereport .is_stuck { z-index: 9; }

.livereport__list { padding: 10px 10px 0; background: #f1f1f1; -webkit-box-shadow: 0em 0.125em 0.25em 0em rgba(0, 0, 0, 0.06); -moz-box-shadow: 0em 0.125em 0.25em 0em rgba(0, 0, 0, 0.06); box-shadow: 0em 0.125em 0.25em 0em rgba(0, 0, 0, 0.06); margin: 20px 0; }

.livereport__list__item__date { font-size: 0.875em; font-weight: 300; color: #727272; }

.livereport__list__item__date i { color: #ed7567; }

.livereport__list__item__content { padding-left: 15px; margin-left: 12px; border-left: 1px solid #d8d8d8; position: relative; overflow: hidden; }

.livereport__list__item__content h3, .livereport__list__item__content p { margin: 10px 0; }

.livereport__list__item__content h3 a, .livereport__list__item__content p a { color: rgba(0, 0, 0, 0.9); }

.livereport__list__item__content h3 { font-size: 1.25em; }

.livereport__list__item__content p { font-size: 1em; color: rgba(0, 0, 0, 0.9); }

.livereport__list__event { background: #e3edf9; }

.livereport__list .socmed { border: none; padding-bottom: 10px; }

.livereport .sticky_title { opacity: 0; height: 0; position: relative; overflow: hidden; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; font-size: 1em; line-height: 1.5em; color: #fff; }

.livereport .sticky_title.animate { opacity: 1; height: 24px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; margin-bottom: 5px; }

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

.lvr_mid .lvr_notif_b { position: fixed; height: 20px; line-height: 20px; left: calc(50% - 85px); margin-top: 20px; }

.lvr_notif a { color: #fff; display: block; margin: 0 auto; width: 170px; padding: 8px 0; border-radius: 10px; background: #0b6097; font-family: "Helvetica"; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s; text-align: center; }

@-webkit-keyframes zoomIn2 { from { opacity: 0;
    -webkit-transform: translateY(-20%);
    -moz-webkit-transform: translateY(-20%);
    transform: translateY(-20%);
    -o-transform: translateY(-20%); }
  50% { opacity: 1;
    -webkit-transform: translateY(0%);
    -moz-webkit-transform: translateY(0%);
    transform: translateY(0%);
    -o-transform: translateY(0%); } }

@keyframes zoomIn2 { from { opacity: 0;
    -webkit-transform: translateY(-20%);
    -moz-webkit-transform: translateY(-20%);
    transform: translateY(-20%);
    -o-transform: translateY(-20%); }
  50% { opacity: 1;
    -webkit-transform: translateY(0%);
    -moz-webkit-transform: translateY(0%);
    transform: translateY(0%);
    -o-transform: translateY(0%); } }

.detail_box { display: block; }

.detail_box .date { padding-left: 0; }

.detail_box .date:before { display: none; }

.long-cta { text-align: right; }

.long-cta__title { margin-top: 20px; margin-bottom: 10px; font-size: 16px; font-weight: 500; font-family: "Gotham", sans-serif; width: 85%; display: inline-block; }

.detail_text h2 { font-size: 20px; }

.detail_text h3 { font-size: 18px; }

.detail_text h4 { font-size: 16px; }

.detail_text h5 { font-size: 14px; }

.detail_text h6 { font-size: 12px; }

.detail_text h2, .detail_text h3, .detail_text h4, .detail_text h5, .detail_text h6 { font-family: "Gotham", sans-serif; font-weight: bold; margin-bottom: 8px; }

.detail_text > p:nth-of-type(1) { display: inline; }

.detail_text > p:nth-of-type(2) { margin-top: 16px; }

.detail_text .title { color: #000; padding-bottom: 5px; border-bottom: 4px solid #295d97; }

.detail_text .title .logo-emiten { float: right; max-width: 90px; max-height: 24px; margin-top: -4px; }

.video_detail { background: #e6e6e6; padding: 8px 10px 13px; text-align: center; width: 100%; position: relative; box-sizing: border-box; }

.video_detail .subtitle { color: #000; text-align: left; font-weight: bold; font-size: 13px; }

.video_detail h2 { text-align: left; font-size: 15px; font-weight: bold; }

.video_detail h2 a { float: none; font-weight: inherit; }

.video_detail .video_detail__title { position: relative; margin-bottom: 20px; }

.video_detail .video_detail__title:before { content: ""; position: absolute; top: -8px; left: -10px; display: block; width: 4px; height: calc(100% + 10px); background-color: #295d97; }

.video_detail .video_detail__wrapper { position: relative; padding-bottom: 56.25%; /* 16:9, for an aspect ratio of 1:1 change to this value to 100% */ }

.video_detail .video_detail__wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.video_detail .video_detail__wrapper.pdb-counter { padding-bottom: 0; }

.cb-video .title { padding-top: 15px; }

.cb-video .title--brf { margin: 0 0 15px; }

.cb-video__list { margin-bottom: 20px; }

.cb-video__list .title { padding-top: 15px; margin: 0 10px; }

.cb-video__list .wrap { margin: 0 10px; }

.cb-video .wrap { margin: 0 10px; }

.cb-video .wrap .sub { color: #ec6e60; text-transform: uppercase; }

.cb-video .wrap .date { padding-left: 0; padding-top: 5px; margin-left: 0; display: block; }

.cb-video .wrap .date:before { display: none; }

.cb-video .wrap .list-scroll__item p { max-height: 75px; }

.content_video { position: relative; width: 100%; }

.content_comm { padding: 10px; }

.content_comm a { border-bottom: none !important; }

.vid__play { position: relative; padding-bottom: 56.25%; display: block; height: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.vid__play .ratiobox { overflow: visible; position: static; }

.vstick__wrap { position: relative; bottom: 0; top: 0; display: block; overflow: hidden; padding-bottom: 56.25%; z-index: 30; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.vstick__wrap iframe { position: absolute; width: 100%; height: 100%; left: 0; right: 0; bottom: 0; top: 0; z-index: 30; }

.vstick .vstick__wrap { position: fixed; top: 65px; left: 10px; right: 10px; bottom: auto; }

.vstick__wrap.pdb-counter { padding-bottom: 0; }

.vcounter { font-size: 13px; margin: 10px 10px 0; display: flex; align-items: center; font-family: "Gotham", sans-serif; }

.vcounter .icon { color: #bababa; font-size: 16px; margin-right: 5px; }

.related-market { font-size: 14px; }

.related-market .title { color: #000; border: none; }

.related-market__list { list-style: none; padding: 0; margin: 0; }

.related-market__list li { background: #ffffff; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08); padding: 8px 13px; }

.related-market__list li a { display: flex; align-items: center; color: #000; }

.related-market__list li a:hover { color: #444; opacity: 1; }

.related-market__list li + li { margin-top: 8px; }

.related-market__list li:before { display: none; }

.related-market__updated { font-family: Gotham, sans-serif; font-style: normal; font-weight: 500; font-size: 11px; line-height: 18px; color: #666; }

.related-market__name { font-weight: 500; line-height: 20px; }

.related-market__name strong { color: #295d97; display: block; margin-bottom: 3px; }

.related-market__graph { margin-left: auto; width: 54px; height: 43px; }

.related-market__status { margin-left: 24px; padding: 2px 8px 2px 26px; border-radius: 4px; position: relative; background: #e6e6e6; font-weight: 300; line-height: 20px; font-size: 12px; text-align: right; width: 90px; overflow: hidden; box-sizing: border-box; }

.related-market__status strong { font-size: 14px; }

.related-market__status:before { content: "--"; display: block; position: absolute; left: 8px; top: 50%; transform: translateY(-50%); width: 14px; height: 20px; }

.related-market__status.green { background: #29a83f; color: #fff; }

.related-market__status.green strong { color: #fff; }

.related-market__status.green:before { content: ""; background: url("../images/triangle_white.png") center center no-repeat; background-size: contain; }

.related-market__status.red { background: #dc0000; color: #fff; }

.related-market__status.red strong { color: #fff; }

.related-market__status.red:before { content: ""; background: url("../images/triangle_white.png") center center no-repeat; background-size: contain; transform: rotate(180deg) translateY(50%); }

.related-market__status strong { display: block; }

.related-market__btn { background: #295d97; color: #fff !important; font-size: 12px; border-radius: 4px; padding: 2px 10px; display: inline-flex; align-items: center; }

.related-market__btn img { width: 12px; height: 10px; object-fit: contain; margin-left: 8px; }

.related-market__btn i { margin-left: 5px; }

.detail_zoom .sub__top { color: #e3a948; }

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

.b_hide { display: none !important; }

.b_show { display: block !important; }

.new_banner_reg_100.floating .new_banner_reg_100_trigger { top: 55px !important; }

.ads_native_d { padding: 15px 0; border-bottom: 1px solid #e4e4e4; }

.ads_native_d .an_box_img { width: 95px; height: 76px; margin-right: 10px; float: left; }

@media (max-width: 319px) { .ads_native_d .an_box_img { width: 35%; } }

@media (min-width: 480px) { .ads_native_d .an_box_img { margin-right: 15px; } }

.ads_native_d .an_desk { width: 62%; float: left; }

@media (max-width: 319px) { .ads_native_d .an_desk { width: 60%; } }

.ads_native_d .an_desk .an_sub { font-size: 0.6em; display: block; line-height: 1em; margin-bottom: 4px; color: #A3A3A3; }

.ads_native_d .an_desk h2 { font-size: 0.875em; font-weight: normal; line-height: 130%; }

.ads_native_d .an_desk .an_text { display: none; }

.ads_native_d .an_desk .an_label { font-size: 0.7em; line-height: 1em; display: block; margin-top: 4px; color: #cc0000; }

.ads_native_d .clearfix { clear: both; }

.adsmart_list_artikel { padding: 15px 0; border-bottom: 1px solid #e4e4e4; }

.detail .list .adsmart_list_artikel { border: none; }

.adsmart_list_artikel .adsmart_box_img { width: 95px; height: 76px; margin-right: 10px; float: left; }

@media (max-width: 319px) { .adsmart_list_artikel .adsmart_box_img { width: 35%; } }

@media (min-width: 480px) { .adsmart_list_artikel .adsmart_box_img { margin-right: 15px; } }

.adsmart_list_artikel .adsmart_desk { width: 62%; float: left; }

@media (max-width: 319px) { .adsmart_list_artikel .adsmart_desk { width: 60%; } }

.adsmart_list_artikel .adsmart_desk .adsmart_sub { font-size: 0.6em; display: block; line-height: 1em; margin-bottom: 4px; color: #A3A3A3; }

.adsmart_list_artikel .adsmart_desk h2 { font-size: 0.875em; font-weight: normal; line-height: 130%; color: #000; }

.adsmart_list_artikel .adsmart_text { display: none; }

.adsmart_list_artikel .adsmart_label { font-size: 0.7em; line-height: 1em; display: block; margin-top: 4px; color: #cc0000; }

.adsmart_list_artikel .clearfix { clear: both; }

.list-scroll__item .adsmart_list_artikel { padding: 0; }

.list-scroll__item .adsmart_list_artikel .adsmart_box_img { margin-right: 0; width: 100%; height: 113px; }

.list-scroll__item .adsmart_list_artikel .adsmart_desk { width: 100%; margin: 10px; min-height: 75px; max-height: 75px; }

.list-scroll__item .adsmart_list_artikel .adsmart_desk .adsmart_sub { display: none; }

.list-scroll__item .adsmart_list_artikel .adsmart_desk h2 { font-size: 13px; white-space: normal; }

.banner__top { position: relative; overflow: hidden; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; width: 100%; height: 150px; }

.banner__top__in { text-align: center; position: fixed; margin: 0 auto; width: 100%; }

.banner__top__in img, .banner__top__in iframe { margin: 0 auto; }

.newstag { margin: 15px 0 30px; }

.newstag span { font-size: 0.9em; display: block; margin-bottom: 5px; font-family: "Helvetica", sans-serif; }

.newstag img { height: 30px; }

/*s:banner*/
.banner, .banner2 { text-align: center; /*height: 50px;*/ overflow: hidden; }

.banner2 { height: auto; margin-top: 10px; }

.banner_bill { width: 300px; height: 135px; position: relative; margin: 0 auto; }

.banner_bill .close { position: absolute; top: 0; right: 0; z-index: 2; display: inline-block; }

.banner_bill2 { width: 320px; height: 100px; position: relative; margin: 0 auto; }

.banner_bill2 .close { position: absolute; top: 0; right: 0; z-index: 2; display: inline-block; }

.banner2 a { color: #fff; font-weight: bold; text-decoration: none; display: block; /*height: 50px;*/ }

#footer_banner { display: block; position: fixed; width: 100%; bottom: 0; text-align: center; z-index: 5; height: 50px; overflow: hidden; background: #FFF; }

#footer_banner .closebot { position: absolute; right: 0; top: 0; z-index: 2; display: inline-block; }

#banner_otp { display: block; position: fixed; z-index: 14; width: 100%; top: 57px; text-align: center; left: 0; }

.banner_otp { width: 300px; margin: 0 auto; }

#banner_otp img { width: 100%; }

#banner_otp .close { position: absolute; z-index: 2; right: 5px; top: 5px; font-size: 1.4em; }

#sto_banner { background: #000; padding: 5px; color: #fff; font-weight: bold; position: fixed; z-index: 99; width: 100%; height: 100%; text-align: center; }

#sto_banner .close { color: #fff; padding: 5px 0; display: block; }

#sto_banner div { width: calc(100% - 10px); }

#sto_banner div img { width: 100%; }

.sponsor { margin: 20px 0; }

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

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

/*e:banner*/
.smartbanner_new { height: 30px; background: #fff; padding: 10px; position: relative; color: #000; font-size: 11px; line-height: 1.4; border-bottom: 1px solid #ddd; }

.smartbanner_new .app_logo { height: 30px; float: left; margin-right: 10px; }

.smartbanner_new b { display: block; font-size: 12px; font-weight: bold; }

.smartbanner_new .get_app { display: inline-block; height: 20px; padding: 0 10px; border: 1px solid #083c62; border-radius: 3px; font-size: 11px; font-weight: bold; position: absolute; right: 30px; top: 14px; color: #083c62; line-height: 2; text-decoration: none; }

.smartbanner_new .sb_close { position: absolute; color: #083c62; text-decoration: none; height: 15px; width: 15px; text-align: center; line-height: 14px; font-size: 10px; top: 5px; right: 5px; border: 1px solid #083c62; border-radius: 100px; }

.mega_bb { background: #000; width: 100%; }

.mega_bb img { width: 100%; }

.footer_banner { z-index: 5 !important; }

.parallaxA, .parallaxB { margin-bottom: 20px; clear: both; }

.parallax { clear: both; }

.footer { background: #204d7f; padding: 0; color: #FFF; }

.footer__menu { padding: 20px; }

.footer__menu a { display: block; width: 50%; float: left; color: #FFF; font-size: 0.838em; padding-bottom: 15px; text-transform: uppercase; font-family: "Gotham", sans-serif; font-weight: normal; }

.footer__menu.logo { border-top: 1px solid #295d97; border-bottom: 1px solid #295d97; padding: 0; }

.footer__menu.logo a { width: 100%; padding: 10px 0; }

.footer__menu.logo a img { display: inline-block; vertical-align: middle; height: 47px; }

.footer .socmed { padding: 0 15px 15px; margin: 10px 15px 15px; }

.footer p { font-size: 0.938em; line-height: 1.3em; color: #909da4; padding: 0 10px 10px; margin: 10px 15px; border-bottom: 1px solid #295d97; }

.footer__about { color: #909DA4; padding-bottom: 15px; }

.footer__about p { border: none; font-size: 0.75em; padding: 5px 0; }

.footer__about p span { display: inline-block; vertical-align: middle; margin-left: 10px; }

.footer__about__apps { text-align: center; margin: 0 0 15px; max-width: 100%; }

.footer__about__apps span { width: calc(100% / 3 - 10px); display: inline-block; }

.footer__about__apps img { height: 40px; }

@media (max-width: 320px) { .footer__about__apps img { height: 35px; } }

.footer__about a { display: inline-block; font-size: 0.75em; color: #909da4; font-weight: bold; vertical-align: top; }

.footer__about a:first-child { margin-left: 0; }

.footer__about .pdlr15 { padding: 0 15px; }

.footer_sticky { height: 50px; width: 100%; position: relative; background: #272727; }

.text-title { font-weight: bold; }

.text-light { font-weight: 300; }

.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: #295d97; }

.f19 { font-size: 19px; }

.f14 { font-size: 14px; }

.f11 { font-size: 11px; }

.watch { padding: 30px 0; color: #4A4A4A; font-family: "Gotham", sans-serif; }

.watch.top-nogut { padding: 0 0 30px 0; }

.watch.minh { min-height: 60vh; }

.watch__txt { padding: 20px 0; display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; }

.watch__txt .info { color: #7D7D7D; display: inline-block; font-size: 14px; }

.watch__txt .info .icon { display: inline-block; text-align: center; font-size: 10px; font-weight: bold; width: 13px; height: 13px; position: relative; line-height: 15px; top: -2px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border: 1px solid #7D7D7D; }

.watch__txt .btn { padding: 12px; }

.watch__hbtn { position: absolute; right: 0; top: 0px; width: 100%; }

.watch__hbtn .watch__ddown { right: 0; margin-top: 4px; font-size: 14px; font-family: "Gotham"; font-weight: 400; min-width: 210px; }

.watch__hbtn .watch__ddown:before { right: 30px; left: unset; }

.watch__hbtn-form { padding-top: 20px; border-bottom: 1px solid #EEEDED; margin: 0 -25px; display: none; }

.watch__hbtn-form.open { display: block; }

.watch__hbtn-title { padding: 0 20px; color: #4A4A4A; font-weight: 400; }

.watch__hbtn .onbtn { position: absolute; right: 0px; z-index: 11; background: #fff; }

.watch__hbtn .onbtn.trans { background: transparent; }

.watch__hbtn.disabled .disabled-input, .watch__hbtn.disabled .watch__ddown-menu span { opacity: 0.3; }

.watch__title { font-size: 27px; font-weight: 400; margin-bottom: 15px; }

.watch__icocap { color: #9B9B9B; font-size: 20px; font-weight: 400; margin: 10px; display: block; width: 70%; margin: 0 auto; line-height: 1.2em; max-width: 300px; }

.watch__icoemp { margin: 20px; }

.watch p { font-size: 16px; font-weight: 300; display: block; width: 90%; line-height: 1.4em; padding: 10px 0; max-width: 300px; margin: 0 auto; }

.watch__top { padding: 10px; margin: -10px -10px -10px; }

.watch__clink { color: #295D97; font-size: 17px; width: calc(100% - 110px); display: block; position: relative; padding: 10px 0; }

.watch__clink.stretch { width: calc(100% + 10px); padding-left: 10px; padding-bottom: 20px; border-bottom: 1px solid #e0e0e0; }

.watch__clink span { vertical-align: middle; display: inline-block; }

.watch__clink span.watch__clink-ico { font-size: 22px; vertical-align: baseline; }

.watch__clink span.watch__clink-ico.drops { margin-left: 10px; color: #295D97; position: absolute; width: 15px; height: 15px; vertical-align: sub; top: 0; right: -20px; }

.watch__clink span.watch__clink-ico.drops span { line-height: .2em; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }

.watch__clink > p { font-size: 12px; margin: 5px 0 0; padding: 0; }

.watch__form { margin: 15px 0; width: 100%; color: #A8A8A8; }

.watch__form:after { content: "+"; position: absolute; right: 10px; top: 11px; z-index: 1; font-size: 20px; }

.watch__input-auto { color: #4A4A4A; border: none; outline: none; width: 100%; background: white; display: block; position: relative; z-index: 1; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 10px; box-sizing: border-box; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; font-weight: 300; font-size: 15px; padding-right: 30px; }

.watch__white { padding: 60px 0; }

.watch__text { font-size: 20px; font-weight: 300; display: block; width: 100%; line-height: 1.4em; padding: 10px 0; max-width: 320px; margin: 0 auto; }

.watch__pop { background: rgba(0, 0, 0, 0.6); 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; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

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

.watch__pop.open .watch__pop-box { top: 50%; }

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

.watch__pop-top h2 { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 15px; font-weight: 300; color: #000; text-transform: uppercase; }

.watch__pop-box { max-width: 350px; width: 90%; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-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; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; padding-bottom: 20px; }

.watch__pop-box.login-pop .watch__pop-top h2 { color: #000; text-align: center; }

.watch__pop-box.login-pop .btn.btn-watch { font-size: 14px; padding: 8px 15px; margin: 25px 0 10px; width: 100px; text-transform: uppercase; }

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

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

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

.watch__pop-form { padding: 15px; }

.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; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; font-weight: 300; font-size: 15px; }

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

.watch__pop-cl { padding: 10px 20px; background: #fff; color: #295D97; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-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; font-weight: bold; }

.watch__pop input[type="submit"].watch__pop-sm { padding: 10px 20px; background: #295D97; color: initial; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-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-sm { padding: 11px 20px; background: #295D97; color: initial; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 11px; color: white; }

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

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

.watch__pop-content ul li { margin: 0; padding: 0 20px; 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 { width: 100%; padding: 10px 0; color: #000; display: block; }

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

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

.watch__setting { position: absolute; right: 15px; top: 18px; }

.watch__setting.btn--img { top: 15px; right: 10px; }

.watch__setting .watch__ddown { right: 0; }

.watch__setting .watch__ddown-menu { min-width: 162px; }

.watch__setting .watch__ddown:before { left: inherit; right: 10px; }

.watch__edit { margin-left: 15px; padding-top: 12px !important; }

.watch__wrap { position: relative; }

.watch__symbols { margin: 0 -10px; background: #fff; }

.watch__table { width: 100%; font-size: 14px; color: #4A4A4A; font-weight: 400; }

.watch__table small { font-weight: 300; font-size: 0.785em; display: block; }

.watch__table thead { border-bottom: 2px solid #979797; font-size: 11px; margin-bottom: 10px; }

.watch__table thead tr td { padding: 5px 10px; }

.watch__table tbody tr td { vertical-align: middle; padding: 15px 10px; }

.watch__table tbody tr td.min70 { min-width: 75px; }

.watch__table tbody tr:first-child td { padding-top: 25px; }

.watch__table-wrap--overflow { overflow-y: auto; }

@media (max-width: 320px) { .watch__table-wrap--overflow table { width: 120%; } }

.watch__table.table-saham { text-align: left; font-size: 12px; }

.watch__table.table-saham tr td { padding: 10px 5px; }

.watch__table.table-saham tr td:first-child { font-size: 11px; font-weight: 300; }

.watch__table.table-saham tr td.action { width: 30px; }

.watch__recommend-info { display: block; margin: 20px 0; font-weight: 300; }

.watch__recommend-info img { width: 100px; }

.watch__login-wrap { border-top: 2px solid #D8D8D8; font-size: 14px; }

.watch__login-wrap .btn-watch { font-size: 12px; }

.watch__info { font-size: 14px; }

.watch__form-search { display: flex; flex-wrap: nowrap; }

.watch__form-search input[type="text"] { width: calc(100% - 50px); border: 1px solid #C4C4C4; padding: 10px 10px 10px 40px; margin-bottom: 20px; border-radius: 4px; font-size: 14px; }

.watch__form-search--med input[type="text"] { width: 100%; display: inline-block; margin: 0; }

.watch__form-search:after { font-family: 'icon' !important; content: "\e90c"; position: absolute; left: 10px; right: inherit; top: 10px; z-index: 1; font-size: 18px; color: #295d97; }

.watch__change { width: 70px; background: #979797; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; color: white; padding: 5px; box-sizing: border-box; float: right; position: relative; overflow: hidden; }

.watch__change.up { background: #29A83F; }

.watch__change.up:after { content: "\e914"; color: white; position: absolute; left: 5px; bottom: 5px; font-family: "icon"; font-size: 25px; }

.watch__change.down { background: #DC0000; }

.watch__change.down:after { content: "\e910"; color: white; position: absolute; left: 5px; bottom: 5px; font-family: "icon"; font-size: 25px; }

.watch__manage { color: initial; color: #4A4A4A; }

.watch__manage:hover { outline: none; }

.watch__manage.no-left .watch__manage-title { padding-left: 10px; }

.watch__manage a { color: #4A4A4A; }

.watch__manage-item { width: 100%; padding-bottom: 20px; padding-top: 20px; }

.watch__manage-item.sortable-chosen { background: rgba(78, 143, 217, 0.5); color: white; }

.watch__manage-item span { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ }

.watch__manage-ico { position: absolute; left: 0px; top: 45%; width: 60px; height: 60px; font-size: 20px; color: #ABA8A8; text-align: center; line-height: 65px; -webkit-transform: translateY(-50%); -moz-webkit-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); }

@media (max-width: 360px) { .watch__manage-ico { font-size: 24px; } }

.watch__manage-act { position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -moz-webkit-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); margin-left: auto; border-radius: 50%; width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; transition: background .2s ease; font-size: 12px; }

.watch__manage-act a { color: #CC0000; }

.watch__manage-act > img { width: 15px; height: 15px; margin: auto; }

.watch__manage-title { padding-left: 65px; padding-right: 30px; display: block; font-size: 15px; }

.watch__manage-title small { display: block; font-size: 12px; font-weight: 300; }

.watch__ddown { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; background: #fff; position: relative; box-shadow: 0px 1px 7px 0px rgba(138, 138, 138, 0.5); position: absolute; z-index: 10; top: 25px; opacity: 0; visibility: hidden; height: 0; padding: 0px 20px 0px; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -o-transition: 0.3s linear; -ms-transition: 0.3s linear; transition: 0.3s linear; }

.watch__ddown.open { -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -o-transition: 0.3s linear; -ms-transition: 0.3s linear; transition: 0.3s linear; opacity: 1; visibility: visible; max-height: 400px; height: auto; max-height: 200vh; height: auto; }

.watch__ddown span.watch__clink-ico { vertical-align: middle; }

.watch__ddown:before { content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 5px solid transparent; border-bottom: 15px solid white; position: absolute; left: 116px; top: -10px; }

.watch__ddown label { margin-bottom: 10px; display: block; }

.watch__ddown-cek { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; opacity: 0; visibility: hidden; width: 0; height: 0; padding: 0; margin: 0; }

.watch__ddown-cek:checked + span:before { background: #55B53D; border-color: #55B53D; content: "\e919"; }

.watch__ddown-bl { font-weight: 300; font-size: 14px; padding-left: 20px; position: relative; display: inline-block; }

.watch__ddown-bl:before { content: ""; font-family: 'icon'; color: white; width: 13px; height: 13px; border: 1px solid #979797; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 5px; font-size: 8px; line-height: 1em; font-weight: 100; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; padding-left: 1px; box-sizing: border-box; padding-top: 2px; position: absolute; left: 0px; top: 2px; }

.watch__ddown-menu { color: #4A4A4A; vertical-align: middle; padding: 10px 20px; margin-bottom: 10px; border-bottom: 1px solid #EEEDED; display: block; margin: 0 -20px; font-size: 14px; font-weight: 300; }

.watch__ddown-menu:hover { color: initial; }

.watch__ddown-menu:last-child { border-bottom: transparent; }

.watch__ddown-menu.disabled-link { opacity: 0.3; }

.watch__ddown-list { padding-top: 20px; }

.watch__ddown-list:after { height: 1px; background: #EEEDED; content: ""; position: relative; margin: 0 -20px; display: block; }

.watch__ddown-onlist { padding-top: 20px; margin: 0 -20px; }

.watch__ddown-item { display: block; position: relative; }

.watch__ddown-item a { display: block; font-weight: 300; font-size: 14px; padding: 10px 20px 10px 20px; border-bottom: 1px solid #EEEDED; color: #4A4A4A; }

.watch__ddown-item a:hover { cursor: pointer; }

.watch__ddown-item a.disabled-link { color: #ccc; }

.popnotif { position: fixed; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-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); box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.3); width: calc(80% - 40px); background: #3A82BB; border: 1px solid #3A82BB; font-size: 14px; color: #fff; padding: 20px; margin: 0 10%; 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; }

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

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

.watchlist_notif { box-sizing: border-box; position: fixed; top: 300px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-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); box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.3); left: 50%; width: 300px; margin-left: -150px; background: #3A82BB; border: 1px solid #3A82BB; font-size: 14px; color: #fff; padding: 40px 20px 20px; 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 { 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; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-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; color: #444; }

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

.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); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; overflow: hidden; z-index: 99; /*position the autocomplete items to be the same width as the container:*/ top: calc(100% - 20px); left: 0; right: 0; max-width: 100%; display: block !important; }

.watch__form-search--med .autocomplete-items { top: 100%; }

.autocomplete-items div { float: left; width: 100%; font-size: 13px; padding: 15px 0 15px 10px; cursor: pointer; background-color: #fff; position: relative; display: block !important; text-align: left; }

.autocomplete-items div strong { color: #295d97; }

.autocomplete-items div .btn { font-size: 12px; display: inline-block; border: 1px solid #295d97; background: #fff; color: #295d97; position: absolute; top: 10px; right: 20px; padding: 5px; }

.autocomplete-items div .btn:hover { background: #295d97; 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; }

/*--------------------------------------------------------------------------------*/
/*ADS SLOT STYLE*/
/*--------------------------------------------------------------------------------*/
.box-ads { margin-top: 16px; margin-bottom: 24px; position: relative; z-index: 1; display: flex; justify-content: center; }

.box-ads__name { position: absolute; top: calc(50% - 40px); padding: 8px 12px; z-index: -1; }

.ads-slot--smb .box-ads__name { top: calc(50% - 25px); }

.box-ads--container { margin-left: -10px; margin-right: -10px; }

.ads-slot { position: relative; z-index: 1; margin: 0 auto; text-align: left !important; display: flex; align-items: center; justify-content: center; background: #f7f7f7; }

.ads-slot > * { flex: 1 100%; }

.ads-slot img { max-width: 100%; height: auto; }

.ads-slot:before { position: absolute; content: "Advertisement"; left: 50%; top: 50%; height: 50px; z-index: -1; letter-spacing: 2px; background-image: url("../images/logo_cnbc_icon.webp"); filter: grayscale(1); background-repeat: no-repeat; background-position: center 4px; background-size: contain; padding: 3px 0; transform: translate3d(-50%, -50%, 0); color: #999999; font-size: 12px; font-weight: 300; display: flex; align-items: flex-end; }

.ads-slot__name { display: none; position: absolute; top: calc(50% - 40px); padding: 8px 12px; z-index: -1; font-size: 14px; color: #cccccc; }

.ads-slot--smb { height: 50px; z-index: 2; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); position: sticky; position: -webkit-sticky; top: 0; }

.ads-slot-mb-container { width: 100%; height: 506px; position: absolute; background-attachment: scroll; background-position: left top; background-size: cover; clip: rect(auto, auto, auto, auto); justify-content: center; display: flex; }

.ads-slot--mb { width: 320px; height: 480px; margin-top: 25px !important; position: fixed !important; z-index: 1 !important; }

.ads-slot--mb iframe { border: 0px; vertical-align: bottom; width: 320px; height: 480px; }

.ads-slot--bb { width: 100%; height: 156px; }

.ads-slot--bb .tvcbillboard + div { position: absolute; }

.ads-slot--sb { width: 300px; height: 250px; }

.ads-slot--ib { width: 320px; height: 50px; }

.megabillboard { height: 525px; position: relative; }

.megabillboard__swipe { position: absolute; left: 0; bottom: 0; right: 0; }

.megabillboard__swipe p { display: block; margin: 0px; font-size: 10px; padding: 0px; background: #204d7f; color: #ffffff; text-align: center !important; }

.megabillboard-close { cursor: pointer; position: fixed; right: calc(50% - 160px); padding: 5px 0; z-index: 2; color: #204d7f; font-size: 12px; font-weight: 700; }

.box__main { width: 100%; height: 160px; background: url(../images/background_market.png); background-position: right top; background-repeat: no-repeat; background-color: #eaf3fa; margin-bottom: 20px; }

.box__main__top { width: 100%; padding: 21px; }

.box__main__top__left { width: 70%; }

.box__main__top__left__title { padding-top: 4px; padding-bottom: 8px; font-family: "Gotham"; font-style: normal; font-weight: 500; font-size: 16px; line-height: 22px; color: #000000; }

.box__main__top__left__sub { padding-bottom: 12px; }

.box__main__top__left__sub p { font-family: "Gotham"; font-style: normal; font-weight: 300; font-size: 12px; line-height: 18px; color: #000000; }

.box__main__top__search { position: relative; width: 100%; display: flex; align-items: center; }

.box__main__top__search__input { width: 100%; }

.box__main__top__search__input input { outline: none; width: 90%; border: 1px solid #e6e6e6; border-radius: 4px; height: 40px; padding: 0px 30px 0px 12px; color: #999999; font-style: normal; font-weight: 400; font-size: 12px; line-height: 17px; }

input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

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

input[type="search"]::-webkit-search-results-button { -webkit-appearance: none; }

input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; }

.box__main__top__search__img { position: absolute; right: 30px; width: 10%; }

.box__alphabet { overflow-x: auto; overflow-y: hidden; position: relative; width: 100%; }

.box__alphabet__list { height: 30px; width: 30px; display: flex; justify-content: center; align-items: center; font-style: normal; font-weight: 300; font-size: 14px; line-height: 20px; color: #999999; border: 1px solid #999999; border-radius: 4px; }

.kamus__list__blue { height: 30px; width: 30px; border: 1px solid #21409a; color: #21409a; border-radius: 4px; margin-left: 21px; display: inline-block; position: relative; }

.kamus__list__blue span { width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; }

.kamus__list__gray { height: 30px; width: 30px; border: 1px solid #999999; color: #999999; border-radius: 4px; margin-left: 7px; display: inline-block; position: relative; }

.kamus__list__gray span { width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; }

.box__choice { width: 100%; height: 718px; }

.box__choice__top { display: flex; height: 30px; justify-content: space-between; align-items: center; margin: 15px 13px 25px 0px; }

.box__choice__top__choice { background: #e6e6e6; border-radius: 0px 10px 10px 0px; width: 41px; height: 30px; display: flex; align-items: center; justify-content: center; font-family: "Gotham"; font-style: normal; font-weight: 500; font-size: 18px; line-height: 25px; color: #000000; }

.box__choice__top__from { font-family: "Gotham"; font-style: normal; font-weight: 300; font-size: 12px; line-height: 18px; color: #999999; }

.box__choice__body { margin-bottom: 16px; margin-left: 20px; }

.box__choice__body p { font-family: "Gotham"; font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; color: #000000; padding-bottom: 16px; }

.kamus__pagination { width: 100%; display: flex; justify-content: center; }

.kamus__pagination__blue__long { width: 46px; height: 25px; background: #204d7f; border-radius: 4px; display: flex; justify-content: center; align-items: center; margin-right: 16px; letter-spacing: 0.04em; font-family: "montserrat", helvetica, arial; font-style: normal; font-weight: 600; font-size: 12px; line-height: 17px; color: #ffffff; margin-left: 8px; }

.kamus__pagination__blue { width: 21px; height: 25px; display: flex; justify-content: center; align-items: center; letter-spacing: 0.04em; font-family: "montserrat", helvetica, arial; font-style: normal; font-weight: 600; font-size: 12px; line-height: 17px; color: #ffffff; margin-right: 8px; background: #204d7f; border-radius: 4px; }

.kamus__pagination__gray { width: 21px; height: 25px; display: flex; justify-content: center; align-items: center; letter-spacing: 0.04em; font-family: "montserrat", helvetica, arial; font-style: normal; font-weight: 600; font-size: 12px; line-height: 17px; color: #000000; margin-right: 8px; background: #e6e6e6; border-radius: 4px; }

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

.box__top__text { font-family: "Gotham"; font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; color: #295d97; padding-bottom: 26px; }

.box__top__title { font-family: "Gotham"; font-style: normal; font-weight: 700; font-size: 20px; line-height: 25px; padding-bottom: 16px; color: #000000; }

.box__top__sub { font-family: "Gotham"; font-style: normal; font-weight: 700; font-size: 16px; line-height: 20px; padding-bottom: 16px; color: #000000; }

.box__top__details p { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 21px; padding-bottom: 16px; color: #000000; }

.box__top__share { display: flex; justify-content: flex-end; align-items: center; height: 50px; }

.box__top__share__text { font-family: "Gotham"; font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; padding-right: 16px; border-right: 1px solid #000000; margin-right: 16px; }

.box__istilah { margin-bottom: 16px; }

.box__istilah__top { display: flex; justify-content: space-between; align-items: center; height: 40px; }

.box__istilah__top__text { font-family: "Gotham"; font-style: normal; font-weight: 700; font-size: 16px; line-height: 22px; padding-left: 20px; }

.box__istilah__top__img img { padding-right: 22px; }

.box__istilah__box { display: inline-block; height: 130px; width: 220px; background: #eaf3fa; border-radius: 10px; white-space: normal; position: relative; margin-left: 20px; }

.box__istilah__box__title { font-family: "Gotham"; font-style: normal; font-weight: 700; font-size: 16px; line-height: 22px; padding: 14px 0px 9px 14px; }

.box__istilah__box__detail { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; padding: 0px 14px 13px 14px; }

.box__istilah__box__more { display: flex; align-items: center; padding-left: 14px; }

.box__istilah__box__more__text { font-family: "Gotham"; font-style: normal; font-weight: 500; font-size: 14px; line-height: 18px; color: #295d97; padding-right: 9px; }

.box__istilah__box__more__img { padding-top: 2px; }

.cb__kamus { position: relative; background: #ffffff; border: 1px solid #eaf3fa; border-radius: 20px; margin-bottom: 20px; padding-bottom: 32px; }

.cb__kamus__top { background: url(../images/kamus_image.png); background-repeat: no-repeat; background-size: 158px; background-position: right; background-color: #eaf3fa; border-radius: 20px 20px 0px 0px; height: 34px; display: flex; align-items: center; padding: 19px 0px 15px 23px; font-family: "Gotham"; font-style: normal; font-weight: 500; font-size: 16px; line-height: 22px; color: #295d97; }

.cb__kamus__body { padding: 15px 17px 27px 23px; }

.cb__kamus__body__title { font-family: "Gotham"; font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; padding-bottom: 9px; }

.cb__kamus__body__sub { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; padding-bottom: 17px; }

.cb__kamus__body__detail { display: flex; justify-content: space-between; align-items: center; height: 20px; }

.cb__kamus__body__detail__text { font-family: "Gotham"; font-style: normal; font-weight: 700; font-size: 14px; line-height: 20px; }

.autocomplete-items-kamus { position: absolute; box-shadow: 0 2px 6px 0 rgba(154, 155, 155, 0.5); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; overflow: hidden; z-index: 99; top: calc(100% - 20px); left: 0; right: 0; max-width: 90%; display: block !important; margin-top: 21px; }

.autocomplete-items-kamus div { float: left; width: 100%; font-size: 13px; padding: 15px 0 15px 10px; cursor: pointer; background-color: #fff; position: relative; display: block !important; text-align: left; color: #999999; font-style: normal; font-weight: 400; font-size: 12px; line-height: 17px; }

.autocomplete-items-kamus div strong { color: #295d97; }

.autocomplete-items-kamus div .btn { font-size: 12px; display: inline-block; border: 1px solid #295d97; background: #fff; color: #295d97; position: absolute; top: 10px; right: 20px; padding: 5px; }

.autocomplete-items-kamus div .btn:hover { background: #295d97; color: #fff; }

.autocomplete-items-kamus div:hover { background-color: #e9e9e9; }

.headline__desc a, .market h3, .list-scroll__item p, .list__item__desc a, .list__item a, .ads_native_d .an_desk h2, .profile h3, .profile p, .profile--small h4, .detail_text h1 { color: #000; }

.market__list__item h3 { color: #295d97; }