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

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

body { margin: 0; padding: 0; }

img { border: 0px; }

a { cursor: pointer; }

.clearfix { clear: both; }

.fl { float: left; }

.fr { float: right; }

.block { display: block; }

.center { text-align: center; }

form { padding: 0; margin: 0; }

.input, .select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 2; }

label { font-weight: bold; }

.input100 { border: 1px solid #CCC; background: #FFF; padding: 4px; width: 100%; }

.input96 { border: 1px solid #CCC; background: #FFF; padding: 5px; width: 96%; }

.input90 { border: 1px solid #CCC; background: #FFF; padding: 4px; width: 90%; }

.input70 { border: 1px solid #CCC; background: #FFF; padding: 4px; width: 70%; }

.input50 { border: 1px solid #CCC; background: #FFF; padding: 4px; width: 50%; }

.select1 { border: 1px solid #CCC; background: #FFF; padding: 4px; width: 100%; }

.select1a { border: 1px solid #CCC; background: #FFF; padding: 4px; width: 96%; }

.select2 { border: 1px solid #CCC; background: #FFF; padding: 4px; width: 50%; }

.select3 { border: 1px solid #CCC; background: #FFF; padding: 4px; width: 33%; }

.select4 { border: 1px solid #CCC; background: #FFF; padding: 4px; width: 24%; }

.btn_1 { display: inline-block; padding: 10px 20px; background: #F00; border-radius: 3px; text-decoration: none; color: #FFF !important; text-transform: uppercase; font-size: 11px; font-weight: bold; border: 0; cursor: pointer; }

.btn_1:hover { opacity: 0.8; text-decoration: none !important; }

.btn_red { background: #F00 !important; }

.btn_blue { background: #1c3683 !important; color: #333; }

.btn_blue2 { background: blue !important; color: #333; }

.btn_green { background: #060 !important; }

.arial { font-family: Arial, Helvetica, sans-serif; }

.helvetica { font-family: Helvetica, Arial, sans-serif, arial; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

h1 { font-size: 26px; line-height: 28px; font-weight: normal; }

h2 { font-size: 22px; line-height: 24px; font-weight: normal; }

h3 { font-size: 20px; line-height: 22px; font-weight: normal; }

h4 { font-size: 17px; font-weight: normal; }

h5 { font-size: 14px; font-weight: normal; }

h6 { font-size: 13px; font-weight: normal; }

.f10 { font-size: 10px; }

.f11 { font-size: 11px; }

.f12 { font-size: 12px; }

.f13 { font-size: 13px; }

.f14 { font-size: 14px; }

.f15 { font-size: 15px; }

.f16 { font-size: 16px; }

.f18 { font-size: 18px; }

.f20 { font-size: 20px; }

.f22 { font-size: 22px; }

.f24 { font-size: 24px; }

.pd5 { padding: 5px; }

.pd7 { padding: 7px; }

.pd10 { padding: 10px !important; }

.pd15 { padding: 15px !important; }

.pd20 { padding: 20px !important; }

.pd25 { padding: 25px !important; }

.pd30 { padding: 30px !important; }

.pt3 { padding-top: 3px; }

.pt5 { padding-top: 5px; }

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

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

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

.pt25 { padding-top: 25px; }

.pt30 { padding-top: 30px; }

.m0 { margin: 0 !important; }

.m10 { margin: 10px !important; }

.p0 { padding: 0 !important; }

.mt3 { margin-top: 3px; }

.mt5 { margin-top: 5px; }

.mt10 { margin-top: 10px; }

.mt15 { margin-top: 15px; }

.mt20 { margin-top: 20px; }

.mt25 { margin-top: 25px; }

.mt30 { margin-top: 30px; }

.mr3 { margin-right: 3px; }

.mr5 { margin-right: 5px; }

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

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

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

.mr25 { margin-right: 25px !important; }

.mr30 { margin-right: 30px !important; }

.ml3 { margin-left: 3px; }

.ml5 { margin-left: 5px; }

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

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

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

.ml25 { margin-left: 25px !important; }

.ml30 { margin-left: 30px !important; }

.ml60 { margin-left: 60px !important; }

.mb3 { margin-bottom: 3px; }

.mb5 { margin-bottom: 5px; }

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

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

.mb25 { margin-bottom: 25px !important; }

.mb30 { margin-bottom: 30px !important; }

.w100p { width: 100%; }

.w75p { width: 75%; }

.w50p { width: 50%; }

.w45p { width: 45%; }

.w40p { width: 40%; }

.w33p { width: 33.3%; }

.w30p { width: 30%; }

.w25p { width: 25%; }

.h0 { height: auto !important; }

.h50 { height: 50px; }

.h100 { height: 100px !important; }

.h150 { height: 150px !important; }

.h200 { height: 200px !important; }

.h250 { height: 250px !important; }

.h300 { height: 300px !important; }

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

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

/* Other ratios */
.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; text-align: center; vertical-align: center; text-transform: uppercase; color: #fff; overflow: hidden; background: #000; }

.img_con img { height: 100%; }

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

/*E:IMAGES*/
#footer { padding-bottom: 50px; }

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

.con_header { height: 50px; position: relative; }

#header_new { padding: 11px 0 8px; background: #fff; position: relative; z-index: 3; width: 100%; transition: all 0.5s ease; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); border-bottom: 2px solid #204099; }

#header_new.kanal { text-align: center; }

#header_new.kanal .logo { margin: 0; }

#header_new .logo { display: inline-block; height: 26px; margin: 0 0 0 10px; }

#header_new .logo img { height: 100%; }

#header_new #logo_icon { height: 26px; position: absolute; left: 8px; top: 8px; }

#header_new #logo_icon img { height: 100%; }

#header_new #logo_icon.logo_menu { left: 0; top: 0; width: 28px; height: 28px; padding: 8px; }

#header_new #logo_icon.logo_menu.aktif { background: #f3f2f2; }

#header_new .menudetik#tutupmenu { display: none; }

#header_new .menudetik { border-radius: 50%; height: 26px; width: 26px; line-height: 26px; color: #fff; position: absolute; z-index: 10; top: 11px; right: 8px; background: #969696; font-weight: bold; font-size: 11px; }

#header_new .menudetik .grs { float: left; width: 14px; margin: 6px; position: relative; }

#header_new .menudetik .grs span { display: block; height: 2px; background: #fff; width: 100%; margin-top: 2px; border-radius: 3px; }

#header_new .menudetik.aktif { background: red !important; }

#header_new .menudetik.aktif .grs span { position: relative; }

#header_new .menudetik.aktif .grs span:first-child { transform: rotate(225deg); top: 4px; }

#header_new .menudetik.aktif .grs span:nth-child(2n) { opacity: 0; }

#header_new .menudetik.aktif .grs span:last-child { transform: rotate(-225deg); top: -4px; }

#header_new .menudetik.nobg, #header_new .menudetik.nobg2 { background: none; width: 44px; height: 44px; top: 0; right: 0; border-radius: 0; }

#header_new .menudetik.nobg .grs, #header_new .menudetik.nobg2 .grs { margin: 11px 13px; width: 18px; }

#header_new .menudetik.nobg .grs span, #header_new .menudetik.nobg2 .grs span { margin-top: 3px; height: 3px; background: #969696; }

#header_new .menudetik.nobg .grs span:first-child, #header_new .menudetik.nobg2 .grs span:first-child { top: 6px; }

#header_new .menudetik.nobg .grs span:last-child, #header_new .menudetik.nobg2 .grs span:last-child { top: -6px; }

#header_new .menudetik.nobg.aktif, #header_new .menudetik.nobg2.aktif { background: #f3f2f2; }

#header_new .livetv { background: #fff; border: 2px solid #2040B0; color: #2040B0; font-size: 13px; line-height: 16px; position: relative; padding: 3px 10px 3px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; transition: all 200ms linear 0s; float: right; text-decoration: none; margin-right: 45px; font-weight: bold; height: 17px; display: inline-block; }

#header_new .livetv:before { content: ''; width: 5px; height: 5px; position: absolute; background: #D0021B; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; top: 9px; left: 6px; animation: klapklip 1s; -moz-animation: klapklip 1s infinite; -webkit-animation: klapklip 1s infinite; }

@-moz-keyframes "klapklip" { 0% { opacity: 1; }
  100% { opacity: 0; }
  50% { opacity: 1; } }

@-webkit-keyframes "klapklip" { 0% { opacity: 1; }
  100% { opacity: 0; }
  50% { opacity: 1; } }

.navdetik { background: #204099; color: #fff; text-align: center; height: 30px; line-height: 30px; }

.navdetik a { float: left; width: 33.3%; text-decoration: none; padding: 0; color: #fff; font-size: 13px; }

.navdetik .new:after { content: "new"; background: red; padding: 1px 4px; margin-left: 5px; vertical-align: top; font-size: 8px; color: #fff; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.navads { padding: 0 3px; height: 30px; background: #0C2C85; }

.navads a { float: left; text-align: center; color: #fff; text-decoration: none; height: 20px; line-height: 20px; border-radius: 3px; margin: 5px 2px; font-size: 11px; }

.navads a:hover { background: #072577; }

.navads_s { float: left; text-align: center; background: #FF0000; color: #fff; text-decoration: none; height: 22px; line-height: 20px; border-radius: 3px; margin: 5px 2px; font-size: 11px; }

.newnav { position: fixed; width: 100%; background: rgba(0, 0, 0, 0.4); left: 0; margin-top: 5px; z-index: 10; height: 100%; visibility: hidden; transition: visibility 0s, opacity 0.3s linear; opacity: 0; }

.kanal .newnav { text-align: left; }

.newnav .ncontainer { background: #f3f2f2; width: 100%; color: #4A4A4A; }

.newnav .ncontainer:after { border-bottom: 7px solid #f3f2f2; border-left: 5px solid transparent; border-right: 5px solid transparent; content: ""; position: absolute; right: 16px; top: -7px; }

.newnav .ncontainer.d_aktif:after { border: none; }

.newnav .ncontainer .nuser { height: 30px; line-height: 30px; padding: 10px 15px; }

.newnav .ncontainer .nuser .nnama { float: left; font-size: 11px; }

.newnav .ncontainer .nuser .nnama a { text-decoration: none; color: #000; }

.newnav .ncontainer .nuser .nnama .box_img { height: 30px; width: 30px; border-radius: 100px; overflow: hidden; float: left; margin-right: 10px; }

.newnav .ncontainer .nuser .nnama .box_img .img_con { background: #fff; }

.newnav .ncontainer .nuser .msk { float: right; font-weight: bold; color: #4A4A4A; text-decoration: none; }

.newnav .ncontainer .nsearch { border: 1px solid #ccc; background: #fff; height: 20px; padding: 5px; width: block; margin: 0 15px; }

.newnav .ncontainer .nsearch .ninput { width: calc(100% - 40px); float: left; border: 0; height: 18px; outline: none; font-size: 13px; }

.newnav .ncontainer .nsearch .nbtn { float: right; height: 20px; }

.newnav .ncontainer .nlist-kanal { padding: 10px 15px; }

.newnav .ncontainer .nlist-kanal hr { color: #d3d3d3; background-color: #d3d3d3; height: 1px; display: block; border: none; clear: both; }

.newnav .ncontainer .nlist-kanal .lf { width: 100%; text-align: center; }

.newnav .ncontainer .nlist-kanal strong { display: block; font-size: 12px; text-transform: uppercase; margin-bottom: 5px; color: #9B9B9B; }

.newnav .ncontainer .nlist-kanal a { color: #4A4A4A; text-decoration: none; width: 50%; float: left; padding: 7px 0; font-size: 14px; font-weight: normal; }

.newnav .ncontainer .nlist-kanal .footm { text-align: center; margin-bottom: 10px; }

.newnav .ncontainer .nlist-kanal .footm a { width: calc(100% / 4); font-size: 11px; }

.newnav .ncontainer .nsubmenu { border-bottom: 1px solid #ccc; }

.newnav .ncontainer .nsubmenu a { font-weight: bold; }

.newnav.show { visibility: visible; opacity: 1; height: 100%; }

.newnav.show .ncontainer { height: auto; }

.stay { position: fixed !important; }

.smartbanner_new { background: #60758E; height: 30px; padding: 5px 10px; position: relative; color: #fff; font-size: 11px; }

.smartbanner_new .app_logo { height: 30px; float: left; margin-right: 10px; }

.smartbanner_new b { display: block; font-size: 12px; }

.smartbanner_new .get_app { display: inline-block; height: 20px; padding: 0 10px; border: 1px solid #fff; border-radius: 3px; line-height: 20px; font-size: 11px; position: absolute; right: 30px; top: 10px; color: #fff; text-decoration: none; }

.smartbanner_new .sb_close { position: absolute; color: #fff; text-decoration: none; height: 15px; width: 15px; text-align: center; line-height: 15px; font-size: 10px; top: 5px; right: 5px; border: 1px solid #fff; border-radius: 100px; }

.new_banner_reg_50 { text-align: center; height: 50px; background: #0C2C85; }

.new_banner_reg_100 { text-align: center; height: auto !important; background: #0C2C85; }

#header_new.fixed { position: fixed; width: 100%; top: 0; animation: animate_header 0.3s normal forwards ease-in-out; }

.con_newnav { height: calc(100% - 85px); margin-top: 10px; position: relative; padding: 0 0 5px; overflow-x: scroll !important; /* has to be scroll, not auto */ overflow-y: scroll !important; /* has to be scroll, not auto */ -webkit-overflow-scrolling: touch; }

.con_new2 .con_newnav { margin: 0; padding: 0; height: auto !important; }

#nav_swipe { position: relative; background: #204099; overflow-x: scroll !important; /* has to be scroll, not auto */ overflow-y: scroll !important; /* has to be scroll, not auto */ -webkit-overflow-scrolling: touch; height: 45px; }

#nav_swipe > div { white-space: nowrap; width: 0; height: auto; }

#nav_swipe > div a { display: inline-block; float: none; width: auto; padding: 0 10px; }

#nav_swipe > div a:first-child { margin-left: 40px; }

#nav_swipe > div a:last-child { margin-right: 38px; }

#con_swipe { position: relative; height: 32px; overflow: hidden; z-index: 28; }

#con_swipe:after { position: absolute; right: 0; top: 0; content: ""; width: 60px; height: 30px; z-index: 2; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#204099+0,204099+100&0+0,1+75 */ background: -moz-linear-gradient(left, rgba(32, 64, 153, 0) 0%, #204099 75%, #204099 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(32, 64, 153, 0) 0%, #204099 75%, #204099 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(32, 64, 153, 0) 0%, #204099 75%, #204099 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00204099', endColorstr='#204099',GradientType=1 ); /* IE6-9 */ }

#con_swipe .logo_icon { position: absolute; width: 30px; height: 20px; padding: 6px 10px; z-index: 2; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#204099+0,204099+100&1+70,0+100 */ background: -moz-linear-gradient(left, #204099 0%, #204099 70%, rgba(32, 64, 153, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #204099 0%, #204099 70%, rgba(32, 64, 153, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #204099 0%, #204099 70%, rgba(32, 64, 153, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#204099', endColorstr='#00204099',GradientType=1 ); /* IE6-9 */ }

#con_swipe .logo_icon img { height: 100%; display: block; }

@keyframes animate_header { from { margin-top: -40px; }
  to { margin-top: 0; } }

#header { text-align: center; }

#header .logo { height: 30px; display: inline-block; }

#header .logo img { height: 100%; }

#header .tgl_now { display: block; text-align: center; font-size: 11px; padding: 5px 0; color: #7a7a7a; }

#nav, .banner_reg_hl { background-color: #20409a; }

#nav a { float: left; width: 33.3%; text-align: center; color: #fff; text-decoration: none; font-weight: bold; font-size: 12px; padding: 10px 0; }

#nav a.selected { color: #ffb400; }

#nav a span { line-height: normal; vertical-align: middle; display: inline-block; }

#search { background-color: #0d2b7d; height: 30px; padding: 8px 10px; }

#search form { border-radius: 3px; background: rgba(255, 255, 255, 0.8); padding: 5px; }

#search form .btn { height: 23px; float: right; margin-top: -2px; }

#search form .input { border: 0; background: no-repeat; width: 80%; font-size: 13px; padding: 0px; color: #000; outline: none; line-height: normal; }

.lqd_block > img { position: absolute; max-height: 100%; max-width: 100%; width: auto; height: auto; z-index: 1; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

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

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

.lqd_block { overflow: hidden; }

@-moz-keyframes "myfirst" { /* line 335, lvr.style.scss */
  0% { background: yellow; }
  /* line 336, lvr.style.scss */
  100% { background: black; }
  /* line 337, lvr.style.scss */
  50% { background: yellow; } }

@-webkit-keyframes "myfirst" { /* line 342, lvr.style.scss */
  0% { background: yellow; }
  /* line 343, lvr.style.scss */
  100% { background: black; }
  /* line 344, lvr.style.scss */
  50% { background: yellow; } }

body { padding: 0; margin: 0; font-family: helvetica, arial; font-size: 13px; background-color: #efefef; }

#header { text-align: center; }

#header .logo { height: 30px; display: inline-block; }

#header .logo img { height: 100%; }

#header .tgl_now { display: block; text-align: center; font-size: 11px; padding: 5px 0; color: #7a7a7a; }

#nav { background-color: #20409a; }

#nav a { float: left; width: 33.3%; text-align: center; color: #fff; text-decoration: none; font-weight: bold; font-size: 12px; padding: 10px 0; }

#nav a span { line-height: normal; vertical-align: middle; display: inline-block; }

#nav a.selected { color: #ffb400; }

.banner_reg_hl { background-color: #20409a; }

.navdetikcom a { width: 25% !important; height: 30px; line-height: 30px; }

#search { background-color: #0d2b7d; height: 30px; padding: 8px 10px; }

#search form { border-radius: 3px; background: rgba(255, 255, 255, 0.8); padding: 5px; }

#search form .btn { height: 23px; float: right; margin-top: -2px; }

#search form .input { border: 0; background: no-repeat; width: 80%; font-size: 13px; padding: 0px; color: #000; outline: none; line-height: normal; }

#hl { background: #0d2b7d; color: #fff; font-weight: bold; }

#hl a { text-decoration: none; }

#hl .text { padding: 10px; }

#hl .sub { display: block; color: #fff000; font-size: 0.9em; text-transform: uppercase; }

#hl h1 { font-size: 1.5em; color: #feba18; font-weight: bold; line-height: 120%; padding: 0 0 5px; }

#hl .info { font-size: 0.9em; color: #c5c5c5; font-weight: normal; }

#hl .box_img img { width: 100%; height: auto; }

.list { padding: 10px; color: #000; text-decoration: none; display: block; border-bottom: 1px solid #ccc; position: relative; }

.list .box_img { width: 80px; float: left; margin-right: 10px; position: relative; }

.list .ico { width: 20px; height: 20px; padding: 5px; background-color: rgba(0, 0, 0, 0.2); position: absolute; right: 0; top: 0; }

.list .ico img { height: 100%; }

.list .text { float: left; width: 60%; width: calc(100% - 90px); }

.list .text h2 { font-weight: bold; font-size: 1.1em; line-height: 120%; padding-bottom: 5px; }

.list .text h3 { font-weight: bold; font-size: 1.1em; line-height: 120%; padding-bottom: 5px; }

.list .text .sub { display: block; color: #ff6600; font-size: 0.9em; font-weight: bold; }

.list .text .info { font-size: 0.8em; color: #707070; }

.list .text .posted { font-size: 0.9em; font-weight: normal; color: #1f629a; display: block; padding-top: 3px; }

.list .num { float: left; width: 70px; margin-right: 15px; text-align: center; font-size: 20px; text-transform: capitalize; color: #d20000; font-weight: bold; line-height: 90%; padding-top: 5px; }

.list .num span { display: block; font-size: 12px; font-weight: normal; color: #8d8d8d; }

.list .lvr_live { top: 0px; font-size: 10px; padding: 0 8px; height: 21px; line-height: 21px; }

.list .lvr_live span { width: 11px; height: 11px; }

.list_fokus { display: block; padding: 10px; border-bottom: 1px solid #ccc; }

.list_fokus .no { background: #e00000; width: 35px; height: 35px; line-height: 35px; color: #fff; font-weight: bold; font-size: 1.3em; float: left; margin-right: 10px; text-align: center; border-radius: 100px; }

.list_fokus .text { float: left; width: 80%; width: calc(100% - 45px); }

.list_fokus .text h2 { color: #000; font-size: 1.2em; font-weight: bold; height: 35px; line-height: 35px; display: inline-block; }

.list_fokus .text h2 span { display: inline-block; line-height: normal; vertical-align: middle; }

.list_most .no { background: #e00000; width: 35px; height: 35px; line-height: 35px; color: #fff; font-weight: bold; font-size: 1.3em; float: left; margin-right: 10px; text-align: center; border-radius: 100px; }

.list_most .text { float: left; width: 80%; width: calc(100% - 45px); }

.list_2 .text { width: auto; }

.list_2 article:first-child .text { width: 70%; width: calc(100% - 90px); }

.btn_more { display: inline-block; color: #20409a; border: 2px solid #20409a; padding: 5px 15px; text-decoration: none; margin: 10px 0; text-transform: uppercase; font-size: 1.1em; font-weight: bold; }

.btn_more2 { background: rgba(255, 255, 255, 0.2); color: #fff; padding: 0 7px; display: inline-block; text-decoration: none; }

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

.title_box { background: #20409a; position: relative; height: 25px; line-height: 25px; color: #fff; font-weight: bold; font-size: 1.2em; padding: 7px 10px; border-top: 1px solid #0d2b7d; }

.widget_mid { border-top: 4px solid; border-bottom: 2px solid; border-color: #000; background: #fff; position: relative; padding: 15px; }

.widget_mid .box_img { width: 30%; }

.widget_mid .text_wm { float: left; width: 67%; position: relative; line-height: 130%; }

.widget_mid .text_wm .vol { font-weight: bold; color: #ff6600; }

.widget_mid .text_wm .sub { display: block; color: #ff6600; font-size: 0.9em; font-weight: bold; }

.widget_mid .text_wm h2 { font-weight: bold; font-size: 1.1em; line-height: 120%; padding-bottom: 5px; }

.widget_mid .text_wm .info { font-size: 0.8em; color: #707070; }

.widget_mid .t_wm { font-size: 13px; font-weight: bold; margin: 8px 0; line-height: 120%; }

.widget_mid .but_down { font-size: 12px; font-weight: bold; text-transform: uppercase; padding: 5px 10px; display: inline-block; color: #fff; background-color: #ff6600; margin-top: 10px; text-decoration: none; }

.widget_mid a { color: #000; }

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

.pag-nextprev { margin: 10px; }

.pag-nextprev a { float: left; width: 49%; width: calc(50% - 2px); border-right: 1px solid #fff; border-left: 1px solid #fff; background: #163590; color: #fff; font-weight: bold; text-align: center; font-size: 1.1em; padding: 10px 0; text-decoration: none; }

.title_box_aplus { background-color: #269316; }

.title_box_aplus .box_logo { height: 27px; }

.title_box_bbc { background-color: #9d0a0e; }

.title_box_bbc .box_logo { height: 27px; }

.list_2_nophoto article:first-child .text { width: auto; }

.big_list { background: #20409a; color: #fff; font-weight: bold; text-decoration: none; position: relative; display: block; margin-bottom: 2px; }

.big_list .text { padding: 10px; width: 90%; width: calc(100% - 20px); position: absolute; border: 0; z-index: 1; background: rgba(0, 0, 0, 0.7); bottom: 0; }

.big_list .sub { display: block; color: #fff000; font-size: 0.8em; text-transform: uppercase; }

.big_list h3 { font-size: 1em; color: #feba18; font-weight: bold; line-height: 120%; padding: 0 0 5px; }

.big_list .info { font-size: 0.9em; color: #c5c5c5; font-weight: normal; }

.big_list .box_img img { width: 100%; height: auto; }

.big_list .video { position: absolute; height: 50px; top: 30%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 2; }

.big_list .video img { height: 100%; }

.detail { background-color: #fff; }

.detail h1 { color: #0d2b7d; font-size: 1.7em; padding-bottom: 5px; line-height: 120%; font-weight: bold; }

.detail h1 a { color: #0d2b7d; text-decoration: none; }

.detail .sub { color: #ff6600; font-size: 1.3em; font-weight: bold; }

.detail .author { color: #666; font-size: 1em; font-weight: bold; padding-bottom: 2px; }

.detail .date { color: #666; font-size: 0.8em; }

.detail .pic { font-size: 11px; color: #666; width: 100%; height: auto; margin: 0 auto; background: none; border: none; text-align: left; }

.detail .pic img { margin: 0 auto; display: block; padding-bottom: 4px; max-width: 100%; }

.detail .pic span { display: block; padding: 5px 10px; }

.detail .pic-item .text_detail { font-size: 12px; }

.detail .text_detail { font-size: 1.2em; line-height: 140%; padding-bottom: 15px; padding: 10px; }

.detail .text_detail img { padding: 10px 0; width: 100% !important; height: auto !important; max-width: none; max-height: none; }

.detail .text_detail iframe { width: 100%; }

.detail .text_detail .foto_story img { width: auto; }

.detail .partner { padding: 8px; margin: 0 0 10px; background: #FFD700; border: 1px solid #FFC300; }

.detail .partner img { width: 80px; max-height: 80px; }

.detail .share { border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; padding: 8px 0; font-size: 1em; color: #333; margin-top: 10px; }

.detail .share strong { margin-right: 10px; display: block; margin-bottom: 3px; text-transform: uppercase; }

.detail .share a { float: left; padding: 5px; width: 20px; background-color: #39579a; margin-right: 5px; }

.detail .share a img { width: 100%; }

.detail .share a.tw { background-color: #1aa9e4; }

.detail .share a.gplus { background-color: #e23c05; }

.detail .share a.kom { width: auto; height: 33px; padding: 0 10px; line-height: 33px; font-weight: bold; color: #fff; text-decoration: none; background-color: #8f8f8f; }

.detail .komentar { border-bottom: 1px solid #CCC; padding: 8px 0; font-size: 1.1em; color: #20409a; }

.detail .komentar a { color: #20409a; font-weight: bold; text-decoration: none; display: inline-block; padding: 0 2px; }

.detail .bacajuga strong { display: block; padding: 10px 0 0 0; font-size: 1.3em; }

.detail .bacajuga a { display: block; background: url(../image/bullet_1.png) 0px 10px no-repeat; padding: 5px 5px 2px 13px; color: #264C96; text-decoration: none; font-size: 1.2em; }

.detail_area { padding: 10px; }

.detail_area .ap_next { color: #fff; font-weight: bold; text-decoration: none; z-index: 1; display: inline-block; position: relative; font-size: 13px; background: #1b3682; margin: 0 auto; text-align: center; padding: 8px 15px; border-radius: 3px; margin-bottom: 10px; }

.noti { display: block; background: #FF9; border: 1px solid #FC6; color: #F00; text-decoration: none; text-align: center; padding: 5px; font-weight: bold; margin: 10px 0; }

.noti a { color: #627803; text-transform: uppercase; text-decoration: none; }

.back { display: block; background: #CAE6E9; border: 1px solid #CCC; color: black; text-decoration: none; text-align: right; padding: 5px; font-weight: bold; margin: 10px 0; }

.back:hover { background: #CCC; }

.breadcrumb { color: #8e8e8e; padding: 10px 8px; font-size: 11px; }

.breadcrumb a { display: inline-block; padding: 0 2px; color: #8e8e8e; text-decoration: none; }

.multipage { padding: 0 0 10px 0; border: 0; text-align: center; line-height: 42px; font-size: 13px; overflow: hidden; margin-bottom: 5px; position: relative; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #626262; }

.multipage span { display: inline-block; }

.multipage a { background: #1b3682; display: inline-block; width: 30px; height: 30px; text-align: center; position: absolute; top: 8px; color: #fff; border-radius: 100px; line-height: 30px; }

.multipage a img { margin-top: 7px; }

.multipage .fl { left: 0; }

.multipage .fr { right: 0; }

.multipage .indeks_mul { color: #000; font-weight: bold; text-decoration: none; height: 35px; line-height: 35px; z-index: 1; display: inline-block; width: 150px; position: relative; font-size: 13px; background: #ebebeb; top: 5px; }

.detail_tag { margin-bottom: 20px; }

.multipage_top { height: auto; }

.multipage_top .num_mp { margin: 0 5px 0 0; }

.multipage_top .title_mp { display: flex; align-items: top; padding: 15px 10px 10px; border-top: 1px solid #ccc; text-align: left; font-weight: bold; font-size: 16px; line-height: 1.25; color: #1b3682; }

.multipage_top .title_mp span { display: inline-block; float: left; }

.multipage_top > span { line-height: 46px; }

.multipage_top a { margin: 0 10px; border-bottom: 1px solid #ccc; }

.list_multi a { display: block; padding: 4px 0; font-size: 1.1em; font-weight: bold; text-decoration: none; color: #0d2b7d; }

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

.jdl_multi { font-size: 18px; padding-bottom: 3px; border-bottom: 1px dotted #CCC; margin-bottom: 5px; font-weight: bold; }

.btn_back_kom { display: inline-block; color: #fff; text-decoration: none; padding: 8px 15px; margin-bottom: 20px; background-color: #20409a; }

.bold { font-weight: bold; }

.title_box_fokus { height: auto; }

.title_box_fokus span { display: inline-block; padding: 0px 3px; background: #cc0000; font-size: 12px; margin-bottom: 5px; }

.title_box_fokus h2 { font-weight: bold; font-size: 1.1em; }

.indeks_date { padding: 5px 0; background: #e4e4e4; border-bottom: 1px solid #c4c4c4; text-align: center; }

.indeks_date .select { float: left; width: 100%; }

.indeks_date .select select { border: 1px solid #ccc; height: 25px; }

.indeks_date .select .idxx { width: calc(100% / 2 - 25px); text-align: left; padding: 0 10px; float: left; }

.indeks_date .select .idxx label { display: block; }

.indeks_date .select .idxx input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; width: 100%; vertical-align: middle; }

.indeks_date .select .idxx select { width: 100%; vertical-align: middle; }

.indeks_date .btn { float: right; width: 50px; border: 0; background: #0d2b7d; color: #fff; height: 25px; }

.indeks_date input { border: 1px solid #ccc; height: 23px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 0 5px; }

.mid { vertical-align: middle; }

.idx_t { text-align: center; font-size: 16px; font-weight: bold; padding: 15px 0; }

.but_idx1 { border: none; color: white; height: auto !important; background-color: #2a499c; padding: 3px 32px 6px !important; text-align: center; text-shadow: none; display: inline-block; font-size: 13px; margin: 15px 0 10px; cursor: pointer; display: inline-block; -moz-appearance: none; -webkit-appearance: none; }

.sisip_video { margin: 5px 0; }

.sisip_video iframe { width: 100%; height: 200px; }

.text_detail .linksisip { color: red; font-weight: bold; margin: 15px 0; padding: 0; display: block; }

.text_detail a { font-weight: bold; color: #19378f; text-decoration: none; }

.text_detail .quotesisip { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; border-collapse: collapse; border-spacing: 0; width: 100%; border-top: 8px solid #000; border-bottom: 1px solid #000; background: white; position: relative; margin: 10px 0; }

.text_detail blockquote { float: left; font-size: 20px; margin: 0 0 10px 0; padding: 10px 10px 0 25px; line-height: 120%; position: relative; color: #000; font-weight: bold; }

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

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

.text_detail .foto_sisip { text-align: center; margin-bottom: 20px; color: #929292; font-size: 12px; line-height: 120%; }

.text_detail .foto_sisip .pic { position: relative; display: inline-block; text-align: left; max-width: 100%; }

.text_detail .foto_sisip .pic img { max-width: 100%; display: block; }

.text_detail .linksisipfoto { margin: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; border-collapse: collapse; border-spacing: 0; color: #000; position: relative; border: 0; border-top: 4px solid #000; border-bottom: 1px solid #000; margin-bottom: 10px; width: 100%; }

.text_detail .linksisipfoto a { display: block; padding: 10px 0; }

.text_detail .linksisipfoto .box_img { width: 40%; float: left; margin-right: 10px; }

.text_detail .linksisipfoto .box_img img { display: block; }

.text_detail .linksisipfoto h3 { font-size: 15px; padding: 5px 10px 10px; color: #000; line-height: 130%; font-weight: bold; }

.tw_sisip { text-align: center; }

.tw_sisip iframe { width: 100%; }

.foto_story { width: 100%; background: #f1f1f1; position: relative; margin: 10px 0; }

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

.foto_story .box_img { width: 100%; background: #000; text-align: center; margin-bottom: 5px; }

.foto_story .box_img .img_con { text-align: -webkit-center; }

.foto_story .box_img .img_con img { height: 100%; display: block; padding: 0; }

.foto_story .caption { padding: 5px 10px; font-size: 12px; color: #414141; }

.foto_story .fs_nav { position: absolute; width: 20px; top: 50%; margin-top: -40px; background: rgba(0, 0, 0, 0.5); padding: 10px 5px 5px; }

.foto_story .fs_nav img { width: 100% !important; }

.foto_story .fs_nav:hover { background: rgba(0, 0, 0, 0.8); }

.foto_story .fs_nav_r { right: 0; }

.foto_story:hover .fs_nav { display: block; }

.footer_banner { position: fixed; bottom: 0; width: 100%; height: 50px; background-color: #f4f4f4; text-align: center; z-index: 2; }

.title_retail { color: #fff; background-color: #1c3a8d; padding: 10px; font-size: 1.2em; }

.title_retail a { color: #fff; padding: 0; }

.title_retail span.bl { color: #26a8c8; }

.detail_fokus_l { background: #20409A; font-size: 13px; margin: 10px 0; display: table; width: 100%; }

.detail_fokus_l strong { color: #fff; background: #CC0000; display: table-cell; font-size: 12px; font-weight: bold; padding: 12px 10px 10px; vertical-align: middle; width: 95px; font-family: inherit; }

.detail_fokus_l a { color: #ffd700; text-decoration: none; background: url(../images/arrow_fokus.gif) no-repeat left center; padding: 10px 10px 10px 20px; float: left; line-height: 1.25; }

.inforedaksi { margin: 10px 10px 20px; padding-top: 10px; font-size: 13px; line-height: 130%; }

.inforedaksi a { color: #2440A2; text-decoration: none; font-weight: bold; }

#nav2 { background: #20409a; border-top: 1px solid #0d2b7d; color: #fff; text-align: center; }

#nav2 a { display: inline-block; margin: 5px; color: #FFF; text-decoration: none; padding: 2px 4px; border-radius: 3px; font-size: 11px; }

#nav2 a.spon { background: #e00000; color: #fff; }

.share-top-new a { height: 40px; width: 40px; overflow: hidden; text-align: center; border-radius: 3px; background: #ccc; float: left; margin-right: 5px; margin-top: 5px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #fff; text-decoration: none; }

.share-top-new a img { width: 25px; padding-top: 8px; float: left; padding-left: 8px; margin-right: 10px; }

.share-top-new a span { height: 40px; line-height: 40px; float: left; width: 60px; color: #fff; display: block; text-align: left; }

.share-top-new a span b { font-weight: normal; color: rgba(255, 255, 255, 0.7); }

.share-top-new .fb { background: #0064c2; }

.share-top-new .tw { background: #00b6f9; }

.share-top-new .gplus { background: #EC4C4C; }

.share-top-new .linked { background: #3E6EA7; }

.share-top-new .pin { background: #FF0000; }

.share-top-new .whatsap { background: #5CB100; }

.share-top-new .line { background: #62BB00; }

.share-top-new .sh-komentar { background: #9F9F9F; width: 130px; }

.share-top-new .sh-komentar span { width: 85px; }

.share-bot-new { border-top: 1px solid #eee; padding-top: 10px; }

#share_gh { -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; position: fixed; bottom: -55px; left: 0; right: 0; padding: 5px 10px; z-index: 2; background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 12%, rgba(0, 0, 0, 0) 88%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 12%, rgba(0, 0, 0, 0) 88%, rgba(0, 0, 0, 0.65) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 12%, rgba(0, 0, 0, 0) 88%, rgba(0, 0, 0, 0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=1 ); }

#share_gh:after { position: absolute; content: ""; left: 0; top: 0; right: 0; bottom: 0; background: rgba(200, 200, 200, 0.8); z-index: -1; }

#share_gh .shr > span.hide { display: none; }

#show_react { -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; margin: 0 auto; bottom: 50%; left: 50%; z-index: 2; position: fixed; -webkit-transform: translate3d(-50%, 50%, 0); -moz-transform: translate3d(-50%, 50%, 0); -ms-transform: translate3d(-50%, 50%, 0); -o-transform: translate3d(-50%, 50%, 0); transform: translate3d(-50%, 50%, 0); height: 170px; text-align: center; display: none; }

#emot_r { -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; width: 100%; position: absolute; top: 15px; z-index: 2; }

.callout_r { -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; padding: 5px 15px; background: rgba(0, 0, 0, 0.6); border-radius: 25px; position: fixed; bottom: 60px; right: 5px; z-index: 2; opacity: 0; width: 310px; height: 48px; box-sizing: border-box; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom; }

.callout_r .caret { position: absolute; right: 50px; bottom: 6px; }

.callout_r .caret:before { content: ''; position: absolute; top: 6px; left: 9px; border-top: 8px solid rgba(0, 0, 0, 0.6); border-left: 6px solid transparent; border-right: 6px solid transparent; }

.callout_r > div { color: #fff; display: block; font-size: 16px; padding: 8px 0; text-align: center; }

#share_gh.share-top-new a { border-radius: 50%; width: 35px; height: 35px; margin: 5px 5px 2px 0; float: none; display: inline-block; position: relative; overflow: visible; }

#share_gh.share-top-new a img { width: 20px; }

#share_gh.share-top-new a span { width: auto; height: auto; position: absolute; right: 0px; top: -3px; background: #fff; border-radius: 50%; }

#share_gh.share-top-new a span img { width: 13px; margin: 0; padding: 0; }

#share_gh.share-top-new a#reaksi_anda { border-radius: 4px; padding: 0 12px; margin: 0 -5px 0 0; background: #000; float: right; width: 50px; height: 45px; display: block; line-height: 2; position: relative; }

#share_gh.share-top-new a#reaksi_anda span { line-height: normal; text-align: center; width: 50px; float: none; position: relative; top: auto; right: auto; border-radius: 0; background: none; }

#share_gh.share-top-new a#reaksi_anda span:before { content: "Reaksi Anda?"; display: table-cell; vertical-align: middle; width: 50px; height: 42px; }

#share_gh.share-top-new a#reaksi_anda.open span:before { content: "Tutup"; }

#share_gh.show { -webkit-transform: translate3d(0px, -55px, 0px); -moz-transform: translate3d(0px, -55px, 0px); -ms-transform: translate3d(0px, -55px, 0px); -o-transform: translate3d(0px, -55px, 0px); transform: translate3d(0px, -55px, 0px); }

.callout_r.left { width: auto; left: 5px; right: auto; -webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; -o-transform-origin: left bottom; transform-origin: left bottom; }

.callout_r.left .caret { left: 30px; right: auto; }

#react_gh.open_react { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

#react_gh.open_react a { margin: 0; -webkit-transform: rotate(720deg); -moz-transform: rotate(720deg); -ms-transform: rotate(720deg); -o-transform: rotate(720deg); transform: rotate(720deg); transition-delay: 0.2s; }

#react_gh.open_react a:nth-child(2n) { margin-left: 35px; }

#react_gh.open_react a:nth-child(3n) { margin-left: 70px; }

#react_gh.open_react a:nth-child(4n) { margin-left: 105px; }

#react_gh.open_react a:nth-child(5n) { margin-left: 140px; }

#react_gh.open_react a:nth-child(6n) { margin-left: 175px; }

#react_gh.open_react a:nth-child(7n) { margin-left: 210px; }

#react_gh.open_react a:nth-child(8n) { margin-left: 245px; }

#result_text.result_r { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.share_r { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

#react_gh a { text-decoration: none; display: inline-block; position: absolute; margin-left: 245px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

#react_gh img { width: 35px; }

#show_share { margin: 0 auto; bottom: 50%; left: 50%; z-index: 2; position: fixed; -webkit-transform: translate3d(-50%, 50%, 0); -moz-transform: translate3d(-50%, 50%, 0); -ms-transform: translate3d(-50%, 50%, 0); -o-transform: translate3d(-50%, 50%, 0); transform: translate3d(-50%, 50%, 0); display: none; }

#share_ok { margin: 0 auto; bottom: 50%; left: 50%; z-index: 2; position: fixed; -webkit-transform: translate3d(-50%, 50%, 0); -moz-transform: translate3d(-50%, 50%, 0); -ms-transform: translate3d(-50%, 50%, 0); -o-transform: translate3d(-50%, 50%, 0); transform: translate3d(-50%, 50%, 0); width: 250px; margin: 0 auto; display: none; }

#show_react.set_down { right: 0; top: auto; left: 100%; bottom: 0%; -webkit-transform: translate3d(-50%, 0, 0) scale3d(0.35, 0.35, 0.35); -moz-transform: translate3d(-50%, 0, 0) scale3d(0.35, 0.35, 0.35); -ms-transform: translate3d(-50%, 0, 0) scale3d(0.35, 0.35, 0.35); -o-transform: translate3d(-50%, 0, 0) scale3d(0.35, 0.35, 0.35); transform: translate3d(-50%, 0, 0) scale3d(0.35, 0.35, 0.35); transform-origin: right bottom; }

#show_react.hide { opacity: 0; bottom: -35px; }

#wrap_r { width: 140px; height: 140px; }

.wraptext_r { margin: 0 auto; padding: 15px; background: rgba(0, 0, 0, 0.6); color: #fff; border-radius: 10px; position: relative; }

.wraptext_r > div { margin: 5px 5px 10px; }

#check_r { position: absolute; right: 15px; }

#text_r { position: absolute; bottom: 15px; margin-left: -50%; width: 100%; font-size: 16px; }

.set_down #emot_r { top: 25px; margin-left: -170px; }

#react_w { display: none; bottom: 100%; left: 33px; position: fixed; z-index: 2; padding: 5px; background: #000; color: #fff; font-size: 12px; }

.lvr_live { position: absolute; top: 20px; left: 0; background-color: #D0021B; color: #fff; padding: 0 14px; z-index: 2; text-transform: uppercase; height: 30px; line-height: 30px; font-size: 16px; font-style: italic; font-weight: bold; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0); }

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

.label_kanal { position: absolute; color: #fff; left: 0; bottom: 0; display: block; z-index: 1; padding: 2px 4px; font-size: 11px; }

.berita_terkait .text { width: 100%; }

.label_kanal.detikhot_label { background: rgba(204, 12, 0, 0.8); }

.label_kanal.wolipop_label { background: rgba(236, 18, 123, 0.8); }

.label_kanal.finance_label { background: rgba(0, 125, 190, 0.8); }

.label_kanal.viddetik_label { background: rgba(179, 3, 3, 0.8); }

.label_kanal.inet_label { background: rgba(82, 47, 145, 0.8); }

.label_kanal.health_label { background: rgba(0, 154, 79, 0.8); }

.label_kanal.sport_label { background: rgba(213, 29, 41, 0.8); }

.label_kanal.news_label { background: rgba(33, 64, 154, 0.8); }

.label_kanal.travel_label { background: rgba(241, 100, 32, 0.8); }

.label_kanal.food_label { background: rgba(132, 175, 52, 0.8); }

.label_kanal.oto_label { background: rgba(234, 0, 0, 0.8); }

.label_kanal.popular_label { background: rgba(85, 98, 111, 0.8); }

.label_kanal.sepakbola_label { background: rgba(80, 144, 39, 0.8); }

.label_kanal.detikedu_label { background: rgba(238, 64, 35, 0.8); }

.list.list_pkd { padding: 0; }

.list_pkd { border-bottom: solid 10px #FF8200; background: url(../images_ads/bg_pkd16.png) #fff bottom left no-repeat; margin-bottom: 10px; }

.title_box_pkd { background: #fff; border-bottom: solid 2px #FF8200; text-align: center; padding: 10px 0 18px; background: #FF8200; }

.title_box_pkd .box_logo { width: 200px; }

.nlist-kanal a.new span { background: red none repeat scroll 0 0; border-radius: 3px; color: #fff; font-size: 8px; padding: 1px 3px; position: relative; right: 0; text-transform: uppercase; top: -5px; }

.desk_ads { display: none !important; }

.hotis { display: none !important; }

.lg_detik { display: none !important; }

.infoklik { display: none !important; }

.title_lsi2 { display: none !important; }

.dhl_pkd { display: none !important; }

.mob_ads { display: block; }

#headline #hl { height: 260px; }

#headline #hl .box_text a { width: 100%; }

#headline #hl .box_text > a { padding: 5px 20px 10px 15px; }

#headline #hl h1 { font-size: 18px; }

ul.countdown { margin: 0 auto; display: block; position: relative; top: 0; right: 0; width: 100%; }

.lm_content { width: 100%; padding: 0 10px; }

.r_content { width: 100%; padding: 0 10px; }

.ads_pkd { width: 100%; }

.ads_pkd img { width: 100%; }

.ads_pkd li { list-style: none; }

.title_img { padding: 0 !important; max-height: none !important; }

.title_img img { width: 100%; }

.lvr_ke_pkd { padding: 0; }

.list.feed .box_text { float: right; }

.head_akm img { width: 100%; }

.head_akm .akmh_desk { display: none; }

.head_akm .akmh_mob { display: block; }

.label_media { top: 26%; }

.label_media img { width: 40px; }

.jdl_rekp { font-weight: bold; font-size: 24px; text-align: center; }

.jdl_rekp span { font-weight: normal; }

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

#cbpkd { background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); }

#cbpkd img { width: 100%; display: block; }

#cbpkd .box_count { position: relative; margin: 10px 0; display: inline-block; width: 100%; }

#cbpkd .tl_count { background: #4A4A4A; color: #fff; padding: 5px 5px 3px; position: absolute; right: 0; left: 10px; top: -10px; z-index: 2; }

#cbpkd .bd_count { background: #eee; font-size: 0; font-weight: bold; padding: 10px 0 0; overflow: hidden; position: relative; clear: both; }

#cbpkd .bd_count > span { display: inline-block; font-size: 22px; width: 50%; padding: 10px 0 8px; text-align: center; position: relative; }

#cbpkd .lkp { text-decoration: none; color: #FF8400; border: 2px solid #FF8400; padding: 8px 20px 6px; border-radius: 20px; }

#cbpkd .lkp:hover { background: #FF8400; color: #fff; }

.text_bottom { font-size: 11px; color: #909090; font-weight: normal; padding-bottom: 10px; display: block; }

.wfotvid { padding: 0px; position: relative; }

.wfotvid .box_img { width: 100%; }

.wfotvid a h3 { color: #fff; }

.wfotvid .sub_judulx { color: #fff; font-size: 12px; margin-top: 5px; display: inline-block; text-align: center; font-weight: normal; position: absolute; top: 3px; left: 15px; background: #F00; padding: 5px 8px; }

.wfotvid .ico { width: 25px; height: 25px; padding: 5px; position: absolute; right: 0; top: 0; }

.wfotvid .ico img { width: 25px; height: 25px; }

.wfotvid .ico.ic_x { width: 90px; height: auto; background: none; }

.wfotvid .ico.ic_x img { width: 100%; height: 100%; }

.paging { padding: 5px 0; background: #e4e4e4; }

.paging a { display: inline-block; padding: 10px 8px; color: #767676; background: #ececec; text-decoration: none; font-size: 14px; }

.paging a:hover { background: #dddddd; }

.paging a.selected { background: #c1c1c1; color: #fff; }

.paging a.range { background: none; }

.paging2 a { background: none; border-bottom: 2px solid #e4e4e4; }

.paging2 a.selected { border-color: #FC8B15; background: none; color: #FC8B15; }

.center_pag { display: block; text-align: center; background: #e4e4e4; padding: 10px 0; }

.date_bot { background: #efefef; border: none; padding: 15px 0; }

body { font-family: 'MontserratRegular', helvetica, arial !important; background-color: #FFF; }

#framebar { border-bottom: 3px solid #0764c3 !important; }

#header { position: relative; text-align: left; padding: 0 5px; }

#header .logo { height: 40px; }

#header .logo img { margin: 0 0 10px 0; }

#header .tgl_now { text-align: left; padding-left: 2px; }

.menu { bottom: 13px; background-color: #0461c9; }

#nav { background-color: #0461c9; }

.banner_reg_hl { background-color: #0461c9; }

#nav2 a.spon { background: #f26e2e; font-weight: bold; padding: 5px; width: calc(50% - 25px); }

#search { background-color: #044997; }

a { text-decoration: none; }

#hl { background: #0461c9; }

#hl h1 { color: #fbef67; font-size: 18px; line-height: 130%; font-family: 'montserratBold', arial; }

#hl .sub { color: #fff; font-family: Arial, Helvetica, sans-serif; }

#hl .info { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; }

#headline #hl .box_text a { width: 100%; }

#headline #hl .box_text > a { padding: 5px 20px 10px 15px; }

.big_list .info { font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; }

.big_list h3 { color: #fbef67; font-family: 'montserratBold', arial; }

.big_list .sub { color: #feba18; text-transform: none; }

.result { position: relative; height: 30px; line-height: 30px; padding: 5px 10px; padding-bottom: 15px; }

.result > div { text-align: center; }

.result .pro { float: left; height: 30px; background-color: white; }

.result .kontra { float: left; height: 30px; background-color: red; color: #fff; }

.result_detail { font-size: 14px; font-weight: bold; }

.result_detail .result { padding: 0; height: 40px; line-height: 40px; font-weight: bold; border-bottom: 2px solid #fff; margin-bottom: 0; }

.result_detail .result .pro { height: 40px; font-size: 18px; }

.result_detail .result .kontra { height: 40px; font-size: 18px; }

.result_detail .pro { background-color: #0d2b7d; color: #fff; }

.result_detail .fl { color: #0d2b7d; }

.result_detail .fr { color: red; }

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

.prokontralist li { padding: 10px; border-bottom: 1px solid #e1e1e1; border-left: 5px solid #0d2b7d; font-size: 13px; line-height: 140%; color: #373737; }

.prokontralist .nama { color: #20409a; font-weight: bold; font-size: 15px; float: left; }

.prokontralist .time { color: #7e7e7e; font-size: 13px; float: left; padding: 0 5px; }

.prokontralist li.list_kontra { border-right: 5px solid red; border-left: 0; text-align: right; }

.prokontralist li.list_kontra .nama { float: right; color: red; }

.prokontralist li.list_kontra .time { float: right; }

.jdl_opini { color: #0d2b7d; font-weight: bold; font-size: 18px; margin-bottom: 10px; }

.form { font-size: 13px; line-height: 140%; }

.form label { display: block; padding: 10px 0 5px; font-weight: bold; }

.form .input100 { width: 95%; width: calc(100% - 10px); padding: 8px 5px; border: 1px solid #ccc; }

.form select.select3 { margin-right: 5px; width: calc(33% - 10px); width: -webkit-calc(33% - 10px); margin-bottom: 10px; background: #f8f8f8; font-size: 12px; height: 30px; }

.btn_red { background: red; border: 0; color: #fff !important; display: inline-block; padding: 6px 12px; margin-bottom: 5px; margin-top: 5px; font-size: 14px; font-weight: bold; line-height: 15px; }

.btn_blue { background-color: #06439E; }

.bx_nt { padding: 10px; border: 1px solid #dbe465; background: #fffed8; font-size: 12px; color: #4d4d4d; margin: 10px 0; }

.bx_nt a { color: #06439E; font-weight: bold; }

.newstag { background-color: #F0F0F0; padding: 10px 8px; border: 1px solid #ccc; margin-top: 20px; position: relative; font-size: 13px; font-style: italic; }

.w465 { width: 75%; float: left; }

.logo_newstag { width: 59px; height: 59px; overflow: hidden; text-align: center; float: right; }

.logo_newstag img { height: 100%; }

.bbc_foot { border-top: 1px solid #000; background: #990100; height: 16px; margin-top: 10px; }

.bbc_foot img { width: auto !important; height: 16px; display: block; padding: 0 !important; margin: 0 !important; }

.c_green { color: green; }

.pic_artikel_sisip { margin-top: 0; margin-bottom: 10px; font-size: 13px; line-height: 120%; }

.pic_artikel_sisip .pic { font-size: 1em; color: #666; width: 100%; height: auto; margin: 0 auto; background: none; border: none; text-align: left; }

.pic_artikel_sisip .pic img { margin: 0 auto; display: block; padding-bottom: 4px; width: 100%; }

.list .box_img { width: 100px; }

.list .text { width: calc(100% - 110px); }

.list .text h2 { color: #0f4784; line-height: 130%; font-family: 'montserratBold', arial; }

.list .text h3 { color: #0f4784; line-height: 130%; font-family: 'montserratBold', arial; }

.list .text .sub { font-family: 'Helvetica', Arial, sans-serif; }

.list .text .info { font-family: 'Helvetica', Arial, sans-serif; }

.list .text .posted { color: #ff6600; }

.list .text2 { width: 83%; float: left; }

.list .text2 h2 { font-weight: bold; font-size: 1.1em; line-height: 120%; padding-bottom: 5px; color: #0f4784; line-height: 130%; font-family: 'montserratBold', arial; }

.list .text2 h3 { font-weight: bold; font-size: 1.1em; line-height: 120%; padding-bottom: 5px; color: #0f4784; line-height: 130%; font-family: 'montserratBold', arial; }

.list .text2 .sub { font-family: 'Helvetica', Arial, sans-serif; display: block; color: #ff6600; font-size: 0.9em; font-weight: bold; }

.list .text2 .info { font-family: 'Helvetica', Arial, sans-serif; font-size: 0.8em; color: #707070; }

.list .prof { width: 50px; float: left; margin-right: 10px; position: relative; }

.list .prof .img_con { position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; vertical-align: center; text-transform: uppercase; color: #fff; overflow: hidden; background: #000; border-radius: 50px; }

.list .text3 { float: left; width: 100%; }

.list .text3 h2 { color: #0f4784; line-height: 130%; font-weight: bold; font-size: 1.1em; padding-bottom: 5px; font-family: 'montserratBold', arial; }

.list .text3 h3 { color: #0f4784; line-height: 130%; font-weight: bold; font-size: 1.1em; padding-bottom: 5px; font-family: 'montserratBold', arial; }

.list .text3 .sub { font-family: 'Helvetica', Arial, sans-serif; }

.list .text3 .info { font-family: 'Helvetica', Arial, sans-serif; font-size: 0.8em; color: #707070; }

.list p { font-size: 12px; line-height: 130%; font-family: 'helvetica', arial; }

.list .ico { z-index: 1; }

.list_fokus .no { background: #fff; border: #ff6600 1px solid; width: 12%; color: #ff6600; margin-right: 3%; }

.list_fokus .text { width: 84%; }

.list_most .no { background: #fff; border: #ff6600 1px solid; width: 12%; color: #ff6600; margin-right: 3%; }

.list_most .text { width: 84%; }

.title_box { background: #0461c9; border-top: 1px solid #0d2b7d; font-family: 'montserratBold', arial; }

.btn_more { color: #f45a28; border: 2px solid #f45a28; }

.hotpoto { background: #CCC; height: auto; overflow: hidden; text-align: center; float: left; width: 100%; list-style: none; padding: 0 0 0 0; }

.hotpoto a { display: inline-block; width: calc(50%); height: auto; background: #ebebeb; text-align: left; overflow: hidden; float: left; margin-bottom: 0; position: relative; }

.hotpoto a .judulphoto { padding: 10px; width: calc(100% - 20px); position: absolute; border: 0; z-index: 1; background: rgba(0, 0, 0, 0.7); bottom: 0; display: block; }

.hotpoto a .judulphoto .time { font-size: 10px; line-height: 120%; overflow: hidden; height: 10px; display: block; color: #fff; font-family: Arial, Helvetica, sans-serif; }

.hotpoto a .judulphoto h5 { font-size: 12px; line-height: 140%; overflow: hidden; font-weight: bold; color: #fbef67; margin-top: 5px; }

.hotpoto .img_con img { width: 100%; height: auto; }

.btn_more3 { color: #fff; background: #f45a28; display: inline-block; padding: 5px; text-decoration: none; margin: 10px 0 0 0; text-transform: uppercase; font-size: 1.1em; font-weight: bold; width: calc(100% - 30px); }

.big_list2 { color: #fff; font-weight: bold; text-decoration: none; position: relative; display: block; margin-bottom: 2px; padding: 10px; }

.big_list2 .box_img img { width: 100%; height: auto; }

.big_list2 .text { padding: 10px; width: calc(100% - 40px); position: absolute; border: 0; z-index: 1; background: rgba(0, 0, 0, 0.7); bottom: 10px; }

.big_list2 .sub { display: block; color: #feba18; font-size: 0.8em; }

.big_list2 h3 { font-size: 1em; color: #fbef67; font-weight: bold; line-height: 120%; padding: 0 0 5px; }

.big_list2 .info { font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }

.hotpoto2 { height: auto; overflow: hidden; text-align: center; float: left; width: 100%; list-style: none; padding: 0 0 0 0; }

.hotpoto2 a { display: inline-block; width: calc(33.3% - 10px); height: auto; background: #ebebeb; text-align: left; overflow: hidden; float: left; margin-bottom: 0; position: relative; margin: 5px; }

.hotpoto2 a .judulphoto { padding: 5px 10px; width: calc(100% - 20px); position: absolute; border: 0; z-index: 1; background: rgba(0, 0, 0, 0.7); bottom: 0; display: block; }

.hotpoto2 a .judulphoto .time { font-size: 10px; line-height: 120%; overflow: hidden; height: 10px; display: block; color: #fff; font-family: Arial, Helvetica, sans-serif; }

.hotpoto2 a .judulphoto h5 { font-size: 10px; line-height: 140%; overflow: hidden; font-weight: bold; color: #fbef67; }

.hotpoto2 .img_con img { width: 100%; height: auto; }

.title_pagemos { width: 320px; margin: 10px auto; }

.title_mospop { text-align: center; padding-bottom: 3px; color: #3a434c; font-size: 25px; font-weight: bold; }

.updates { text-align: center; font-size: 11px; color: #000; }

.dropdown_menu { padding: 10px; height: 30px; text-align: center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

.dropdown_menu select { float: left; width: 48%; width: calc(50% - 5px); margin-right: 5px; height: 30px; border: 1px solid #ccc; }

.pag-nextprev a { background: #f26e2e; border: none; margin-left: 1px; margin-right: 1px; }

.indeks_date .btn { background: #f26e2e; display: inline-block; float: none; }

.indeks_date .select { width: auto; float: none; display: inline-block; }

.indeks_date .select select { min-width: 50px; }

.hotpoto3 { height: auto; overflow: hidden; text-align: center; width: 100%; list-style: none; padding: 0 0 0 0; }

.hotpoto3 a { display: inline-block; width: calc(50% - 10px); height: auto; background: #ebebeb; text-align: center; overflow: hidden; margin-bottom: 0; position: relative; margin: 5px; text-decoration: none; }

.hotpoto3 a .judulphoto { padding: 5px 10px; width: calc(100% - 20px); border: 0; z-index: 1; bottom: 0; display: block; background: #fff; }

.hotpoto3 a .judulphoto h5 { font-size: 16px; line-height: 140%; overflow: hidden; font-weight: bold; color: #f26e2e; }

.hotpoto3 .img_con img { width: 100%; height: auto; }

.stori_list { overflow: hidden; text-align: center; width: 100%; list-style: none; padding: 0; display: flex; }

.stori_list h5 { background: #f26e2e; padding: 10px 5px; float: left; width: 100%; margin: 2px; color: #fff; font-size: 9px; }

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

.stori_list h5.sl2 { background: #ebebeb; color: #000; margin-right: 0; }

.stori_list.full { display: block; overflow: hidden; text-align: center; width: 100%; list-style: none; padding: 0; }

.stori_list.full h5 { width: calc(100%/2 - 13px); }

.stori_select { background: #eee; }

.stori_select select { width: 95%; padding: 2% 5%; border: 1px solid #f26e2e; font-size: 14px; border-radius: 0px; margin: 2.5%; background: #f8f8f8 url("../images/arrow_b.png") 96% center no-repeat; -webkit-background-size: 20px; -o-background-size: 20px; background-size: 20px; }

.stori_list2 { text-align: center; width: 100%; list-style: none; padding: 0; display: flex; }

.stori_list2 a { display: block; width: 100%; }

.stori_list2 h5 { background: #ebebeb; padding: 10px 0; margin: 2px; color: #000; font-size: 11px; }

.stori_list2 h5.sl2 { background: #ebebeb; color: #000; margin-right: 0; }

.log_detik { color: #F00; text-decoration: none; }

.kirim { text-align: center; width: calc(100% - 20px); }

.kirim h3 { float: left; }

.kirim h5 { text-align: left; }

.kirimstori { margin-right: 10px; float: left; }

.detail_area select { border: 1px solid #ccc; height: 30px; width: 100%; }

.detail .text_detail { font-family: 'helvetica', arial; }

.detail h1 { font-family: 'montserratBold', arial; }

.detail ol { text-align: left; color: #000; width: calc(100% - 20px); margin: 0 auto; margin-top: 30px; list-style: decimal; line-height: 130%; font-size: 14px; padding: 10px; }

.detail ol li { font-weight: bold; margin-left: 10px; }

.detail ol ul { padding-left: 15px; margin-bottom: 10px; }

.detail ol ul li { list-style-type: square; font-weight: normal; }

.hotpoto4 { height: auto; overflow: hidden; text-align: center; width: 100%; list-style: none; padding: 0 0 0 0; }

.hotpoto4 .pop { display: inline-block; width: calc(50% - 10px); height: auto; background: #fff; text-align: center; overflow: hidden; margin-bottom: 0; position: relative; margin: 5px; text-decoration: none; }

.hotpoto4 .pop .judulphoto { padding: 0; width: 100%; border: 0; z-index: 1; bottom: 0; display: inline-block; text-align: center; background: #fff; }

.hotpoto4 .pop .judulphoto h5 { width: calc(50% - 15px); font-size: 10px; line-height: 140%; overflow: hidden; font-weight: bold; color: #f26e2e; float: left; text-align: center; background: #ebebeb; margin: 2px; padding: 5px; }

.hotpoto4 .img_con img { width: 100%; height: auto; }

.l_red { color: #F00; text-decoration: none; }

.l_red a { color: #F00; text-decoration: none; }

.list.paropil { border-bottom: none; }

.list.paropil .text .info { font-size: 0.9em; color: #707070; }

.list.paropil .text h2 { color: #f26e2e; line-height: 130%; }

.list.paropil .text h3 { color: #fff; line-height: 130%; background: #f26e2e; text-align: center; padding: 5px 0; margin-top: 5px; font-size: 11px; -webkit-border-radius: 5px; border-radius: 5px; }

.t2 .foto { height: 150px; border: 1px solid #ccc; display: inline-block; margin-top: 5px; }

.t2 .foto img { height: 100%; }

.space_box { background: #f45a28; border-top: 1px solid #0d2b7d; position: relative; height: 25px; line-height: 25px; color: #fff; font-weight: bold; font-size: 1.2em; padding: 7px 10px; }

.list_artikel_fokus { background: #ececec; }

.list_artikel_fokus a { display: table; border-bottom: 1px solid #ccc; padding: 10px; width: 100%; box-sizing: border-box; text-decoration: none; }

.list_artikel_fokus h2 { font-size: 14px; line-height: 1.25; color: #0f4784; width: calc(100% - 60px) !important; float: right; }

.list_artikel_fokus .tgl { font-size: 11px; width: calc(100% - 60px) !important; float: right; color: #999; }

.num_small { color: #fff; float: left; font-size: 16px; font-weight: normal; text-align: left; width: 12px; background: #0f4784; line-height: 100%; font-style: italic; margin-left: 10px; }

.round_small { border-radius: 50%; width: 12px; height: 12px; padding: 10px; display: block; float: left; left: 0; overflow: hidden; position: relative; text-align: center; z-index: 99; }

.btn_orange { background: #f26e2e; border: 0; color: #fff !important; display: inline-block; padding: 6px 12px; margin-bottom: 5px; margin-top: 5px; font-size: 14px; font-weight: bold; line-height: 15px; text-decoration: none; }

a.btn_orange:hover { background: #f26e2e; border: 0; color: #fff !important; display: inline-block; padding: 6px 12px; margin-bottom: 5px; margin-top: 5px; font-size: 14px; font-weight: bold; line-height: 15px; text-decoration: none; }

.btn_baru .btn_blue { float: left; background: blue; border: 0; color: #fff !important; display: inline-block; padding: 6px 12px; margin-bottom: 5px; margin-top: 5px; font-size: 14px; font-weight: bold; line-height: 15px; margin-right: 10px; -webkit-border-radius: 5px; border-radius: 5px; }

.btn_baru .btn_red2 { background: red; border: 0; color: #fff !important; display: inline-block; padding: 6px 12px; margin-bottom: 5px; margin-top: 5px; font-size: 14px; font-weight: bold; line-height: 15px; float: right; -webkit-border-radius: 5px; border-radius: 5px; }

.btn_baru .btn_orange { float: left; -webkit-border-radius: 5px; border-radius: 5px; padding: 6px 12px; line-height: 15px; border: 0; }

.label_kanal { position: absolute; color: #fff; left: 0; bottom: 0; display: block; z-index: 1; padding: 2px 4px; font-size: 11px; }

.berita_terkait .text { width: 100%; }

.label_kanal.detikhot_label { background: rgba(204, 12, 0, 0.8); }

.label_kanal.wolipop_label { background: rgba(236, 18, 123, 0.8); }

.label_kanal.finance_label { background: rgba(0, 125, 190, 0.8); }

.label_kanal.viddetik_label { background: rgba(179, 3, 3, 0.8); }

.label_kanal.inet_label { background: rgba(82, 47, 145, 0.8); }

.label_kanal.health_label { background: rgba(0, 154, 79, 0.8); }

.label_kanal.sport_label { background: rgba(213, 29, 41, 0.8); }

.label_kanal.news_label { background: rgba(33, 64, 154, 0.8); }

.label_kanal.food_label { background: rgba(125, 169, 51, 0.8); }

.label_kanal.travel_label { background: rgba(243, 112, 31, 0.8); }

.label_kanal.sepakbola_label { background: rgba(80, 144, 39, 0.8); }

.label_kanal.oto_label { background: rgba(234, 0, 0, 0.8); }

.label_kanal.detikX_label { background: rgba(247, 148, 30, 0.8); }

.navdetik { background: #0361CA #0361CA; }

#header_new { border-color: #3F8CD6; border-bottom: 2px solid #3F8CD6 !important; }

#header_new .menudetik { background: #3F8CD6 !important; }

#nav_swipe { background: #3F8CD6 !important; }

#con_swipe:after { background: -moz-linear-gradient(left, rgba(63, 140, 214, 0) 0%, #3F8CD6 75%, #3F8CD6 100%) !important; background: -webkit-linear-gradient(left, rgba(63, 140, 214, 0) 0%, #3F8CD6 75%, #3F8CD6 100%) !important; background: linear-gradient(to right, rgba(63, 140, 214, 0) 0%, #3F8CD6 75%, #3F8CD6 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3F8CD6', endColorstr='#3F8CD6',GradientType=1 ) !important; }

#con_swipe .logo_icon { background: -moz-linear-gradient(left, #3F8CD6 0%, #3F8CD6 70%, rgba(63, 140, 214, 0) 100%) !important; background: -webkit-linear-gradient(left, #3F8CD6 0%, #3F8CD6 70%, rgba(63, 140, 214, 0) 100%) !important; background: linear-gradient(to right, #3F8CD6 0%, #3F8CD6 70%, rgba(63, 140, 214, 0) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3F8CD6', endColorstr='#3F8CD6',GradientType=1 ) !important; }

.term { margin: 20px 10px; }

.term h5 { margin: 20px 0 0; font-family: 'montserratRegular', arial; color: #0759B2; }

.term h4 { margin: 20px 0 0; font-family: 'montserratRegular', arial; color: #0759B2; }

.term ul { margin: 10px 0; padding-left: 20px; }

.detail_tag a { background: #e5e5e5; border-radius: 5px; color: #717171; display: inline-block; font-size: 13px; font-weight: normal; margin: 10px 0 0; padding: 3px 12px; position: relative; }

/* native ads */
.ads_native_d { padding: 10px; color: #0B5272; text-decoration: none; display: block; border-bottom: 1px solid #ccc; position: relative; }

.ads_native_d a { text-decoration: none; }

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

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

.an_desk { float: right; width: calc(100% - 110px); color: #9B9B9B; }

.an_desk h2 { font-family: 'montserratBold', arial; color: #0f4784; font-size: 14px; line-height: 130%; font-weight: bold; padding-bottom: 5px; padding-top: 5px; }

.an_text { display: none; }

.an_sub { display: block; color: #ff6600; font-size: 0.9em; font-weight: bold; text-transform: uppercase; }

.an_label { font-size: 11px; font-weight: 200; }

/* native ads */
.topiksisip { width: 100%; padding: 15px; border-top: 3px solid #7D7D7C; border-bottom: 1px solid #000; margin: 15px 0; }

.topik2 { width: 100%; }

.topik2 .title { font-weight: bold; }

.topik2 ul { padding: 10px 10px 10px 0; margin: 0px 0px 0 18px; color: #7A7A7A; list-style: disc outside; }

.topik2 ul li { padding: 0 0 5px 0; margin: 0px; }

.topik2 ul li a { color: #0B6097; font-weight: normal; text-decoration: none; }

.topik2 ul li h5 { font-size: 14px; margin: 0; padding: 0; }

.title-mustrav { background: url("../images/muslimtraveler.png") no-repeat right; background-position-x: 78%; padding: 10px 0; margin: 0 10px; }

@media screen and (max-width: 320px) { .title-mustrav { background-position-x: 130%; } }

.title-mustrav span { font-size: 21px; color: #F58450; padding-bottom: 10px; border-bottom: 2px solid #eee; position: relative; display: inline-block; width: 74px; line-height: 21px; }

.title-mustrav span:after { content: ""; width: 32px; height: 2px; background: #F58450; position: absolute; left: 0; bottom: -2px; }

.title-mustrav a { color: #F58450; font-family: Arial, Helvetica,sans-serif; font-weight: normal; font-size: 32px; padding: 0; padding-top: 15px; background: #fff; }

.slide-wrap { padding: 10px 0; }

.slide-wrap .mustrav-slide { margin-bottom: 0; }

.slide-wrap .mustrav-slide .big_list { background: none; }

.slide-wrap .mustrav-slide .big_list .text { position: relative; background: none; text-align: center; }

.slide-wrap .mustrav-slide .big_list .text h3 { color: #20409a; font-size: 16px; }

.slide-wrap .mustrav-slide .slick-slide > div { padding: 0 10px 0 5px; margin: 0 0 0 -5px; width: 200px; }

@media (min-width: 374px) { .slide-wrap .mustrav-slide .slick-slide > div { width: 270px; } }

.nhl__list { border-top: 10px solid #eee; border-bottom: 10px solid #eee; float: left; width: 100%; }

.nhl__list--two-col article { width: calc(50% - 2px); float: none; border: none; display: inline-block; vertical-align: top; }

.nhl__list--two-col article .list { border: none; padding: 10px; padding-right: 5px; }

.nhl__list--two-col article:nth-of-type(2n) .list { padding-left: 5px; padding-right: 10px; }

.nhl__list--two-col .box_img { width: 100%; margin-right: 0; margin-bottom: 10px; }

.nhl__list--two-col .text { width: calc(100% - 10px); }

.nhl__list--two-col .info { font-weight: bold; }

.multipage_ap { padding: 0 0 10px; border: 0; text-align: left; line-height: 38px; font-size: 13px; overflow: hidden; margin-bottom: 5px; position: relative; color: #626262; }

.multipage_ap span { display: block; margin: 3px 0; color: #3F8CD6; }

.multipage_ap a { background: #ededed none repeat scroll 0 0; border-radius: 100%; color: #000; margin-right: 4px; width: 38px; height: 38px; display: inline-block; font-weight: bold; font-style: italic; text-align: center; }

.multipage_ap a.selected { background: #3F8CD6; color: white; }

.multipage_ap a.tampil-semua { border-radius: 10px; padding: 10px 14px; width: auto; height: auto; margin: 15px 0 5px; color: #FF7C00; line-height: normal; }

.multipage_ap .artikel-selanjutnya { webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); width: 98%; margin: 10px auto 0; padding: 5px 10px 15px; box-sizing: border-box; border-radius: 0 0 10px 10px; line-height: normal; border-top: solid 8px #3F8CD6; position: relative; }

.multipage_ap .artikel-selanjutnya a { display: inline-block; width: 100%; background: none; text-align: left; font-style: normal; }

.multipage_ap .artikel-selanjutnya strong { color: #000; padding-top: 10px; display: block; }

.multipage_ap .artikel-selanjutnya .title-selanjutnya { width: 90%; color: #000; display: inline-block; }

.multipage_ap .artikel-selanjutnya i.arrow { border: solid #3F8CD6; border-width: 0 4px 4px 0; display: inline-block; padding: 6px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin-left: 10px; position: absolute; right: 15px; top: 45%; border-radius: 2px; }

.multipage_ap a img { margin-top: 7px; }

.multipage_ap .fl { left: 0; }

.multipage_ap .fr { right: 0; }

.multipage_ap .indeks_mul { color: #000; font-weight: bold; text-decoration: none; height: 35px; line-height: 35px; z-index: 1; display: inline-block; width: 150px; position: relative; font-size: 13px; background: #ebebeb; top: 5px; }

.ap_next2 { color: #fff !important; font-weight: bold; text-decoration: none; z-index: 1; display: inline-block; position: relative; font-size: 13px; background: #3F8CD6; margin: 0 auto; text-align: center; padding: 8px 15px; border-radius: 3px; margin-bottom: 10px; float: right; line-height: normal; }

.ap_next2 i.arrow { border: solid white; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin-left: 10px; }

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

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

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

.ratiobox.ratio_4_3:after { padding-top: 75%; }

.ratiobox.ratio_3_4:after { padding-top: 133%; }

.ratiobox_content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

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

.container__cb { position: relative; word-wrap: break-word; padding-top: 8px; padding-bottom: 8px; display: flex; flex-flow: column; margin-bottom: 24px; padding-left: 18px; padding-right: 18px; }

.container__cb__header__title { font-family: 'montserratBold', arial; font-size: 1.2em; }

.list__berita { width: 100%; overflow-x: scroll; overflow-y: hidden; margin-bottom: 12px; padding-bottom: 20px; display: flex; }

.list__berita__title { color: var(--kuler-1); font-style: normal; font-weight: 600; font-size: 18px; line-height: 22px; }

.list__berita__item { width: 150px; margin-right: 14px; }

.list__berita__item__top { position: relative; margin-top: 10px; }

.list__berita__item__top__logo { position: absolute; top: 2px; right: 5px; }

.list__berita__item__bottom { margin-top: 5px; }

.list__berita__item__bottom__title { font-style: normal; font-weight: 500; font-size: 12px; line-height: 15px; letter-spacing: 0.04px; color: #000000; }

.list__berita__item__bottom__date { color: #9B9B9B; font-style: normal; font-weight: 300; font-size: 11px; line-height: 13px; letter-spacing: -0.22px; }

/* 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; margin-left: auto; margin-right: auto; }

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

.slick-dotted.slick-slider { margin-bottom: 10px; }

.slick-dots { list-style: none; text-align: center; margin: 10px 0 0; padding: 0; }

.slick-dots li { display: inline-block; margin: 0 5px; width: 10px; height: 10px; text-indent: -9999999px; background: #ddd; border-radius: 50%; }

.slick-dots li.slick-active { background: #20409a; }

.detail .text_detail { font-size: 18px; }

.detail .text_detail .banner_reg img { width: auto !important; max-width: 100%; }

.text_detail p:nth-of-type(1) { display: inline; }

.text_detail p:nth-of-type(2) { margin-top: 20px; }

.text_detail sup { vertical-align: super; font-size: smaller; }

.text_detail .linksisipfoto { border-color: #7d7d7d; margin: 15px 0; }

.text_detail .linksisipfoto .box_img { margin-bottom: 10px; }

.text_detail .linksisipfoto h3 { padding-bottom: 0; }

.text_detail .link_sisip { margin: 15px 0; }

.text_detail .link_sisip a { display: block; }

.text_detail .quotesisip { border-color: #7d7d7d; margin: 15px 0; }

.text_detail .pic_artikel_sisip { margin: 15px 0; }

.text_detail .pic_artikel_sisip .pic { font-size: 11px; color: #999999; }

.text_detail .foto_story { margin: 15px 0; }

.text_detail .tw_sisip { margin: 15px 0; }

.text_detail .sisip_video_ds, .text_detail .sisip_video { margin: 15px 0; }

.an_box_img { width: 100px; height: 100px; float: left; margin-right: 10px; position: relative; }

.an_box_img .img_con { width: 100%; height: 100%; display: inline-block; position: relative; background: #000; }

.an_box_img .img_con img { max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

@media screen and (max-width: 320px) { .detail .text_detail { font-size: 15px; } }

.text_detail h2 { font-size: 20px; }

.text_detail h3 { font-size: 18px; }

.text_detail h4 { font-size: 16px; }

.text_detail h5 { font-size: 14px; }

.text_detail h6 { font-size: 12px; }

.text_detail h2, .text_detail h3, .text_detail h4, .text_detail h5, .text_detail h6 { font-family: "helvetica", Arial, sans-serif; font-weight: bold; margin-bottom: 8px; }

.text_detail > p:nth-of-type(1) { display: inline; }

.text_detail > p:nth-of-type(2) { margin-top: 16px; }

input[disabled], button[disabled], .btn[disabled] { background: #ccc !important; color: #a0a0a0 !important; border-color: #ccc !important; }

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

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

.captcha { display: inline-block; }

.alert { margin: 0 0 24px; padding: 16px; border-radius: 5px; font-size: 14px; }

.alert--danger { border: 1px solid #f6cfd7; background: #fae9ec; color: #000000; }

.alert--center-inline { display: inline-block; }

.video__cover { position: relative; display: block; margin: 5px 0; padding-bottom: 56.25%; height: 0; overflow: hidden; }

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

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

.info-profile { border: 1px solid #EE4023; background: #FEF7E8; padding: 10px; border-radius: 10px; margin-top: 8px; font-size: 14px; margin: 10px; }

.info-profile__title { font-weight: bold; margin-bottom: 5px; }

.info-profile a { color: #F27B44; }

.alert { margin-top: 16px; padding: 16px; border-radius: 5px; font-size: 13px; }

.alert--info { background: #f3f3f3; color: #F27B44; border-radius: 0; margin-bottom: 0; }

.alert--info ol, .alert--info ul { margin: 0; list-style: inherit; color: #F27B44; font-weight: normal; }

.slidernav-wrap { position: relative; padding: 0 30px; }

.slidernav-wrap .nav__arrow { position: absolute; background: #1b3682; display: inline-block; width: 30px; height: 100%; text-align: center; top: 0; color: #fff; line-height: 74px; }

.slidernav-wrap .nav__arrow.left { left: 0; }

.slidernav-wrap .nav__arrow.right { right: 0; }

.slidernav-wrap .box_img { opacity: 0.5; }

.slidernav-wrap .slick-current .box_img { opacity: 1; }

.icon_zoom { position: absolute; z-index: 2; top: 10px; right: 10px; display: inline-block; padding: 4px !important; background: rgba(0, 0, 0, 0.5); border-radius: 8px; }

.icon_zoom img { width: 32px; height: 32px; padding-bottom: 0 !important; }

.foto-pop-up { background: #000; position: relative; }

.foto-pop-up .detail { background: transparent; color: #fff; padding: 20px; }

.foto-pop-up .detail h1, .foto-pop-up .detail .author, .foto-pop-up .detail .slider-count { color: #fff; }

.foto-pop-up .close-btn { color: #fff; font-size: 24px; line-height: 26px; position: absolute; top: 10px; right: 10px; text-align: center; display: block; width: 30px; height: 30px; border-radius: 100%; background-color: red; }

/*--------------------------------------------------------------------------------*/
/*ADS SLOT STYLE*/
/*--------------------------------------------------------------------------------*/
.box-ads { margin-top: 16px; margin-bottom: 24px; position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; }

.box-ads__name { position: absolute; top: calc(50% - 40px); padding: 8px 12px; z-index: -1; font-size: 14px; color: #cccccc; }

.ads-slot--smb .box-ads__name { top: calc(50% - 25px); }

.ads-slot { position: relative; z-index: 1; margin: 0 auto; background: #f7f7f7; }

.ads-slot > * { flex: 1 100%; }

.ads-slot img { max-width: 100%; height: auto; }

.ads-slot:before { font-weight: 300; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position: absolute; content: "Advertisement"; left: 50%; top: 50%; height: 50px; z-index: -1; letter-spacing: 2px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect opacity='0.2' width='32' height='32' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0' transform='scale(0.015625)'/%3E%3C/pattern%3E%3Cimage id='image0' width='64' height='64' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAZ5QTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlvQmPgAAAIp0Uk5TABVTfqXL3+z5M43S/v8Nc9UQgO4BYeoexDvpYgOOsVgqODcR/cx0FgJHieYxBV/oZBPyRPs8dcCVwb2MKD2SfJ6BPyYayKvUQSWyhGebh7yflq9/rZDJNg4H4NNRXqb8tAnWoGzO+PbFXUsMHdgf5DC/w1BPLecc3MY6YwSK6yPtD3LQi8qnfVIYuEyKDwAAAuxJREFUeJylV+d/0zAQVbaTSHH2bimQQtgUwggtAVoopexSaEvZo+y9wgplw39NbDmOrHF2ftzHl/deLOl0ukNIET5/IBgKRzQtEg4FA36fiiePaCyOiSNwPBb1qk7oSSKNpJ7wIE+lM3K5EZl0ykWezeXVciPyuSykLxRhuRHFglpfKrvrCSmXVPqK5kVPiFaRyqtD3uRGDFUl+mHvekKGRYcB/t/8BmH9EHvNiBlrWYzbhxK4f+soaT2LaY6zKMDnJzMgZSYfsi75IzUgxX5O5mC9woDkevqUS/6rDPK9m5V20asMSJriCeD+wgYZWh90N73SgOgmrqg/XgySBhxVC7WaiwEx6mRMLh7dEN2Yrfs2bd4CGcS6cFwmL261k2Tb9h1qg3i3/mMR1nY6Cl9qTGmAfcgvort2I2lIDIgfBQSssUeulxoEUFDA9ir0UoMgGuWhfb31R/c3D4xPuBiEUJiHDlJ2tWXubuMQbBBGEf4DLPbhHnAENIggvpZZtW7SBhpTkIEmGByl5GN9ZBo24JZwnHJnWOwEuARuE2cp9ySLnQI3MeQETlPuNIvFwGPkEukM5Z5lsXNgInGpfJ5y51isBRhc4C/TPOVeZDEdMPDz1/kS5TpsF9QG3evMFZTGoslduix4Sg2WkVDSrlDy1T4yAxgYB8QV1WuUXLdTcR66C2bz6Szr1628G7McbtwEDG6ZOPew3Lbo1Tt3V+7df4AQYEDPh3va8ENbwfWU4tP2iP7APa6Rx0geqsdVeN6fPPVmULYbZ77BePbcqVySG9gNhtjiNMaZxn7ihfxleslskdhk5Vsl8/fUq9kaeV0w442D8fYd+5GyNm+l3Xzfrom49esH5zLBRlMWH/ktHrDVbfH6AZvtuU/iKQ/Q7uPPdVGP/nvgQF5Hns6kSu9p6MLNL2q9MfZ1YHmnAo59CB488Wrgq4vcCNXoi5e/LXqQm8EP3xjj7z8W3HVs9Mb/2mr756/ff/6qeP8AIJG7VASH5AAAAAAASUVORK5CYII='/%3E%3C/defs%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center 4px; background-size: 24px; padding: 3px 0; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); color: #999999; font-size: 12px; align-items: flex-end; box-sizing: border-box; }

.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; -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16); position: sticky; position: -webkit-sticky; top: 0; }

.ads-slot-mb-container { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; 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; }

.ads-slot--mb { width: 320px; height: 480px; margin-top: 26px !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: 524px; position: relative; }

.megabillboard__swipe { position: absolute; left: 0; bottom: 0; right: 0; }

.megabillboard__swipe p { display: block; margin: 0px; font-size: 10px; padding: 2px 0px; background: #21409a; color: #fff; text-align: center; }

.megabillboard-close { cursor: pointer; position: fixed; right: calc(50% - 160px); padding: 5px 0; z-index: 2; color: #21409a; font-size: 12px; }

.mobile_smartbanner > div > span { height: 31px; }

/*S: PARALLAX*/
.parallax_ovh { width: 300px; height: 100%; position: fixed; left: 0; top: 88px; right: 0px; -moz-transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); margin: 0 auto; }

.parallax_container, .parallax_container_int { position: absolute; top: 0; left: 0; width: 100%; height: auto; -moz-transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); display: flex; justify-content: center; }

.parallax_container img, .parallax_container_int img { max-width: 100%; height: auto; }

.info-profile { border: 1px solid #F58450; padding: 25px 0; border-radius: 10px; margin: 8px 10px; font-size: 1rem; text-align: center; box-sizing: border-box; }

.info-profile .contain { width: 90%; margin: 0 auto; }

.info-profile__title { font-weight: bold; margin-bottom: 25px; font-size: 1.7rem; color: #0759B2; }

.container-success-page { box-sizing: border-box; width: 100%; overflow: hidden; text-align: center; }

.success-page { margin-top: 5%; line-height: 150%; color: #6f6f6f; }

.banner-traveler { width: 95.5%; margin: 15px auto; border: solid 4px #0759B2; transition: all .3s ease-in-out; box-sizing: border-box; border-radius: 10px; overflow: hidden; }

.banner-traveler:hover { border: solid 4px #F58450; }

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

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

.dtkframebar__menu__kanal { padding: 10px 15px; padding-bottom: 20vh; min-height: 100vh; }

.dtkframebar__menu__kanal hr { color: #d3d3d3; background-color: #d3d3d3; height: 1px; display: block; border: none; clear: both; }

.dtkframebar__menu__kanal .lf { width: 100%; text-align: center; }

.dtkframebar__menu__kanal strong { display: block; font-size: 12px; text-transform: uppercase; margin-bottom: 5px; color: #9B9B9B; }

.dtkframebar__menu__kanal a { color: #4A4A4A; text-decoration: none; font-size: 14px; font-weight: normal; }

.dtkframebar__menu__kanal .footm { text-align: center; margin-bottom: 10px; }

.dtkframebar__menu__kanal .footm a { width: calc(100% / 5); font-size: 11px; }

.dtkframebar__menu__kanal.show { left: 0; }

.dtkframebar__menu__kanal__icon { width: 23px; height: 23px; display: inline-block; vertical-align: top; text-align: center; margin-right: 5px; }

.dtkframebar__menu__kanal__icon img { vertical-align: top; height: 23px; }

.dtkframebar__menu__kanal ul { list-style: none; margin: 0; padding: 20px 0 20px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -moz-appearance: none !important; }

.dtkframebar__menu__kanal ul::-webkit-scrollbar-track { background-color: #eee; }

.dtkframebar__menu__kanal ul::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; }

.dtkframebar__menu__kanal ul::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.3); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }

.dtkframebar__menu__kanal ul:last-child { border-bottom: none; }

.dtkframebar__menu__kanal ul li { padding: 5px 20px; position: static; margin: 0; }

.dtkframebar__menu__kanal ul li:nth-child(11) { padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); margin-bottom: 20px; }

.dtkframebar__menu__kanal ul li .kanal__new { display: inline-block; position: absolute; padding: 0px 3px; background: #bb071d; color: #fff; font-size: 8px; line-height: 14px; border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; vertical-align: top; margin-left: 5px; letter-spacing: -0.02em; }

.dtkframebar__menu__kanal ul li a { font: 600 12px/24px 'montserrat-fr'; font-weight: normal; color: #6a6a6a; display: block; position: relative; }

.dtkframebar__menu__kanal ul li a i { display: block; width: 18px; height: 18px; float: left; margin-top: 3px; margin-right: 15px; }

.dtkframebar__menu__kanal ul li a:hover { background-color: #f8f8f8; }

.dtkframebar__menu__kanal ul li:hover a:after { border-left: 4px solid #eee; }

.dtkframebar__menu__kanal ul li:hover .show-menu { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; -webkit-transform: translateX(-5px); -moz-webkit-transform: translateX(-5px); transform: translateX(-5px); -o-transform: translateX(-5px); }

@media (min-width: 0px) and (max-width: 640px) { .dtkframebar__menu__kanal ul li .show-menu, .dtkframebar__menu__kanal ul li:before, .dtkframebar__menu__kanal ul li:after { display: none; }
  .dtkframebar__menu__kanal ul li a:before, .dtkframebar__menu__kanal ul li a:after { display: none; } }

.dtkframebar__menu__kanal ul li .show-menu { visibility: hidden; opacity: 0; position: absolute; left: 98%; background: #fafafa; border: 1px solid #9B9B9B; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; min-width: 200px; cursor: auto; z-index: 10; }

.dtkframebar__menu__kanal ul li .show-menu h3 { font: 13px 'montserrat-fr'; font-weight: 500; margin: 20px 30px 10px; color: #9B9B9B; }

.dtkframebar__menu__kanal ul li .show-menu:before { content: ''; position: absolute; top: 18px; left: -11px; border-right: 11px solid #9B9B9B; border-bottom: 11px solid transparent; border-top: 11px solid transparent; z-index: 10; }

.dtkframebar__menu__kanal ul li .show-menu:after { content: ''; position: absolute; left: -10px; top: 18px; border-right: 11px solid #fafafa; border-bottom: 11px solid transparent; border-top: 11px solid transparent; z-index: 11; }

.dtkframebar__menu__kanal ul li .show-menu.edge:before { bottom: 25px; top: inherit; }

.dtkframebar__menu__kanal ul li .show-menu.edge:after { bottom: 25px; top: inherit; }

.dtkframebar__menu__kanal ul li .show-menu.half { width: 420px; }

.dtkframebar__menu__kanal ul li .show-menu.half li { width: calc(100% / 2 - 61px); float: left; border-right: 1px solid #e5e5e5; position: relative; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.dtkframebar__menu__kanal ul li .show-menu.half li:nth-child(2n) { border-right: none; }

.dtkframebar__menu__kanal ul li .show-menu.three { width: 600px; }

.dtkframebar__menu__kanal ul li .show-menu.three li { width: calc(100% / 3 - 61px); float: left; border-right: 1px solid #e5e5e5; position: relative; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.dtkframebar__menu__kanal ul li .show-menu.three li:nth-child(3n) { border-right: none; }

.dtkframebar__menu__kanal ul li .show-menu ul { width: auto; padding-top: 0; border-bottom: none; }

.dtkframebar__menu__kanal ul li .show-menu ul li { padding: 5px 30px; }

.dtkframebar__menu__kanal ul li .show-menu ul li a { color: #202020; }

.dtkframebar__menu__kanal ul li .show-menu ul li a:after, .dtkframebar__menu__kanal ul li .show-menu ul li a:before { display: none; }

.dtkframebar__menu__kanal ul li .show-menu ul li:after, .dtkframebar__menu__kanal ul li .show-menu ul li:before { display: none; }

.dtkframebar__menu__kanal ul li .show-menu ul li:nth-child(11) { border-bottom: none; padding-bottom: 5px; margin-bottom: 0; }

.dtkframebar__menu__kanal ul li .show-menu.bottom { bottom: 0; top: inherit; }

.dtkframebar__menu__kanal ul.newlist { padding: 0; height: auto; }

.dtkframebar__menu__kanal ul.newlist > li { padding: 0; }

.dtkframebar__menu__kanal ul.newlist > li a { color: #6a6a6a; font-size: 12px; letter-spacing: -0.02em; display: block; padding: 5px 5px; }

.dtkframebar__menu__kanal ul.newlist > li > ul { padding: 0; }

.dtkframebar__menu__kanal ul.newlist > li > ul > li { padding: 3px 10px; }

.dtkframebar__menu__kanal ul.newlist > li > ul > li a { font-weight: normal; padding: 0px 5px; }

.dtkframebar__menu__kanal ul.newlist > li > ul > li span img { height: 23px; }

.dtkframebar__menu__kanal ul.newlist > li.sub_list > a { padding: 5px 5px; }

.dtkframebar__menu__kanal ul.newlist-double { display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: space-between; padding: 0; }

.dtkframebar__menu__kanal ul.newlist-double > li { width: 50%; padding: 0; margin: 0 0 0px 0; }

.dtkframebar__menu__kanal ul.newlist-double > li:nth-child(11) { border: 0px; }

.dtkframebar__menu__kanal ul.newlist-double > li a { padding: 5px 8px; }

.dtkframebar__menu__kanal ul.newlist-double > li:nth-child(odd) a { padding-left: 10px; }

.dtkframebar__menu__kanal ul.newlist-double > li:nth-child(even) a { padding-right: 10px; }

.dtkframebar__menu__kanal ul.networkList { padding: 0; }

.dtkframebar__menu__kanal ul.networkList li { padding: 0 10px; margin: 0 0 9px 0; }

.dtkframebar__menu__kanal .kat_divide { padding: 10px 10px; font-size: 14px; font-weight: 600; color: #6a6a6a; letter-spacing: -0.02em; border-top: 1px solid #eae7e7; margin: 5px 0 0 0; }

/*--------------------------------------------------------*/
/*CB*/
/*--------------------------------------------------------*/
/* Variable */
@font-face { font-family: 'Dusha'; src: url("../fonts/dusha/Dusha.woff") format("woff"); font-weight: normal; font-style: normal; }

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

.pildun_cb { height: 320px; overflow: hidden; padding: 10px 0; background: url(../images_cb/pialadunia/bg_box.jpg) no-repeat center; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }

.pildun_cb_logo { margin-left: 15px; }

.pildun_cb_logo img { height: 68px; }

.pildun_cb h3 { font: 24px/1 'dusha', arial, helvetica, sans-serif; color: #a80000; }

.pildun_cb .time { position: absolute; bottom: 8px; left: 8px; color: #fff; background-color: rgba(0, 0, 0, 0.8); padding: 3px 5px; font-size: 11px; }

.pildun_cb_tab { padding: 13px 0 16px; position: relative; background: url(../images_cb/pialadunia/back_bar_repeat.png) repeat-x; -webkit-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; margin: 10px 23px; text-align: center; }

.pildun_cb_tab_content { height: 180px; overflow: hidden; }

.pildun_cb_tab a { font: bold 12px/1 'montserrat', arial, helvetica, sans-serif; padding: 0 0 0 10px; color: #ae5353; background: url(../images_cb/pialadunia/tabs_line.png) no-repeat center left; display: inline-block; text-decoration: none; }

.pildun_cb_tab a:first-child { background: none; }

.pildun_cb_tab a.current { color: #a80000; }

.pildun_cb_tab a:hover { color: #a80000; }

.pildun_cb_tab.small { padding: 0; margin: 0 20px; text-align: center; height: 49px; max-width: 35%; }

.pildun_cb_tab.small span { color: #a80000; font-size: 11px; line-height: 1.2; font-weight: bold; position: relative; display: inline-block; padding: 8px 5px 16px; max-width: 120px; }

.pildun_cb_tab.small img { height: 33px; margin: 5px 0; }

.pildun_cb_tab.small:before, .pildun_cb_tab.small:after { width: 17px; height: 49px; }

.pildun_cb_tab.small:before { background-position: 0px 0px; left: -17px; }

.pildun_cb_tab.small:after { background-position: -17px 0px; right: -17px; }

.pildun_cb_tab:before, .pildun_cb_tab:after { content: ""; position: absolute; width: 15px; height: 45px; background: url(../images_cb/pialadunia/back_bar.png) no-repeat center; -webkit-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; top: 0; }

.pildun_cb_tab:before { background-position: 0px 0px; left: -15px; }

.pildun_cb_tab:after { background-position: -16px 0px; right: -15px; }

.pildun_cb .counter { font: 20px/1 'Dusha', sans-serif; display: inline-block; vertical-align: middle; padding: 15px 13px 25px; background: url(../images/bg_counter.png) center center no-repeat; background-size: 100% 100%; position: relative; text-align: center; color: #a80000; margin-right: 15px; }

.pildun_cb .counter > span { display: block; font-size: 12px; }

.pildun_cb .counter p { margin: 0; }

.pildun_cb .navswipe { position: relative; overflow-x: scroll !important; overflow-y: scroll !important; -webkit-overflow-scrolling: touch; }

.pildun_cb .navswipe_cont { height: 180px; }

.pildun_cb .navswipe > div { white-space: nowrap; width: 0; height: auto; }

.pildun_cb .navswipe > div .pildun_cb_artikel_item { display: inline-block; float: none; padding: 0 3px; }

.pildun_cb_artikel.highlight h4 { height: 57px; max-height: inherit; }

.pildun_cb_artikel_item { width: 160px; white-space: normal; vertical-align: top; }

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

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

.pildun_cb_artikel_item_thumb { overflow: hidden; display: block; }

.pildun_cb_artikel_item_desc { padding: 8px; }

.pildun_cb_artikel_item_desc h4 { font: bold 13px/1.2 'montserrat', arial, helvetica, sans-serif; margin: 0; max-height: 60px; overflow: hidden; text-align: left; font-weight: normal; }

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

.pildun_cb_artikel_item_desc .sub_judul { color: #fc0c0c; font-size: 12px; }

.pildun_cb_artikel_item_desc .labdate { color: #707070; }

.pildun_cb_artikel_item .icon_full { position: absolute; width: 100%; height: 100%; top: 0; -webkit-background-size: auto 40px; -o-background-size: auto 40px; background-size: auto 40px; background-position: center; background-repeat: no-repeat; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.pildun_cb_artikel_item .icon_full:hover { -webkit-transform: scale(1.1); -moz-webkit-transform: scale(1.1); transform: scale(1.1); -o-transform: scale(1.1); -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.pildun_cb .icon { width: 20px; height: 20px; display: inline-block; }

.pildun_cb .icon_next { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(-1)'%3E%3Ccircle cx='10' cy='10' r='10' opacity='.661'/%3E%3Cpolygon fill='%23A80000' points='.087 1.53 1.364 .151 6.837 6.058 1.364 11.964 .087 10.586 4.282 6.058' transform='translate(7.429 4)'/%3E%3C/g%3E%3C/svg%3E"); }

.pildun_cb .icon_play { background-image: url("../images_cb/pialadunia/icon_play.png"); }

.widget_hide { display: none; }

.widget_iframe { border: none; background: rgba(255, 255, 255, 0.7); width: 100%; padding: 12px 0 10px; }

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

[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'breakingnews' !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-x:before { content: "\e901"; }

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

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

.notif_breakingnews { position: fixed; bottom: -1px; left: 0; width: 100%; background: #fff; z-index: 3; }

.notif_breakingnews .notif_header { color: #fff; background: #FD0000; padding: 8px; font-size: 14px; font-family: helvetica, sans-serif; font-weight: bold; font-style: italic; position: relative; }

.notif_breakingnews .notif_header a { text-decoration: none; color: #fff; font-size: 20px; display: inline-block; position: absolute; top: 6px; right: 8px; }

.notif_breakingnews .notif_body { display: flex; flex-flow: row nowrap; padding: 8px 7px; }

.notif_breakingnews .notif_body .box_img { flex: 0 0 98px; align-self: flex-start; }

.notif_breakingnews .notif_body .box_img .img_con img { width: 100%; object-fit: cover; }

.notif_breakingnews .notif_body .box_img .icon-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 25px; }

.notif_breakingnews .notif_body .text { margin: 0 0 0 10px; display: flex; flex-flow: column nowrap; justify-content: space-between; }

.notif_breakingnews .notif_body .text .title { font-size: 12px; font-weight: bold; font-style: italic; color: #000; }

.notif_breakingnews .notif_body .text .title a { text-decoration: none; color: inherit; }

.notif_breakingnews .notif_body .text > a { font-size: 10px; font-weight: bold; color: #C00000; text-decoration: none; margin: 5px 0 0 0; display: inline-block; }

.notif_breakingnews .notif_body .text > a i { vertical-align: middle; }

.lqd_block > img { position: absolute; max-height: 100%; max-width: 100%; width: auto; height: auto; z-index: 1; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

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

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

.lqd_block { overflow: hidden; }

.footer { text-align: center; text-align: center; font-size: 14px; background: #e6e6e6; color: #666666; display: table; width: 100%; font-family: "Helvetica", Arial, Tahoma, sans-serif; }

.footer * { box-sizing: border-box; }

.footer .container, .footer .container-fluid { width: 100%; padding-left: 18px; padding-right: 18px; margin-right: auto; margin-left: auto; }

.footer a { text-decoration: none; color: #000; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }

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

.footer__logo img { width: 160px; }

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

.footer__copy { display: inline-block; margin-bottom: 64px; font-weight: 300; }

.footer__border { height: 4px; background: #21409a; background: -moz-linear-gradient(135deg, #21409a 50%, #3EA6DD 100%); background: -webkit-linear-gradient(135deg, #21409a 50%, #3EA6DD 100%); background: linear-gradient(135deg, #21409a 50%, #3EA6DD 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start_color', endColorstr='$end_color',GradientType=1 ); display: block; }

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

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

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

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

.footer__app-store { justify-content: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

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

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

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

.footer .nav a { display: block; }

.footer .navbar-second .nav a { position: relative; display: inline-block; padding: 4px 8px; text-align: center; cursor: pointer; vertical-align: top; border: 1px solid transparent; border-radius: 4px; background: #f7f7f7; }

.footer .nav__item { position: relative; padding: 0; display: inline-block; font-weight: 300; }

.footer .nav__item a { padding: 4px 24px 4px 0; padding: 0 8px; position: relative; margin-bottom: 8px; color: #666666; display: inline-block; font-family: "Helvetica", Arial, Tahoma, sans-serif; }

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

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

.footer .icon-item img { height: 16px; }

.footer .icon-item:hover { color: #ffffff; }

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

.footer .icon-item__fb { background: #3c5a99; }

.footer .icon-item__tw { background: #1da1f2; }

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

.footer .icon-item__in { background: #0077b5; }

.footer .icon-item__yt { background: #ff0000; }

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

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

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

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

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

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

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

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

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