@charset "utf-8";
/* This CSS Document made by Haryo Bayu with love, respoect and passion */

/* import font */
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface');
@import url('knowledge-medium.css');
@import url('knowledge-regular.css');
@import url('knowledge-light.css');
@import url('roboto-condensed.css');
/*@import url('menu.css');*/
/* 
dafter nama font : 
font-family: 'Knowledge-Medium';  
font-family: 'Knowledge-Regular'; 
font-family: 'Knowledge-Light';  
font-family: 'RobotoCondensed-Regular';
font-family: 'RobotoCondensed-Italic';
font-family: 'RobotoCondensed-Bold';
*/


html, body { margin:0px; padding:0px;}
a { text-decoration:none !important;}.fright { float:right;}.fleft { float:left;}
.clear-boot { padding: 0 !important; margin: 0 !important;}.clear-all{clear:both;} 
.clear-margin { margin-top:0px !important; margin-bottom:0px !important; margin-left:0px !important; margin-right:0px !important;}
/*  H clearing   */
h1,h2,h3 { margin:0;padding:0;}
h1,h2,h3 { font-size:100%; font-weight:normal;}
/*h1{border: 0 !important;}*/
/*  rata kiri kanan */
.txtleft{ text-align:left;} .txtright{ text-align:right;} .txtcenter{ text-align:center;}.center{ margin:0 auto; }
/* Letter Spacing */
.ls-min-1{ letter-spacing:-1px; }.ls-min-05{ letter-spacing:-0.5px; }.ls-normal{ letter-spacing:normal; }
.ls-plus-05{ letter-spacing:0.5px; }.ls-plus-1{ letter-spacing:1px; }
/* Posisi*/
.relative{ position:relative; }.absolute{ position:absolute; }.fixed{ position:fixed; }
/* line height */
.line-height-35{ line-height:35px; }.line-height-30{ line-height:30px; }.line-height-25{ line-height:25px; }.line-height-20{ line-height:20px; }
.line-height-18{ line-height:18px; }.line-height-16{ line-height:16px; }.line-height-14{ line-height:14px; }.line-height-12{ line-height:12px; }
.line-height-normal{ line-height:normal; }
/* height */
.high-10{height:10px !important;}.high-20{height:20px !important;}.high-30{height:30px !important;}
.high-40{height:40px !important;}.high-50{height:50px !important;}.high-5{height:5px !important;}
/* padding */
.pad-h-10 { padding:0 10px  !important;} .pad-v-10 { padding:10px 0px  !important;}.pad-h-5 {padding:0 5px  !important;} .pad-v-5 { padding:5px 0px  !important;}
.pad-h-20 {padding:0 20px  !important;} .pad-v-20 { padding:20px 0px  !important;}
.pad-t-10 {padding-top:10px  !important;} .pad-t-5 { padding-top:5px  !important;} .pad-t-4 { padding-top:4px  !important;} .pad-t-3 { padding-top:3px  !important;}
.pad-t-6 {padding-top:6px  !important;}.pad-t-7 { padding-top:7px  !important;}.pad-t-8 { padding-top:8px  !important;}.pad-t-9 { padding-top:9px  !important;} .pad-t-2 { padding-top:2px  !important;}
.pad-b-2 {padding-bottom:2px  !important;}.pad-b-3 { padding-bottom:3px  !important;}.pad-b-4 { padding-bottom:4px  !important;}.pad-b-5 { padding-bottom:5px  !important;}
.pad-b-6 {padding-bottom:6px  !important;}.pad-b-7{padding-bottom:7px  !important;}.pad-b-8{padding-bottom:8px  !important;}.pad-b-9{padding-bottom:9px  !important;}.pad-b-10{padding-bottom:10px  !important;}
.pad-l-5 { padding-left:5px !important;}.pad-l-10 { padding-left:10px !important;} .pad-r-5 { padding-right:5px !important;}.pad-r-10 { padding-right:10px !important;}
/* margin */
.mar-h-10 { margin:0 10px  !important;} .mar-v-10 { margin:10px 0px  !important;}.mar-h-6 { margin:0 6px  !important;}.mar-h-8 { margin:0 8px  !important;}
.mar-h-5 { margin:0 5px  !important;} .mar-v-5 { margin:5px 0px !important;}.mar-h-5 { margin:0 5px !important;}.mar-h-7 { margin:0 7px  !important;}
.mar-h-20 { margin:0 20px  !important;} .mar-v-20 { margin:20px 0px  !important;}
.mar-t-5 { margin-top:5px  !important;}.mar-t-10 { margin-top:10px  !important;}.mar-t-15 { margin-top:15px  !important;}.mar-t-6 { margin-top:6px  !important;}.mar-t-2 { margin-top:2px  !important;}
.mar-t-7 { margin-top:7px !important;}.mar-t-8 { margin-top:8px  !important;}.mar-t-9 { margin-top:9px  !important;}.mar-t-4 { margin-top:4px  !important;}.mar-t-3 { margin-top:3px  !important;}
.mar-b-2 { margin-bottom:2px  !important;}.mar-b-3 { margin-bottom:3px  !important;}.mar-b-4 { margin-bottom:4px  !important;}.mar-b-5 { margin-bottom:5px  !important;}
.mar-b-6 { margin-bottom:6px  !important;}.mar-b-7 { margin-bottom:7px  !important;}.mar-b-8 { margin-bottom:8px  !important;}.mar-b-9 { margin-bottom:9px  !important;}
.mar-b-10 { margin-bottom:10px  !important;}.mar-b-15 { margin-bottom:15px  !important;}.mar-b-20 { margin-bottom:20px  !important;}
.mar-l-5 { margin-left:5px !important;}.mar-l-10 { margin-left:10px !important;} .mar-r-5 { margin-right:5px !important;}.mar-r-10 { margin-right:10px !important;}
.mar-t-25 { margin-top:25px  !important;}.mar-t-20 { margin-top:20px  !important;} .mar-t-30 { margin-top:30px  !important;}
.mar-r-20 { margin-right:20px !important;}.mar-r-15 { margin-right:15px !important;}.mar-r-25 { margin-right:25px !important;}
.mar-l-15 { margin-left:15px !important;}.mar-l-20 { margin-left:20px !important;}
/* backgorund-color */
.bg-red{background-color:#c00000 !important;}.bg-green{background-color:#178811 !important;}.bg-blue{background-color:#054974 !important;}
.bg-black{background-color:#000 !important;}.bg-white{background-color:#FFF !important;}
/* font-size   */
.fs24 { font-size:24px !important;}.fs18 { font-size:18px !important;}.fs14 { font-size:14px !important;}.fs13 { font-size:13px !important;}
.fs11 { font-size:11px !important;}.fs12 { font-size:12px !important;}.fs20 { font-size:20px !important;}.fs26 { font-size:26px !important;}
.fs28 { font-size:28px !important;}.fs30 { font-size:30px !important;}.fs15 { font-size:15px !important;}.fs16 { font-size:16px !important;}
.fs17 { font-size:17px !important;}.fs22 { font-size:22px !important;} .fs35 { font-size:35px !important;}.fs36 { font-size:36px !important;}
.fs40 { font-size:40px !important;}.fs45 { font-size:45px !important;}.fs50 { font-size:50px !important;}
/*  Font Color   */
.font-white { color:#FFF !important;} .font-black { color:#000 !important;} .font-gray { color:#9c9a9a !important;} .font-orange { color:#ff9900;}
.font-red { color:#c00000 !important;}.font-green { color:#178811 !important;} .font-six { color:#666 !important;}
/* Font Family */
.ff-knowledge-m {font-family: 'Knowledge-Medium',sans-serif;}
.ff-knowledge-r {font-family: 'Knowledge-Regular',sans-serif;}
.ff-knowledge-l {font-family: 'Knowledge-Light',sans-serif;}
.ff-roboto-r {font-family: 'RobotoCondensed-Regular',sans-serif; }
.ff-opensans {font-family: 'Open Sans',sans-serif; }
.ff-abrilfatce {font-family: 'Abril Fatface',sans-serif; }
.ff-arial {font-family: arial,'Open Sans',sans-serif; }
/* kecil-besar */
.hrf-kecil { text-transform:lowercase;}
.hrf-gede { text-transform: uppercase;}
/* tebal tipis */
.hruf-tebal { font-weight:bold !important;}
.hruf-tipis { font-weight: 400 !important;}
/* link  */
a.link-white { color: #FFF !important;}  a.link-white:hover{ color: #0CF !important;}
a.link-red { color: #fd2731 !important;}a.link-red:hover{ color: #FFF !important;}
a.link-black { color: #000 !important;}a.link-black:hover{ color: #ff9900 !important;}
a.link-orange { color: #ff9900 !important;}a.link-orange:hover{ color: #FFF !important;}
a.link-orange2black { color: #ff9900 !important;}a.link-orange2black:hover{ color: #000 !important;}
a.link-epaper { color:#ff9900 !important; border:1px solid #ff9900;} a.link-epaper:hover { color:#FFF !important;border:1px solid #fFFF; }
.linkto-black a { color: #000 !important;} .linkto-black a:hover { color: #ff9900 !important;}
.linkto-red a { color: #fd2731 !important;} .linkto-red a:hover { color: #FFF !important;}
.linkto-white a { color: #FFF !important;} .linkto-white a:hover { color: #0CF !important;}
.linkto-white2 a { color: #FFF !important;} .linkto-white2 a:hover { color: #F60 !important;}
.linkto-orange a { color: #ff9900 !important;} .linkto-orange a:hover { color: #000 !important;}


.container-section{ width:1100px; margin:0 auto;}
.wrapping { width:100%;}
/* Header */
.top-header { background-color:#123f73; height:25px; font-family:'Open Sans'; 
text-transform:uppercase; color:#FFF; padding:5px 0px; font-size:13px;}
.middle-header { background-color:#083262; height:95px;}
.in-seacrh {width:440px; border:0px; height:30px;}.but-search {height:35px; border:0px; width:40px; background-color:#FFF;}
/*indikator */
.box-indikator {height:30px; border-bottom:3px solid #57b8eb; margin-bottom:20px;}
.tgl-atas { color:#666; margin-top:6px; margin-right:2px; width:340px; overflow:hidden;}
.indikator-slide {width:755px; overflow:hidden;}
.in-slide { height:22px;}
.in-slide ul { padding-left:0px; margin-left:0px; list-style:none !important; margin-top:0px;}
.in-slide ul li{ padding-left:0px; margin-left:0px; list-style:none !important; padding:0px 10px; display: inline-block;}
/*bagian kiri kanan */
.bag-kiri { width:780px; margin-right:20px; float:left;}
.bag-kanan { width:300px; float:right;}

/* list berita  */
.head-sec { margin:10px 0;}
.list-berita { width:100%;}
.list-berita ul { list-style:none; padding-left:0px; margin-left:0px;}
.list-berita ul li{ list-style:none; padding-left:0px; margin-left:0px; height:101px; margin:10px 0 20px 0; }
.list-berita ul li .pic { width:173px; height:101px; overflow:hidden; float:left; margin-right:10px;}
.list-berita ul li .ket { width:597px; float:left; border-bottom:1px solid #eee; height:91px; padding-bottom:10px; overflow:hidden;}
.sp-hl a { font-size:31px;font-family: 'Knowledge-Regular',sans-serif;}
 
 /* kontan tv on home */
 /* kontan tv on home */
.group-tv { background-color:#f1f1f1; padding:10px; display:block;}
.hidden-tv { width:800px;}
.blok-tv { width:372px; height:330px; background-color:#FFF; float:left; margin-right:15px;}
.blok-tv img{ width:372px; height:239px; border:0;}
.blok-tv .play { position:absolute; top:80px; left:146px;opacity: 0.7;}
.tx-tv { width:352px; margin:10px; margin-top:5px; height:70px; overflow:hidden;}

/* fokus on home */

.kotak-780 { width:780px !important; overflow:hidden !important;}
.group-fokus { width:794px; height:190px; overflow:hidden;}
.kotak-fokus { width:247px; display:inline-block;}
.kotak-fokus .gbrnya { width:247px; height:157px; position:relative; border:0px;}
.gbrnya img {width:247px; height:157px; overflow:hidden;}
.kotak-fokus .gbrnya .block { width:200px; padding:10px; min-height:50px; 
position:absolute; bottom:-30px; left:0px; background-color:#FFF; border-bottom:1px solid #eee;}

/*kolom on home */

.group-kolom { width:794px; height:190px; overflow:hidden;}
.kotak-kolom { width:247px; display:inline-block;}
.kotak-kolom .gbrnya { width:247px; height:157px; position:relative; border:0px;}
.gbrnya img {width:247px; height:157px; overflow:hidden;}
.kotak-kolom .gbrnya .block { width:200px; padding:10px; min-height:50px; 
position:absolute; bottom:-30px; left:0px; background-color:#FFF; border-bottom:1px solid #eee;}
.kotak-kolom .gbrnya .kuning { min-width:70px; padding:5px 10px; height:20px !important; text-align:right; 
position:absolute; top:20px; left:0px; background-color:#ff6600;}

/*images on home */

.group-images { width:894px; height:197px; overflow:hidden;}
.kotak-images { width:187px;background-color:#f9f9f9; height:195px; border-bottom:1px solid #ddd; float:left;}
.kotak-images .gbrnya2 { width:187px; height:126px; position:relative; border:0px;}
.gbrnya2 img {width:187px; height:126px; border:0px;}
.kotak-images .kte { width:167px; padding:10px; height:44px; overflow:hidden;}

/* liputan khusus and data visual on home */

.tabing { }
.tabing  ul{ list-style:none; padding-left:0px; margin-left:0px; border-bottom:1px solid #ddd; height:30px; }
.tabing  ul li {list-style:none; padding-left:0px; margin-left:0px; display:inline-block; margin-top:-20px; }
.tabing  ul li { width:130px;cursor:pointer;
 font-family: 'Knowledge-Medium'; text-align:center; padding: 10px; color:#666;}
.tabing  ul li:hover{background-color:#FF6600 !important; color:#FFF !important;}
.tabing  ul li .active{background-color:#FF6600 !important; color:#FFF !important;}

/* lipsus on home */

.group-lipsus { width:794px; height:190px; overflow:hidden;}
.kotak-lipsus { width:247px; display:inline-block;}
.kotak-lipsus .gbrnya { width:247px; height:157px; position:relative; border:0px;}
.gbrnya img {width:247px; height:157px; overflow:hidden;}
.kotak-lipsus .gbrnya .block { width:200px; padding:10px; min-height:50px; 
position:absolute; bottom:-30px; left:0px; background-color:#FFF; border-bottom:1px solid #eee;}


/* button loadmore */
.ktk-load { width:250px; text-align: center; margin:50px auto !important;}
.load-more a { text-align:center;background-color:#52b9e9; height:20px; padding:10px 50px; color:#FFF; 
font-family: 'RobotoCondensed-Regular';text-transform:uppercase;}
.load-more a:hover { background-color:#00385b; color:#FFF;}


/* subcribe */
.wrap-sub { width:270px; padding:15px; background-color:#f1f1f1;}
.tpt-in { height:30px; background-color:#FFF; border:1px solid #ddd; width:260px; margin-top:10px;}
.ktk-li-sh { height:25px; width:25px; margin-right:0px; display: inline-block; text-align:center; 
padding-top:5px; padding-left:3px; padding-right:3px;}

.bg-color-fb { background-color:#1c61a6;}.bg-color-tw { background-color:#02cafb;}.bg-color-wa { background-color:#3cb92d;}
.bg-color-g {  background-color:#db4836;}.bg-color-tele{ background-color:#0781cc;}.bg-color-copi{ background-color:#fb6703;}
.bg-color-indeks {  background-color:#53b9e9;}

/* terpopuler  */

.hed-kanan { font-family:'Open Sans',sans-serif; font-size:15px; font-weight:bold; text-transform:uppercase; padding:10px 0;}
.bor-yellow { width:200px; border-bottom:4px solid #ff6600;}

.listi-terpopuler { width:300px; overflow:hidden;}
.listi-terpopuler ul { list-style:none; padding-left:0px; margin-left:0px;}
.listi-terpopuler ul li{ list-style:none; padding-left:0px; margin-left:0px;
border-bottom:1px solid #eee;background-color:#FFF;  padding-bottom: 10px;}
.listi-terpopuler ul li:hover { background-color:#f1f1f1;}
.nomer {width: 50px; float:left; padding: 0 20px 0 10px; 
font-family:'Open Sans',sans-serif; font-size:47px; color:#57b8eb;}
.isi  { width:207px; float:left; min-height:30px; margin-top:15px; }

/*  Analisis Market    */

.big-analisis { width:300px; margin-top:20px;}
.big-analisis img { width:300px; height:180px;}
.big-analisis .lis1 { padding:10px; border-bottom:1px solid #eee;}
.listi-analisis { width:300px;}
.listi-analisis ul { list-style:none; padding-left:0px; margin-left:0px;}
.listi-analisis ul li { list-style:none; padding-left:0px; margin-left:0px; 
padding-top:10px; padding-bottom:10px; border-bottom:1px solid #eee;}
.gbrna3 { width:99px; height:68px; border:0px; float:left; margin-right:10px;}
.gbrna3 img {width:99px; height:68px; border:0px;}
.isi-listi { width:191px; float:left;}

/*  kursbank  */
.headi-kurs {width:300px; background-color:#f1f1f1; height:35px; border-bottom:1px solid #ddd;}
.name-kurs {width:140px; padding-right:10px;border-right:1px solid #ddd; height:28px; padding-top:8px; float:left;}
.name-jual {width:60px; padding-right:10px;border-right:1px solid #ddd; height:28px; padding-top:8px; float:left;}
.name-beli {width:60px; padding-right:10px;border-right:1px solid #ddd; height:28px; padding-top:8px; float:left;}

.kursy-gan {width:300px; background-color:#f9f9f9; height:27px;}
.kursy-gen {width:300px; background-color:#FFF; height:27px;}
.names-kurs-2 {width:140px; padding-right:10px;height:26px; padding-top:3px; float:left;}
.names-jual-2 {width:60px; padding-right:10px;height:26px; padding-top:3px; float:left;}
.names-beli-2 {width:60px; padding-right:10px;height:26px; padding-top:3px; float:left;}

/*  bortopbotbot    */
.bor-top { border-top:1px solid #eee;}
.bor-bot { border-bottom:1px solid #eee;}

/*  headline  */

#headline-list-news{ position:relative; width:100%; margin:0 0 10px 0; padding:0; }
#slide-headline{ margin:0; padding:0; }
#slide-headline ul.slides{ list-style:none; margin:0; margin-left: 0; padding-left: 0; }
#slide-headline ul.slides li{ position:relative; margin:0; padding:0;}
#slide-headline ul.slides li .color-grey p{ margin:0; }
#slide-headline ul.slides li .linked{ position:absolute; bottom:0; right:0; width:235px; }
#slide-headline ul.no-slides{ list-style:none; position:relative; margin:0; padding:0; }
#slide-headline ul.no-slides li{ position:relative; margin:0; padding:0; height:300px; overflow:hidden; }
#slide-headline ul.no-slides li .linked{ position:absolute; bottom:0; right:0; width:235px;  }
#slide-thumbs.thumbs{ padding:0; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; border-radius:0; background:#FCFCFC; }
#slide-thumbs.thumbs ul.slides li { height:130px; overflow:hidden; }
#slide-thumbs.thumbs .slides{ margin:0; margin-left: 0; padding-left: 0; }
#slide-thumbs.thumbs .slides > li{ margin:0; }
#slide-thumbs.thumbs ul.slides li a.slides-block { display:block; position:relative; margin:5px; }
#slide-thumbs.thumbs ul.slides li a.slides-block .judul{ font-size:12px; line-height:16px; padding:0 5px; letter-spacing:normal; font-weight:600px; height:50px; overflow:hidden; margin-top:5px; }
#slide-thumbs.thumbs ul.slides li.flex-active-slide{ background:#DFDFDF; }
.image-left {float: left;margin-right: 10px;}
.kanana-hl {width:227px; float:left;}.tpt-jdl0thbm {width:120px;}

/* market dan data pasar*/
.market-kiri {width:300px; height:250px; float:left; overflow:hidden;}
.market-kanan { width:460px; height:250px; float:left; overflow:hidden;}
.getQuote{ background:#f1f1f1; border:1px solid #ccc; padding:2px; height:24px; }
.getQuote input{ background:none; border:none; font-size:12px; color:#252525; padding:4px 10px; width:370px; float:left; outline:none; }
.getQuote button{ background:#222; color:#fff; border:none; padding:4px 10px; float:right; cursor:pointer; font-size:11px; height:24px; }
ul.top-market{background:#fff; list-style:none; padding-left:0px; margin-left:0px; margin-top:10px;}
ul.top-market li { font-size: 12px; padding: 0;list-style:none; padding-left:0px; margin-left:0px; display:inline; }
ul.top-market li:first-child{ margin-left:0; margin-right:0px; }
ul.top-market li a{ background:#222222; color: #fff; cursor: pointer; float: left; text-decoration: none; padding:10px 20px; margin-right:10px; }
ul.top-market li a:hover { background:#5d5d5d; color: #fff; }
ul.top-market li a.active {  background: #5d5d5d; color: #fff; padding: 4px 10px 0; }
ul.top-market li a.active:hover { color: #fff; }
ul.top-market-result{ margin:0; padding:0; height:200px;}
ul.top-market-result li{ list-style:none; line-height:30px; padding:0 4px; background:#fff; }
ul.top-market-result li:hover{ background:#fafafa; }
ul.top-market-result li.no-border{border-bottom:none;}
.bg-silver-light {background-color: #f9f9f9;}
.width-percent-20{ width:20%; }
.width-percent-15{ width:15%; }

/* pressrelease on kontan */
.logo-press { width:163px; margin:0 auto;}
.pic-press {width:300px; height:200px; overflow:hidden;}
.v-biru {width:300px; background-color:rgba(0, 0, 128, 0.5); min-height:50px; position:absolute; bottom:0;}
.press-kon { list-style:none; padding-left:0px !important; margin-left:-29px; width:287px;}
.press-kon ul li{  background: url(../../assets/images/bullet1.png) no-repeat left top;
    list-style:none; padding-left:20px; margin-left:0px;}
	
/* Financial Tools  */
.head-finantools { font-family:'Open Sans',sans-serif; font-weight:bold; font-size:15px; color:#ff6600; padding:10px 0; text-transform:uppercase;}
.kotak-finan { width:140px; height:130px; border:1px solid #ddd; margin-bottom:20px;}
.kotak-finan:hover { width:140px; height:130px; border:1px solid #ff9900; margin-bottom:20px;}
.icon-finan-simulsa { width:51px; height:51px; background-image:url(../../assets/images/icon-finan.jpg); background-repeat:no-repeat;
background-position:0 0;}
.icon-finan-simulsa:hover { width:51px; height:51px; background-image:url(../../assets/images/icon-finan.jpg); background-repeat:no-repeat;
background-position:-51px 0;}
.icon-finan-finandiag { width:51px; height:51px; background-image:url(../../assets/images/icon-finan.jpg); background-repeat:no-repeat;
background-position:-102px 0;}
.icon-finan-finandiag:hover { width:51px; height:51px; background-image:url(../../assets/images/icon-finan.jpg); background-repeat:no-repeat;
background-position:-153px 0;}
.icon-finan-riskpro { width:51px; height:51px; background-image:url(../../assets/images/icon-finan.jpg); background-repeat:no-repeat;
background-position:-204px 0;}
.icon-finan-riskpro:hover { width:51px; height:51px; background-image:url(../../assets/images/icon-finan.jpg); background-repeat:no-repeat;
background-position:-255px 0;}
.icon-finan-konpen { width:51px; height:51px; background-image:url(../../assets/images/icon-finan.jpg); background-repeat:no-repeat;
background-position:-306px 0;}
.icon-finan-konpen:hover{ width:51px; height:51px; background-image:url(../../assets/images/icon-finan.jpg); background-repeat:no-repeat;
background-position:-358px 0;}

/*  kontan academy */
.head-konaca { width:171px; height:24px; margin:0 auto;}
.kon-aca { width:280px; padding:10px;}

/* ceo */
.tab-ceo { border-bottom:1px solid #ddd; border-top:1px solid #ddd; height:43px;}
.tab-ceo ul { list-style:none; padding-left:0px; margin-left:0px; margin-top:11px;}
.tab-ceo ul li { list-style:none; padding:0px; margin-left:0px; display:inline-block; color:#666;}
.tab-ceo ul li:first-child{ margin-left:0px;}
.tab-ceo ul li a{font-family: 'Knowledge-Medium', sans-serif;padding:12px; text-align:center;color:#666;} 
.tab-ceo ul li.selected {color:#FFF !important; background-color:#FF6600;text-align:center;}
.tab-ceo ul li.selected a { color:#FFF !important; background-color:#FF6600;}
.tab-ceo ul li a:hover {color:#FFF; background-color:#FF6600;}
.isitab-ceo1 {padding:10px 0;}
.pic-ceo {width:300px; height:214px; overflow:hidden; position:relative;}
.biru-ceo { background-color:rgba(0,0,126,0.5); width:280px; min-height:50px; padding:7px 10px; color:#FFF; position:absolute; bottom:0px;}
.tulisan-ceo {width:280px; padding:10px; border-bottom:1px solid #ddd;}	
.slide-expert {display:none}
.bullet-badge {background-image:url(../../assets/images/bullet1.png); width:13px; height:13px; display:inline-block;}
.bullet-badge:hover {background-image:url(../../assets/images/bullet2.png);}
.tom-left, .tom-right, .bullet-badge {cursor:pointer;} 
.tom-left, .tom-right { display:inline-block;}
.nav-slide-blogger { width:300px; margin-top:10px;}
.bg-aktif { width:13px; height:13px;background-image:url(../../assets/images/bullet2.png);}

/* epaperk */
.epaperk { border-bottom:1px solid #ddd; border-top:1px solid #ddd; height:43px;}
.epaperk ul { list-style:none; padding-left:0px; margin-left:0px; margin-top:11px;}
.epaperk ul li { list-style:none; padding:0px; margin-left:0px; display:inline-block; color:#666;}
.epaperk ul li:first-child{ margin-left:0px;}
.epaperk ul li a{font-family: 'Knowledge-Medium', sans-serif;padding:12px; text-align:center;color:#666;} 
.epaperk ul li.seleksinya {color:#FFF !important; background-color:#083262;text-align:center;}
.epaperk ul li.seleksinya a { color:#FFF !important; background-color:#083262;}
.epaperk ul li a:hover {color:#FFF; background-color:#39a7d8;}
.epaper-tab {width:280px; background-color:#f9f9f9; border-top:1px solid #ddd; padding:10px; margin-top:10px;}
.button-epaper{ font-size:12px; margin:10px 5px; padding:10px 10px; background:#083262; transition:background-color 0.5s ease-in 0s, color 0.3s ease-in 0s; }
.button-epaper:hover{ background:#39a7d8; }
.button-epaper a{ color:#fff; }
.uku-epaper {width:128px; height:200px; background-color:#FFF; border:1px solid #ddd;}
.tpt-tglpaper { margin-right:10px; border-right:1px solid #ddd;}

/* tambahan-footer */
.bg-biru-light {background-color: #52b9e9 !important;}
.color-biru-light{ color:#52b9e9 !important; } .enter{ clear:both; height:10px; } .doubleenter{ clear:both; height:20px;}
.site ul { list-style:none; padding-left:0px; margin-left:0px;}
.site ul li{ list-style:none; padding-left:0px; margin-left:0px; font-size:13px; line-height:23px;}
.atas-foot {padding-left:0px; padding-right:0px; padding:3px !important;}
.r-logo-sos {padding:5px; padding-left:0px; padding-right:0;}
.width-px-800 { width:800px;}.bag-foot {margin:10px; margin-left:0; margin-right:0;padding:5px; padding-left:0; padding-right:0; width:160px;}
.kon-kan-foot {padding-right:0px; padding-left:0px; padding:5px; margin:10px;margin-left:0px; margin-right:0px;}
.tmpt-phone {margin:4px; margin-left:0; margin-right:0;}.tmpt-app {margin:15px; margin-left:0px; margin-right:0px;}


/* detail page */
.iklan-top-desktop {width:970px; margin:0 auto;}
.breadcumb { color:#ff6600; font-family: 'Knowledge-Medium',sans-serif; text-transform:uppercase; }
.detail-desk { font-size:43px !important; font-family: 'Knowledge-Medium',sans-serif; margin:20px 0;}
.block-shared { width:65px; height:53px; float:left; padding-right:5px; border-right:1px solid #ddd;}
.block-shared .angka { /*border-bottom: 1px solid #ddd;*/color: #4fa5f8;font-size: 40px;letter-spacing: -1.5px;line-height: 35px;
 text-align: center; font-family:'Knowledge-Medium';}
.block-shared .shr {  font-family: "RobotoCondensed-Regular";font-size: 13px;margin-top: 0px;text-align: center;}
.listbut-shr { width:500px; float:left; margin-left:10px;}
.listbut-shr ul { padding-left: 0; margin-left:0px; list-style:none; margin-top:5px;}
.listbut-shr ul li { padding-left: 0; margin-left:0px; list-style:none; display:inline-block;}
.ktk-shr { width:25px; height:25px; text-align:center; padding:5px; border-radius:3px;}
.ktk-shr-indeks { width:150px; height:25px; text-align:center; padding:5px; border-radius:3px;}
.img-detail-desk { width:780px; margin-top:15px;}
.img-detail-desk  img { width:780px !important;}
.box-det-desk-2 { margin-top:15px; width:100%;}
.kiri-det-desk {width:160px; float:left; margin-right:15px;}
.tmpt-desk-kon {width:605px; float:left; margin-top:-3px;}
.tmpt-desk-kon p { font-family: 'Knowledge-Light'; font-size:15px; line-height:19px;}
.head-berter { font-family:'Open Sans',sans-serif; text-transform:uppercase; font-size:16px; padding:10px 0;
border-bottom:4px solid #c10000; font-weight:bold;}
.ber-kait-list { width:160px;}
.ber-kait-list ul { list-style:none; padding-left:0; margin-left:0; margin-top:-5px;}
.ber-kait-list ul li{ list-style:none; padding-left:0; margin-left:0; padding:10px 0; border-bottom:1px solid #ddd;}
.tmpt-baca-juga { background-color:#f1f1f1; padding:15px 10px;}
.bacajuga-listdesk  ul{ list-style:none; padding-left:0px; margin-left:0;}
.bacajuga-listdesk  ul li{ list-style:none; padding-left:24px; margin-left:0; 
width:260px;display:inline-block; vertical-align:text-top; background-image:url(../../assets/images/bullet-merah.png);
background-repeat:no-repeat; background-position:left top; min-height:36px; padding-bottom:1px;}
.embed-det { width:100%;} .embed-det embed { width:100% !important;}
.all-market-desk { width:300px; overflow:hidden; color:#FFF;font-family:'Open Sans',sans-serif;}
.box-market-desk { width:125px; margin-right:10px; float:left; padding:10px;}
.withid-market-desk { width:400px;}
.all-kontantv { width:280px; padding:10px; background-color:#eee; overflow:hidden;}
.widthit-kontv { width:400px;}
.box-kontv-desk { width:135px; margin-right:10px; background-color:#FFF; height:180px; float:left; position:relative;}
.box-kontv-desk img { width:135px !important; height:85px;}
.box-kontv-desk .play { width:50px; height:15px; padding:5px 10px; background-color:#00385b; position:absolute; top:60px; left:0;}
.box-kontv-desk .play:hover {background-color:#52b9e9; cursor:pointer;}
.texkontv {width:115px; padding:10px; height:60px; overflow:hidden;}
.list-bt-det ul{ list-style:none; padding-left:0px; margin-left:0px; margin-top:-5px;}
.list-bt-det ul li{ list-style:none; background-image:url(../../assets/images/caret-merah.png); padding-left:20px;
padding-bottom:10px; padding-top:10px; border-bottom:1px solid #ddd; background-repeat:no-repeat; background-position:0px 14px;}
.tag { font-family:'Knowledge-Medium'; margin-right:10px; margin-top:20px;}
.tagl ul { list-style:none; padding-left:0px; margin-left:0px;}
.tagl ul li{ list-style:none; padding-left:0px; margin-left:0px; display:inline-block;height:30px; margin: 10px 0 0 0;}
.tagl ul li a {font-family:'Knowledge-Light'; padding:10px; background-color:#e4e4e4; color:#000;}
.tagl ul li a:hover {background-color:#57bce6; color:#fff;}

.top-desk-width { width:780px; overflow:hidden;}
.top-desk { width:800px; overflow:hidden;}
.top-desk ul { list-style:none; padding-left:0px; margin-left:0px;}
.top-desk ul li{ list-style:none; padding-left:0px; margin-left:0px; 
margin-right:10px; width:145px; display: inline-block; margin-bottom:10px;}
.top-desk ul li img { width:145px; height:90px;}


.bg-silver-light {background-color: #f9f9f9;}
.width-percent-20{ width:20%; }
.width-percent-15{ width:15%; }
.fleft {
    float: left;
}
.text-left {
    text-align: left !important;
}
.extrabold {
    font-weight: 800;
}
.semibold{
	font-weight: 800;
}
.color-hijau {
    color: #178811 !important;
}
.color-merah {
    color: #c00000 !important;
}

.color-hitam {
    color: #000000 !important;
}

.text-center {
    text-align: center !important;
}
.font-12 {
    font-size: 12px;
    color: #000000;
}
.nano {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.nano>.nano-content {
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#top-indeks, #get-quote {
    height: 200px;
    width: 100%;
    overflow: hidden;
}

.width-percent-30 {
    width: 30%;
}
.pad-t {
    padding-top: 0 !important;
}
.pad-b {
    padding-bottom: 0 !important;
}
.pad-l {
    padding-left: 0 !important;
}
.pad-5 {
    padding: 5px !important;
}
.fleft {
    float: left;
}

.border-right {
    border-right: 1px solid #ddd;
}
.border-left {
    border-left: 1px solid #ddd;
}

.font-24 {
    font-size: 24px;
}
.pad-l {
    padding-left: 0 !important;
}
.pad-r {
    padding-right: 0 !important;
}
.pad-4 {
    padding: 4px !important;
}

.width-px-245 {
    width: 245px;
}
.width-px-240 {
    width: 240px;
}

.normal {
    font-weight: 400;
    font-style: normal;
}
.font-15 {
    font-size: 15px !important;
}
.color-biru-light {
    color: #52b9e9 !important;
}

.border-bottom {
    border-bottom: 1px solid #ddd;
}

a {
    text-decoration: none !important;
    color: black;
}

#get-quote a.close-get-quote {
    float: right;
    padding: 3px 4px;
    border: 1px solid #ddd;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    letter-spacing: -0.5px;
    font-size: 12px;
    font-weight: 400;
}

.pagination {
    background: #083262;
    color: #fff;
    padding: 0px 10px;
    font-size: 14px;
    margin: 10px 0;
}

.pagination a.button-pagination {
    background: none;
    box-shadow: none;
    padding: 0 10px;
    color: #fff;
    font-size: 12px;
    line-height: 35px;
    cursor: pointer;
    color: #fff;
    display: inline-block;
    margin: 0;
}

.pagination a.button-pagination.active {
    background: #52b9e9;
    cursor: default;
}

.color-orange {
    color: #e74f1d !important;
}

.mar-t-8 {
    margin-top: 8px !important;
}

.mar-t-16 {
    margin-top: 16px !important;
}

.mar-t-32 {
    margin-top: 32px !important;
}

.mar-b-32 {
    margin-bottom: 32px !important;
}

.big-headline {
    overflow: hidden;
}

.big-headline .kiri-headline {
    width: 372px;
}

.big-headline .kanan-headline {
    width: calc((100% - 372px) - 15px);
    margin-left: 15px;
}

.big-headline .kanan-headline > div:last-child {
    margin-top: 32px;
}

.section-title {
    position: relative;
}

.section-title::before {
    content: '';
    width: 100%;
    height: 1px;
    background: #8E8E8E;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}