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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

@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: 27;
  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: auto;
  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: rgba(0, 0, 0, 0);
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 50%, black 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.8)), color-stop(100%, black));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 50%, black 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 50%, black 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 50%, black 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 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: #295D97;
  padding: 15px 15px 15px 10px;
  margin: 0 -10px 15px;
}

.marketflashcb .title {
  color: #fff;
}

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

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

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

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

.detail_text.tentang .title {
  color: #fff;
}

.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%;
  z-index: 3;
}

.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: 55px;
  left: 0;
  right: 0;
  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;
}

.beli-saham {
  margin: 16px 0;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  padding: 16px 0;
}

.beli-saham__wrap {
  padding: 0 12px 12px;
  background-color: #fff;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Gotham", sans-serif;
  font-weight: bold;
  font-size: 16px;
}

.beli-saham__nama {
  color: #295d97;
}

.beli-saham__btn {
  background-color: #295d97;
  border-radius: 4px;
  border: none;
  color: #fff !important;
  padding: 8px;
  text-align: center;
  width: 168px;
  font-family: "Gotham", sans-serif;
  font-weight: 400;
  font-size: 16px;
}

.beli-saham__btn:hover {
  opacity: 0.9;
}

.beli-saham__info {
  text-align: center;
  padding: 6px 6px 0;
  font-size: 12px;
  color: #333;
}

.beli-saham__info a {
  color: #295d97;
}

.beli-saham__info img {
  position: relative;
  top: 3px;
  left: -3px;
}

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