/* Welcome to Underwood~~~~~~. */



::selection {
    background: #075283;
    color: #fff;
}
::-moz-selection {
    background: #075283; 
    color: #fff;
}

a.ads_hokben {
    float: left;
    width: 740px;
    height: 90px;
    position: absolute;
    margin: 0px 45px;
}

/*.container{width: 1200px;}
*/
/* m1 khusus WP*/
.m1 .headresponsive{top: 30px;}
.m1 .fa-home{display:none;} 
.m1 .bgwhite{background: #f3f3f3;  border-bottom: 1px solid #ccc;}
.m1 .bgwhite .countainer{background:#f3f3f3}
.m1 .navbar-default {border-top: 1px solid #999;margin-top: 0px;}
.m1 .news-head{margin-top:100px;}
.m1 .logolink{background: #f3f3f3; padding-bottom:30px; width:100%; height: 30px;}/*"'franklingothicurwbooregular'"*/
.m1 .logolink ul{margin:0px;padding-left:0px} 
.m1 .logolink ul li:first-child{border-left:1px solid #ccc; }
.m1 .logolink ul li{float:left; list-style: none; border-right:1px solid #ccc; padding:0 10px 0 6px}
.m1 .logolink ul li:hover{background:#ccc}
.m1 .logolink ul li a {display: block;font-size: 13px;color: #898989; font-family: "proxima_nova_ltsemibold";}
.m1 .logolink ul li a:focus{text-decoration: none !important}
.m1 .logolink img{height:23px; margin:4px 0px 4px 0px; }
.m1 .logolink li:hover img, .logolink li:hover{opacity:0.9  }
.m1 .logolink .login{margin-top:3px;}
.m1 .logolink .ques-icon {top: -247%;}
.m1 .logolink  .oke-icon {top: 14%; }
.m1 header .blue-navbarx{margin-top:30px;}
.m1 header.smaller .blue-navbarx{margin-top:35px;}
.m1 .navbar{height:auto; margin-bottom: 30px; min-height: 0px;}
.m1 .sso-wrep{display: none;}
.m1 .loginnama{float: left; margin-left: 10px;}
.m1 .loginnama ul li{padding: 0;}

.m1 .dropdown-toggles.blue{display: block; padding-top: 5px;}
.m1 .logolink .login { width: 80px; margin-top:1px;  padding-left:  0px;}
.m1 .logolink .login a{float: left; margin-right:5px; line-height: 27px;}
.m1 .logolink .loginnama{width:auto; margin-top:-1px; float:right; height: 30px;  line-height: 30px;position: relative}
.m1 .logolink .ques-icon {top: -253%;left: 100%; display:none}
.m1 header .blue-navbarx{margin-top:30px;}
.m1 header.smaller .blue-navbarx{margin-top:35px;}
.m1 .navbar{ margin-bottom: 30px; min-height: 0px; z-index: 999 !important;/*z-index: 99999 !important;*/}
/*.m1 .oke-icon{background-image: url("http://cdn.okezone.com/underwood/img/sprites.png"); display: inline-block; background-position: -179px -2249px; height: 20px; width: 18px; left: -24%; top: 15px;}*/
.m1 .oke-icon{background: url("http://cdn.okezone.com/underwood/img/logo-icon1x.png") no-repeat !important; width: 20px !important; height: 20px !important; display: inline-block;  left: -24%; top: 15px; background-position: -1px -1px !important;}
.m1 .sso-wrep{display: none;}
.m1 .dropdown a.dropdown-toggles.blue{padding:0px; margin:0px;  font-size: 13px;}
.m1 ul.kanali.dropdown-menu {right: 0; left:auto; top: 0% !important; margin-top: 31px !important;} 
.m1 .pka, .m1 .pka2{display:none}
.m1 .blue-nav span{margin:0px;}
.m1 .logolink .ques-icon{top: -46px;}
.m1 .login a{display: inline-block;padding-top: 0px;}
.m1 .sidebarmenu{margin-top:30px;}
.m1 .oke-icon{background-position: -176px -2249px;width: 20px;height: 23px;z-index: 10;position: absolute;top: 15px;left: 0;}
.m1 .loginnama .oke-icon{margin: 1px 8px 8px -15px;}
#bannertopl div{margin:0 auto !important;}
.vs .ph-sh767 {display: none;}
.vs .ph-hi767 {display: block;}
.bg-full{
/*    background-size:cover !important; background-repeat:no-repeat !important; position: absolute;  top:0; left:0; width:100%; display:block; height:1000px; background: url('../img/bg_gold.jpg');
*/}
/**/

/*runningtext*/
.bottom-ads-new{
     position:relative; 
     height:32px !important; 
     line-height: 30px; 
     overflow: hidden !important; 
     color:#fff; 
     width: 100%;   
     margin-bottom: 10px; 
     background: #000;
     width: 97.4%;
     margin: 0 13px 10px 16px;
     font-size: 14px;
}

.bottom-ads-new b.up {color: #2EF35D; font-weight: normal;}
.bottom-ads-new b.down {color: #f55450;font-weight: normal; }
.bottom-ads-new b.stable {color: #fff02a;font-weight: normal; }
.bottom-ads-new .iq-wrap {float: left;     color: rgba(203, 203, 203, 1); position: absolute; left: 0; top: 0; z-index: 1; background: #000;}
.bottom-ads-new .iq-wrap p {    font-size: 10px; margin: 0; line-height: 13px; }
.bottom-ads-new .iq-wrap p.tgl {    font-size: 10px; color: #fff;}
.bottom-ads-new .iq-l {float: left; margin-left: 5px; margin-top:2px; padding-right: 5px; padding-right: 10px;font-weight: bold;}
.bottom-ads-new ul li {float: left !important}
.tickercontainer { /* the outer div */
            width: 1000px;
            margin: 6px auto;
            height: 12px;
            padding: 1px 0px 0px 0px;
            overflow: hidden;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
        position: relative; 
        padding-right: 10px; 
        height: 12px;
        /*width: 718px;*/
        overflow: hidden;
}
ul.newsticker { /* that's your list */
        /*Transitions have been added in order set css3 transitions; and have linear easing. Changing these lines you might have unexpected results */
        -webkit-transition: all 0s linear;
        -moz-transition: all 0s linear;
        -o-transition: all 0s linear;
        transition: all 0s linear;
        position: relative;
        margin-left: 20px;
        font: bold 10px Verdana;
        list-style-type: none;
        margin: 0;
        padding: 0;
}
ul.newsticker li {
        float: left; /* important: display inline gives incorrect results when you check for elem's width */
        margin: 0;
        padding-right: 0px;
        list-style:none;
        overflow: hidden;
        height: 12px !important; overflow: hidden !Important;
        line-height: 30px;
        /*background: #fff;*/
}
ul.newsticker a {
        white-space: nowrap;
        padding: 0;
        color: #fff;
        font: normal 10px Verdana;
        margin:  0;
} 
ul.newsticker span {
        margin: 0 10px 0 0;
}
#webticker2{
        float:left;
        overflow: hidden !important;
        height: 12px;
}
#webticker2 li {
        float: left; /* important: display inline gives incorrect results when you check for elem's width */
        margin: 0px 10px;
        padding-left:  0px; 
        line-height: 12px;
        list-style: none;
        /*border-right: 1px solid #333;*/
        /*background: #fff;*/
}
#webticker2 li span{margin:0 10px;}
ul.newsticker a{text-decoration: none; cursor: pointer; font-size:14px;}
ul.newsticker a:hover{text-decoration: underline;}
ul#webticker2 li img { margin-right: 0px; line-height: 12px; margin-top:-3px;} 
.bottom-ads-new marquee {
    width: 95%;
}
.bottom-ads-new span{
    width: 42px;
    height: 32px;
    display: inline-block;
    background: url('https://cdn.okezone.com/economy/2015/img/iconbursa.png') no-repeat;
    background-size: 100%;
    background-position: center;
    float: left;
}

li#item1 {
    float: left;
    list-style: none;
}
@media (max-width: 991px){
	.bottom-ads-new { width: 95.6% !important;}
    .bottom-ads-new marquee {
    width: 94%;
    }
}
/**/





 
@media(max-width:767px){  
 
    .m1 .okezone-logosx{display:none}
    .m1 .logolink .login{right:0; z-index: 9; margin:0 auto; position: absolute;  }
    .m1 .logolink .loginnama{right:30px; z-index: 9; margin:37px auto; position: absolute;  }
    .m1 .logolink ul li{text-indent: -99999px; width:42px;} 
    .m1 .logolink ul li:hover{background-color: white}
    .m1 .okezonel,.m1 .logolink ul li.okezonel:hover{background:url('https://cdn.okezone.com/underwood/img/okz-icon.png') no-repeat; background-position: center;}
    .m1 .rubik, .m1 .logolink ul li.rubik:hover{background:url('https://cdn.okezone.com/underwood/img/rubik-icon.png')  no-repeat; background-position: center;}
    .m1 .warungkopi, .m1 .logolink ul li.warungkopi:hover{background:url('https://cdn.okezone.com/underwood/img/warkop-icon.png') no-repeat; background-position:center;}
    .m1 .okezonetv, .m1 .logolink ul li.okezonetv:hover{background:url('https://cdn.okezone.com/underwood/img/tv-icon.png') no-repeat; background-position: center;}
    .vs .search-mod-inp {width: 100% !important; padding:0 15px;}
    .vs .search-me { display: block; margin-top: 50% !important; }
    .vs .ph-sh767 {display: block;}
    .vs .ph-hi767 {display: none;}
    .vs .search-mod-inp input {
    background: #fff url("http://cdn.okezone.com/underwood/img/icon_search2x.png") no-repeat scroll 5px center / 10% auto !important;
    border-radius: 0;
    float: left;
    font-size: 19px !important;
    height: auto;
    padding: 10px 10px 10px 30px !important;
    width: 78% !important;
    }
    .vs .search-mod-inp button {
        background: #30a5d0 none repeat scroll 0 0;
        border: medium none;
        border-radius: 0;
        float: left;
        font-size: 12px !important;
        padding: 16px 0 !important;
        width: 22%;
    }
}

.livestreaming{margin-bottom: 10px;  width:300px; margin:0 auto; margin-bottom: 30px;  }
.livestreaming li.fl:first-child {border-left:1px solid #ccc;} 
.livestreaming li.fl:first-child img{padding-left: 0px;margin-left: -3px;} 
.livestreaming li.fl:last-child img{padding-left: 0px;margin-left: -2px;} 
.livestreaming li.fl.active {background: #fff; border-top:3px solid #1BC3E4; border-right:1px solid #ccc;}
.livestreaming li.fl {background: #EAEAEA; width:60px;border-top:3px solid #eee; border-right:1px solid #ccc;}
.livestreaming .nav>li>a:hover,.livestreaming .nav>li>a:focus{background:#fff}
.livestreaming   h3{font-size: 17px; font-family: "ProximaNova-Light"; }
.livestreaming   h3.ls{background:#015383; margin-bottom:0px;  color:#fff; padding:10px;}
.livestreaming ul.tabstream li a{padding:2px 7.9px 7px 7.9px} 
.livestreaming .tab-content .tab-pane ul{background:#fff; height: 256px; border:1px solid #ccc;   overflow-x: hidden;  margin:0; padding:10px;}
.livestreaming .tab-content .tab-pane ul li{float:left; color:#777; border-bottom: 1px #f2f2f2 solid; padding:10px 0; width:73%; list-style: none;  margin:0; width:100%}
.livestreaming .tab-content .tab-pane ul li.active{color:#222;}
.livestreaming .tab-content .tab-pane ul li:hover{ color:#000}
.livestreaming .tab-content .tab-pane ul li:hover div:last-child{background:#098aba; color: #fff}
.livestreaming .tab-content .tab-pane ul li div,
.livestreaming .tab-content .tab-pane ul li div span{float:left; width:75%; }
.livestreaming .tab-content .tab-pane ul li div h3{margin: 0px 0;}
.livestreaming .tab-content .tab-pane ul li div.live:last-child{float:right; height:58px;  padding:8px 3px; text-align: center; text-transform: uppercase; color:#fff; width:65px;background:#119cd0}
.livestreaming .tab-content .tab-pane ul li div:last-child{float:right; height:58px; padding-top:8px; text-align: center; color:#888888; text-transform: capitalize; width:65px; background:#f0f0f0}
.livestreaming .tab-content .tab-pane ul li div:last-child:hover{background:#098aba; color:#fff!important}
.livestreaming .tab-content .tab-pane ul li div span.btl{padding:0 5px;text-align: center; width:100%;  font-family: "proxima_nova_ltsemibold"; }
.livestreaming .tab-content .tab-pane .online{display:none} 
.livestreaming .tab-content .tab-pane .offline h3{text-align: center; display:block; font-size: 21px; margin:auto 0; font-family: "ProximaNova-Light"; color:#444; margin-top:60px;}
.livestreaming .tab-content .tab-pane .offline img{padding-bottom: 10px;}


/* pahlawan tab */
.pahlawan3 { position: absolute; top: 1px; right: 0}




/*normalizexxx */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0;}mark{background:#ff0;color:#000;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0;}td,th{padding:0}

html, body { overflow-x: hidden }
body { /*font-family: 'franklingothicurwbooregular';*/font-family: 'ProximaNova-Light';  -webkit-font-smoothing: antialiased !important; -moz-font-feature-settings: "calt=0, liga=0"; -webkit-font-feature-settings: "calt=0, liga=0";background: #Fff; }
a, a:hover, a:visited { text-decoration: none }
a:visited { color: #3D3D3D }
.fl { float: left }
.fr { float: right }
.clear { clear: both }
.abs { position: absolute }
.rel { position: relative }
.brad-zero { border-radius: 0 }
.p-nol { padding: 0 }
.m-nol { margin: 0 !important }
.news { color: #32DEFF !important }
.news a:visited { color: #32DEFF !important }
.news-bckg { background: #006ea1 !important }
.loader { width: 100%; padding-top: 30px; text-align: center; }
.pr-0 { padding-right: 0 }
.pl-0 { padding-left: 0 }
.wp-white { /*background-color: #fff*//* background: #fff;*/ position: relative;}
.border-headline { border-bottom: 6px solid #CBCBCB; height: 5px; }
.dnone { display: none }
.show-ipad { display: none !important }
span.c-news, span.c-eco, span.c-life, span.c-spo, span.c-bol, span.c-cel { text-transform: uppercase; margin-right: 7px; }
span.c-ads a { color: #FFA902 !important }
span.c-news a { color: #006EA1 !important }
span.c-eco a { color: #007236 !important }
span.c-life a { color: #AE3562 !important }
span.c-spo a { color: #CA0E0D !important }
span.c-bol a { color: #FF5A00 !important }
span.c-cel a { color: #ffa902 !important }
a.med-play, a.med-play-stream, a.small-play, a.ipad-med-play, a.ipad-foto-stream { background: url('http://cdn.okezone.com/underwood/img/sprites.png') no-repeat }
.blue-navbar { height: 38px; border-bottom: 3px solid #1686c6; background-color: #015383; }
.blue-nav li { float: left; list-style-type: none; margin: 8px 0px 0px 10px; color: #fff; font-family: "franklingothicurwdemregular",sans-serif;  font-size: 14px;}
.blue-nav li a:link, .blue-nav li a:visited { color: #000 }
.blue-nav li a:hover { color: #37A6D4 }
.blue-nav li.signin a:link { color: #ffb807 }
.blue-nav li.signin a:visited { color: #d89a0e }
.blue-nav li.signin a:hover { color: #d89a0e }
.blue-nav span { margin-left: 10px ; color: #000}
.okezone-logo h1 { margin: 13px 0 -10px 20px; padding:9px 0 0; } 
.okezone-logo h1 a:link { background: url('http://cdn.okezone.com/underwood/img/logo_wp.png') no-repeat; width: 245px; height: 90px; text-indent: -9999px; display: block; margin-left: 70px; }

/**NewHeader6**/
.wp-logox-head {
    /*background-color: #fff;*/
}

.logooke1 {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 0px;
}

.logooke1 .okezone-logosx1 {
    display: block;
    /* top: 16px; */
    /* left: 468px; */
    /* float: left; */
    z-index: 10;
    /* position: absolute; */
    text-indent: -9999px;
    display: block;
    margin-top: -8px;
    margin-right: 10px;
/*    width: 348px;
    margin: 0 auto;*/
    width: 292px;
    /*margin: 39px auto 0;*/
    margin:0 auto;
}

.logooke1 .okezone-logosx1 a {
    background: url('http://cdn.okezone.com/www/2015/img/OKZ3.gif?t=payung') no-repeat;
    width: 100%;
    /* background-size: 146px; */
    background-size: 100%;
    display: block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    min-height: 80px;
    height: auto;
}

/* logo pahlawan*/
/*.logooke1 .okezone-logosx1 a {background: url('http://cdn.okezone.com/www/2015/img/Logo-pahlawan.png') no-repeat; background-position: left -5px; }
*/
 .vs .nav-login.nav-login2 {
    padding: 15px 10px 12px 20px;
    float: right;
}

.wrap2.m1 .login a,
.m1 .login.nav-login2 a {
    /*color: #2B395E;*/
        color: #A52D2C;
    font-family: proxima_nova_ltsemibold;
}

.wrep2 .news-nav-wrap {
 background: #fff; 
 border:0 !important ; 
 overflow: visible; 
margin-right: auto;
margin-left: auto;
padding-left: 15px !important;
padding-right: 15px !important;
}

.wrep2 .news-nav.news-nav12 { background: #fff; width: 100%;  border-top: 1px solid #d2d2d2;  }

.wrep2 .news-nav-2 li { 
    float: left;
    font-size: 14px;
        font-weight: bold;
    text-transform: none;
}

.wrep2 .news-nav-2 li a:link, .wrep2 .news-nav-2 li a {
    padding: 11px 13px 11px 13px;
    color: #616161;
   /* color: #A52D2C;*/
    font-family: 'Futura-OT';
    text-transform: uppercase;
}

.wrep2 .news-nav-2 li a:link:hover, .wrep2 .news-nav-2 li a:hover {
   color: #616161;
}

/*.wrep2 .news-nav-2 li a:link:hover, .wrep2 .news-nav-2 li a:hover {
    color: #A52D2C;
}*/

.wrep2 #wrapperi {
    width: 85% ;
    float: left;
    overflow: hidden;
    height: 45px;
    position: relative;
}

.wrep2 .sidebar {
    /*background: #fff;*/
    background: transparent;
}

.wrep2 .hot-topics h3 {
    background: transparent ; 
}

.wrep2  .stick,
.wrep2 .list-ruangan li,
.wrep2 .ruangan-anda li a, .wrep2 .ruangan-anda li a:hover,
.wrep2 .berita-pilihan ul,
.wrep2 .berita-pilihan h3
/*.wrep2 .hot-topics h3 */{
    background: #fff !important; 
}

.wrep2.m1 .bgwhite {
    border: 0;
    background: #fff;
    border-radius: 0;
}

.wrep2 .nav-fixed-top {
    position: fixed;
    top: -2px !important;
     height: 118px !important;
}

.bg-trans {
    background-color: #fff;
    opacity: 0.97;
}

.wrep2 .nav-fixed-top{
    top: -2px !important;
}

.wrep2 ul.news-nav-2 {
    float: left;
}

.wrep2 .logooke .okezone-logosx a {
    /* background: url('http://cdn.okezone.com/underwood/img/logo_wp1.png') no-repeat; */
    background: url('http://cdn.okezone.com/www/2015/img/imgsept/altlogo_wp-scroll1x.gif?t=payung') no-repeat; /*ini yang bener*/
    width: 155px !important;
    min-height: 50px;
    height: auto;
    background-size: 100% !important;
    display: block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
/*.wrep2 .logooke .okezone-logosx a {background:url('http://cdn.okezone.com/www/2015/img/Logo-pahlawan.png') no-repeat;}
*/
.wrep2 .logooke .okezone-logosx {
    width: 20% !important;
    height: 45px !important;
    display: block;
    /* top: 16px; */
    /* left: 468px; */
     float: none !important; 
    z-index: 10;
    /* position: absolute; */
    text-indent: -9999px;
    display: block;
    /* margin-top: -8px; */
    /* margin-right: 10px; */
    margin: 0 auto !important;
}
/**/

.wp-head {/* height: 70px;*/ nowhitespace: afterproperty; position: relative; }

/*DEFAULT*/
.wp-bg { background: url('http://cdn.okezone.com/underwood/img/wp_bg-new-.png') no-repeat; position: absolute;  top:0; left: -19.5%;height: 1600px; width: 100%; z-index: -1; }

/*.wp-bg { background: url('http://cdn.okezone.com/underwood/img/wp_hari_gizi.png') no-repeat; position: absolute;  top:-95px; left: -43%;height: 1600px; width: 100%; z-index: -1; }*/
/*.wp-bg { background: url('http://cdn.okezone.com/underwood/img/wp_bg-new-.png') no-repeat; position: absolute;  top:0; left: -19.5%;height: 1600px; width: 100%; z-index: -1; }*/
/*.wp-bg { background: url('http://cdn.okezone.com/underwood/img/skin-kartini-okezone.jpg') no-repeat; position: absolute;  top:0;   left: -36.5%;height: 1600px; width: 100%; z-index: -1; }*/
/*.wp-bg { background: url('http://cdn.okezone.com/underwood/img/8Years-SkinWP.jpg') no-repeat; position: absolute;  top:0; /*left: -21.5%;*//* left: -26.5%;height: 1600px; width: 100%; z-index: -1; }*/ 
/*.wp-bg { background: url('http://cdn.okezone.com/underwood/img/sumpah-pemuda.png') no-repeat; position: absolute; top:0; left: -21.5%; height: 1600px; width: 100%; z-index: -1; }*/
/*.wp-bg { background: url('http://cdn.okezone.com/underwood/img/wp_bg-imlek.png') no-repeat; position: absolute; top:0; left: -21.5%; height: 1600px; width: 100%; z-index: -1; }*/
/*.wp-bg { background: url('http://cdn.okezone.com/underwood/img/kebangkitanas_fb_skin_21.png') no-repeat; position: absolute;  top:0; left: -23.2%;height: 1600px; width: 100%; z-index: -1; }*/

/*.wp-bg { background: url('http://cdn.okezone.com/underwood/img/17an-desktop-kiri.png') no-repeat; position: absolute;  top:2%; left: -31.5%;height: 1600px; width: 100%; z-index: -1; }*/
/*.wp-bg { background: url('http://cdn.okezone.com/underwood/img/Skin-HAORNAS.jpg') no-repeat; position: absolute;  top:74%; left: -34.2%;height: 1600px; width: 100%; z-index: -1; }*/
/*.wp-bg1 { background: url('http://cdn.okezone.com/underwood/img/skin-desktop-kanan.png') no-repeat; position: absolute;  right: -74.5%; top: 31%;height: 1600px; width: 100%; z-index: -1; }*/
/*.wp-bg { background: url('http://cdn.okezone.com/underwood/img/Event-BG-desktop-01.png') no-repeat; position: absolute;  top:75%; left: -30.2%;height: 1600px; width: 100%; z-index: -1; }*/
.wp-search { width: 81%; background: #ebebeb; border: none; }
.wp-search-button { background: #37a6d4; text-transform: uppercase; border: none; padding: 5px 40px; }
.search-me .form-control { padding: 6px 12px; height: 30px; }
.search-me { margin-top: 32px }
a.home-tw { background: url('http://cdn.okezone.com/underwood/img/home-wp.png') no-repeat center; text-indent: -9999px; display: block; padding: 11px 25px !important; }
.home-li { background: #006EA1 }
.br-wrap { border-bottom: 1px solid #D2D2D2 }
.br-break h3 { text-transform: uppercase; color: #005181; margin-right: 20px; font-family: 'franklingothicurwdemregular'; font-size: 20px; padding: 0; margin-top: 16px; }
.br-text h3 { font-size: 18px; margin-top : 18px; }
.br-text a:link { color: #222 }
.br-text a:hover { color: #37A6D4 }
.cycle-wrap { position: relative; overflow: hidden; height: 400px; }
.headline-wrapper { border-bottom: 1px solid #cdcdcd; padding-bottom: 40px; margin-top: 15px; }
.headline-wrapper h2 { font-size: 28px; font-family: 'franklingothicurwhearegular'; text-transform: uppercase; }
.cycle-headline h2 { font-family: 'ProximaNova-Light';  font-size: 45px; margin: 10px 0 10px 0; letter-spacing: -1px; text-transform: none; }
.cycle-headline h2 a:link,.cycle-headline h2 a { color: #fff;font-family: 'ProximaNova-Light';
 }
.cycle-headline h2 a:hover { color: #93d8f0; }
.cycle-headline h3 { font-size: 20px; font-family: 'franklingothicurwbooregular'; margin: 0; line-height: 24px; }
.cycle-headline h3 p {font-size: 20px; font-family: 'franklingothicurwdemregular'; margin: 0; line-height: 24px; }
.cycle-headline p { font-size: 20px; font-family: 'franklingothicurwbooregular';  margin: 0; line-height: 24px; }
.cycle-slideshow img { width: 100%; height: 400px; overflow: hidden; }
.cycle-slideshow { position: relative }
.cycle-slideshow-news-headline, .cycle-slideshow-news-headline1 { position: relative }
.slide-headline img, .slide-headline1 img { width: 100% }
.cycle-slide { width: 100% }
.cycle-pager-active { opacity: 1.0 !important }
#custom-pager { margin-top: 3px; z-index: 990 !important; position: absolute; right: 0; bottom: 0; background: #575757; padding: 5px 0px 6px 0px; font-family: 'franklingothicurwdemregular'; color: #fff; }
#custom-pager a { margin-right: 1px; color: #fff; padding: 8px 9px 8px 11px; }
#custom-pager .cycle-pager-active a { background-color: #01C5FF; padding: 7px 8px 8px 13px; color: #fff; text-align: center; font-size: 14px; font-family: 'franklingothicurwdemregular'; }
.cycle-slideshow-foto { height: auto !important }
#kanal-slide { width: 100%; height: 100%; background-repeat: no-repeat; }
.headline-bg div { background-repeat: no-repeat; width: 740px; height: 400px; background-size: cover; }
.stick { width: 300px; background:#fafafa; float: left;}
/*Sticky*/
.stickbro { width: 575px; height: 49px; z-index: 995; background-color: #fff;}
.sticknewsleft { width: 159px; height:20px; z-index: 1000; }
.newslefttop{}
#sticky_navigation{
    width: 575px;
    z-index: 100000;
    background: #fafafa;
    height: 97px;}



.stuck { position: fixed; top: 0; }
.berita-pilihan ul { margin: 0 10px 0 0; padding: 0; }
.sidebar-tab a { background-color: #C3C3C3 }
.sidebar-tab .active { color: #fff }
.news-nav-wrap { margin: 3px auto 0 auto; border: 1px solid #d2d2d2; overflow: hidden; padding: 0 !important; }
.news-nav { /*background: #fff; */width: 100%; }
.news-nav-2 { /*background: #fff;*/}
ul.news-nav-2 { margin: auto }
.news-nav-2 li { float: left; font-size: 18px; text-transform: none; }
.news-nav-2 li a:link, .news-nav-2 li a { padding: 11px 19px; color: #616161; font-family: 'proxima_nova_ltsemibold'; }

/*.news-nav-2 li a:hover, .news-nav-2 li.active a { background-color: #006ea1; color: #fff; }
*/.news-nav-2 li a:hover, .news-nav-2 li.active a { background-color: transparent; color: #A52D2C;}

.login { border-radius: 0px; min-width: 0 !important; }
.login li a { padding: 10px 15px !important }
.dll li a { background: #fff !important; color: #616161 !important; }
.dll li a:hover { background-color: #006ea1 !important; color: #fff !important; }
.breaking { margin: 0 15px; padding: 10px 0 10px; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; display: none;}
.breaking h3 { font-size: 16px; text-transform: uppercase; margin: 0 15px 0 0 !important; padding-top: 3px; float: left; font-family: 'proxima_nova_ltsemibold'; }
.breaking p a { font-size: 16px; float: left; color: #000; }
.breaking p a:hover { color: #006ea1 }
.news-hardnews { border-right: 1px solid #D3D3D3; margin-top: 0; padding-top: 4px; border-left: 1px solid #D3D3D3; background-color: #fff; }
.news-hardnews h2 {
    font-family: 'franklingothicurwdemregular', sans-serif;
    font-size: 37px;
    margin-left: 20px;
    letter-spacing: -1px;
    margin-top: 1px;
    padding-bottom: 2px;
} 


/**/
.breakingnew-wp {
    width: 100%;
    padding: 10px 30px 5px;
    float: left;
}

.breakingnew-wpleft {
    width: 15%;
    float: left;
}

.breakingnew-wpleft h4 {
    font-family: 'proxima_nova_ltsemibold';
    color: #CA0300;
    font-size: 20px;
    text-transform: uppercase;
    margin: 0;
}

.breakingnew-wpright {
    width: 85%;
    float: left;
}

.breakingnew-wpright ul {
 /*   width: 100%;
    float: left;
    margin: 0;
    padding: 0;*/
}


.breakingnew-wpright b a{
    color: #000;
    margin: 0 10px;
    font-family: ProximaNova-Light;
    font-size: 15px;
}

.news-hardnews li p { line-height: 20px; font-size: 15px; margin-bottom: 0;}
.berita-terbaru { padding: 15px 0; border-top: 1px solid #d2d2d2; }
.berita-terbaru h3 { margin: 0; font-size: 32px; color: #393939; font-family: 'proxima_nova_ltsemibold'; }
ul.list-berita { background: none !important }
.tabs-kanal { border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; }
.tabs-kanal li { margin-bottom: 0px !important; font-family: 'ProximaNova-Light';}
.tabs-kanal li.pahlawan img {max-width: 100%;}
.vs .tabs-kanal li.pahlawan a { padding: 0;}
.tabs-kanal li a { border-width: 0px; color: #fff !important; /*font-size: 15px;*/ font-size: 13px; padding: 13px 14px; margin-right: 0 !important; }
.tabs-kanal li a:hover, .tabs-kanal li.active a { border: 0!important; border-radius: 0 !important; background: #01c5ff !important; color: #fff; }
.fixed_tabs_kanal { position: fixed; top: 0; width: 576px; z-index: 10; }
.news-hardnews ul { margin: 0 0 5px; padding: 0; list-style: none; background: #015383; }
.content-hardnews span a:link, .content-hardnews span a { color: #006ea1; font-family: 'proxima_nova_ltsemibold';font-size: 13px; }

.content-hardnews h5 { color: #5A5A5A; font-size: 12px; margin: 0; font-family: 'franklingothicurwbooregular'; }
.content-hardnews h2 { font-family: 'FranklinGothicURWDemRegular', sans-serif; font-size: 26px; margin: 2px 0 8px 0; line-height: 29px; letter-spacing: -1px; }
.content-hardnews h2 a, .content-hardnews h2 a:link { color: #000 }
.content-hardnews h2 a:hover { color: #006ea1 !important }

time .tgl { color: #5A5A5A; font-size: 12px; margin: 0; font-family: 'franklingothicurwbooregular'; }
.content-hardnews h3 { font-family: 'ProximaNova-Light', sans-serif; font-size: 22px; margin: 2px 0 5px 0; line-height: 26px; letter-spacing: -1px; }
.content-hardnews h3 a, .content-hardnews h2 a:link { color: #000 }
.content-hardnews h3 a:hover { color: #006ea1 !important }


.content-hardnews li p { font-size: 14px }
.list-berita li { border-bottom: 1px solid #CACACA; nowhitespace: afterproperty; list-style: none outside none; margin-bottom: 8px; padding: 10px 13px 17px 17px; }

.list-berita li h4 { font-size: 15px; margin:0;}

.thumb-news { width: 140px; height: 140px; background: center; background-size: cover; text-indent: -9999px; }
a.med-play-stream { background-position: -122px -787px; width: 45px; height: 45px; display: block; position: absolute; top: 35%; left: 34%; opacity: .8; }
a.med-foto-stream { background: url("http://cdn.okezone.com/underwood/img/Butt-1A.png") no-repeat; display: block; height: 64px; left: 22%; opacity: 0.8; position: absolute; top: 30%; width: 84px; }
.jdl-list-foto { background: #006ea1; margin: 0 16px 16px 16px; padding: 10px; }
.jdl-list-foto h3 { color: #fff; text-transform: uppercase; margin: 0; padding: 0; font-family: 'franklingothicurwdemregular'; text-align: center; }
.sidebar { padding: 15px 0 0 0; background:#fafafa;}
.tab-video, .tab-foto { background-color: #C3C3C3 }
.tab-video a, .tab-foto a { color: #909090; font-size: 18px; font-family: 'franklingothicurwdemregular'; padding: 6px 17px !important; }
.foto-video ul li.active a { border: 0!important; border-radius: 0 !important; background: #015383; color: #fff; height: 37px; padding: 6px 17px; }
.w50 { width: 50%; height: 37px; }
.foto-video { margin:0 15px 15px 15px ; float: left;}
a.med-play { background-position: -122px -787px; width: 45px; height: 45px; display: block; position: absolute; top:23%; left: 0px; right:0px; margin:0 auto;  opacity: .8; }
a.ipad-med-play { background-position: -10px -952px; width: 70px; height: 70px; display: block; position: absolute; top: 30%; left: 41%; opacity: .8; }
a.small-play { background-position: -117px -837px; width: 33px; height: 33px; z-index: 10; position: absolute; top: 20%; left: 37%; opacity: .8; }

.featured-vid { position: relative }
.featured-vid img { width: 100%; height: 185px; }
/*    
.featured-vid h3 {
font-size: 23px;
margin: 0;
background: #f6f6f6;
padding: 8px 0px 20px 15px;
font-family: 'franklingothicurwdemregular';
line-height: 20px;
border-top: 8px solid#cbcbcb;
letter-spacing: -1px;
border-bottom: 1px solid#ebebeb;
}*/
/*blm jadi*/

/* modal tour */
.intro-main{width: 600px; height:400px;margin: 140px auto 0; background:url(".http://cdn.okezone.com/www/2015/img/imgsept/bg-intro.jpg");}
.intro-foot{margin-top: 315px; text-align: center; width: 100%; float: left;}
.intro-foot a.btns{font-family:"open_sansregular"; font-size: 20px; color: #898989; padding: 5px 20px; border-radius: 5px; border: 1px solid #898989; margin: 0 10px;}
.intro-foot a.btns:hover{background:#37a6d4; color: #fff;}
.intro-foot a.tidak{}
.intro-foot a.ya{}
/* modal tour */

ul.dropdown-menu.wp-drop { z-index: 100 !important; float: left; position: relative; }
ul.dropdown-menu.wp-drop:after { position: absolute; z-index: 100 !important; }

#back-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
}

#back-top span {
    display: block;
    background: url('http://cdn.okezone.com/underwood/img/back-to-tops.png') no-repeat;
    width: 41px;
    height:41px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    opacity: 0.5;
}

#back-top span:hover {
    opacity: 0.8;
}


/*********/
.featured-vid h3 { font-size: 23px; margin: 0; background: #fff; padding: 8px 0px 5px 15px; font-family: 'franklingothicurwdemregular'; line-height: 20px; border-top: 8px solid#cbcbcb; letter-spacing: -1px; /* border-bottom: 1px solid#ebebeb; */ }
.featured-vid p { font-size: 14px; margin: 0; background: #fff; padding: 2px 0px 18px 15px; font-family: 'franklingothicurwmedregular'; line-height: 20px; /* border-top: 1px solid#cbcbcb; */ letter-spacing:0; border-bottom: 1px solid#ebebeb; }
.list-video { margin: 0; padding: 0; }
.list-video ul { margin: 0; padding: 0; }
.list-video li { list-style-type: none; margin: 0; padding: 14px 0 8px 0; background-color: #fff; border-bottom: 1px solid #EBEBEB; }

h3.vid-title { font-size: 15px; font-family: 'franklingothicurwdemregular'; margin: 2px 5px 10px 0; padding-right: 10px; }
h3.vid-title a:link { color: #484848; background: none; }
h3.vid-title a:hover { color: #015383 !important; background: none !important; }

h4.vid-title { font-size: 15px; font-family: 'franklingothicurwdemregular'; margin: 2px 5px 10px 0; padding-right: 10px; }
h4.vid-title a:link { color: #484848; background: none; }
h4.vid-title a:hover { color: #015383 !important; background: none !important; }

.vid-more { /* margin-top: 9px; */ /* border: 1px solid #ccc; */ background-color: #E7E7E7; padding: 10px 0; }
.vid-more a { width: 100%; padding: 0; color: #7A7A7A; font-family: 'franklingothicurwdemregular'; text-align: center; display: block; }
.vid-more a:hover { color: #015383 }
.sidebar-infografis { margin: 0px 14px 15px ; float: left;}
.sidebar-infografis ul { margin: 0 0 1px 0; padding: 0 0 1px 0; background-color: #fff; margin-bottom: 5px; }
.sidebar-infografis li { list-style-type: none; width: 129px; margin: 5px 7px 5px 10px !important;  height: 88px; overflow: hidden !important;}
.sidebar-infografis li img {width: 100% !important; overflow: hidden; min-height: 88px; }
.sidebar-infografis h3 { background-color: #015383; color: #fff; padding: 10px 20px; margin-bottom: 5px; color: #fff; font-size: 16px; font-family: 'franklingothicurwdemregular'; }
.berita-pilihan { margin-top: 0; padding-top: 8px; /*background: #fff;*/ float: left;}
.berita-pilihan h3 {
    font-family: 'proxima_nova_ltsemibold';
    font-size: 20px;
    width: 102%;
    border-bottom: 4px solid #cbcbcb;
    padding-bottom: 10px;
    margin-top:0px;
    background: #fafafa;
    color: #555555;
    /*background: #fff;*/
}
.berita-pilihan ul { margin-top: -10px; padding: 0; background: #fafafa; width:102%}
.berita-pilihan li { list-style-type: none; margin-bottom: 0px; font-size: 14px; margin-right: 20px; border-bottom: 1px solid #E6E6E6; padding: 7px 0 10px 0; font-family: 'ProximaNova-Light';  line-height: 15px; }
.berita-pilihan li a:link { color: #000 }
.berita-pilihan li a:hover { color: #015383 }
.ruangan-anda { margin: 15px; float: left; /*border: 1px solid #dbdbdb;*/ }
.ruangan-anda h3 { background: #015383; color: #fff; font-size: 16px; font-family: 'franklingothicurwdemregular'; padding: 10px 20px; margin: 0; display: block; }
.ruangan-anda ul { border-bottom: 0px !important }
.ruangan-anda li { margin-bottom: 0px !important; width: 60%; }
.w100 { width: 40% !important }
.w100 a { }
.ruangan-anda li a { height: 50px; text-align: center; line-height: 16px; background-color: #ebebeb; border-width: 0px; color: #000; padding: 10px 17px; margin-right: 0 !important; font-size: 20px; font-family: 'franklingothicurwmedregular'; }
.ruangan-anda ul li a:hover, .ruangan-anda ul li.active a { border: 0!important; border-radius: 0 !important; background: #fff; color: #000; }
.ruangan-anda .nav-tabs > li.active > a, .ruangan-anda .nav-tabs > li.active > a:hover, .ruangan-anda .nav-tabs > li.active > a:focus { border: 0!important; border-radius: 0 !important; background: #fff; color: #000; font-family: 'franklingothicurwhearegular'; }
.content-ruangan { background: #fff; padding: 0 20px; float: left; }
.list-ruangan { margin: 0 !important; padding: 0 !important; }
.list-ruangan li { margin: 0!important; list-style: none; width: 100% !important; float: left; border-bottom: 1px solid #ededed; padding: 5px 0 15px 0; }
.list-ruangan li:last-child { border-bottom: 0 !important }

.list-ruangan li a:link, .list-bepil li a { background: transparent; font-size: 15px; color: #000 !important; margin: 0 !important; padding: 0 !important; }
.list-ruangan li a:hover { color: #006ea1 !important; background: transparent !important; }

.list-ruangan li h4 {margin:0;}
.list-ruangan li h4 a:link, .list-bepil li h4 a { background: transparent; font-size: 15px; color: #000 !important; margin: 0 !important; padding: 0 !important; }
.list-ruangan li h4 a:hover { color: #006ea1 !important; background: transparent !important; }

.rubik-logo{ background: url('https://cdn.okezone.com/underwood/img/rubik-warkop1x.png') no-repeat -19px -41px;
    width: 81px;
    height: 35px;}
.warkop { background: url('https://cdn.okezone.com/underwood/img/rubik-warkop1x.png')no-repeat -5px -123px;
    width: 111px;
    height: 35px; }
.ruangan-anda .nav-tabs > li.active > a .warkop, .ruangan-anda .nav-tabs > li.active > a:hover .warkop, .ruangan-anda .nav-tabs > li.active > a:focus .warkop{background: url('https://cdn.okezone.com/underwood/img/rubik-warkop1x.png')no-repeat -5px -83px;
    width: 111px;
    height: 35px; }
.ruangan-anda .nav-tabs > li.active > a .rubik-logo, .ruangan-anda .nav-tabs > li.active > a:hover .rubik-logo, .ruangan-anda .nav-tabs > li.active > a:focus .rubik-logo{background: url('https://cdn.okezone.com/underwood/img/rubik-warkop1x.png') no-repeat -19px -3px;
    width: 81px;
    height: 35px;;}
.banner-top-center { width:100% ;margin: 15px auto; text-align: center; height: auto;}
.banner-top-center img { max-width: 100%; height: auto !important; }
.banner-top-center p { color: #fff; text-align: center; padding-top: 15px; font-size: 20px; }
.banner-top-center #Stage{margin:0 auto;}
.rmd-top-right { margin: 0px 15px 15px 15px; float: left; }
.rmd-top-right div{}
.rmd-top-right img { display: block !important; max-width: 100% !important; height: auto !important; }
.tiny-sponsored { margin-top: 8px; margin-right: 8px; }
.sponsored-belt728x90 { max-width: 728px; height: auto; margin: 20px auto 20px auto; overflow: hidden; }
.sponsored-belt728x90 img { max-width: 100%; height: auto !important; }
.tiny-headline-sponsored { margin: 10px }
.sponsored-belt468x60 { padding: 20px 0 20px 50px; margin-bottom: 18px; border-bottom: 1px solid #ccc; height: 110px; }
.sponsored-belt468x60.ads-content { padding: 20px 0 20px 50px; margin-bottom: 18px; border-bottom: 1px solid #ccc; height: 110px; }
.sponsored-belt468x60 img { max-width: 100% }
.biznet { /*margin-left: 170px;*/ float: right; }
.biznet img { width: 120px; margin-left: 37px;}
.biznet p { font-size: 11px }
.footer { margin-top: 0; float: left; width: 100%; }
.footer ul { padding: 0; margin: 0; list-style: none; }
.footer li { line-height: 16px;}
.footer li a, .footer a:link { color: #000; font-size: 12px; font-family: 'franklingothicurwbooregular'; }
.footer li a:hover { color: #006ea1 }
.footer-copyright { margin: 15px; border-top: 1px solid #cccccc; padding-top: 15px; font-size: 14px; }
.soc-apps { margin: 0px 15px 10px 15px; float: left; }
.social-media { float: left; width: 106px; }
.social-media a { background: url('http://cdn.okezone.com/underwood/img/sprites.png') no-repeat; float: left; margin: 0 5px 0 0; }
.social-media a.twitter { background-position: -116px -471px; width: 27px; height: 27px; opacity: 0.8; }
.social-media a.gplus { background-position: -116px -531px; width: 27px; height: 27px; opacity: 0.8; }
.social-media a.facebook { background-position: -116px -501px; width: 27px; height: 27px; opacity: 0.8; }
.foot-n .social-media a.ytube:hover,.social-media a.ig:hover,.social-media a.gplus:hover, .social-media a.twitter:hover, .social-media a.facebook:hover, .apps a.ipad:hover, .apps a.iphone:hover, .apps a.android:hover, .apps a.mobile:hover, .apps a.bb10:hover , .apps a.wp:hover{ opacity: 1; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; margin-top: -8px; }
.foot-n .social-media { float: left; width: 140px; }
.foot-n .social-media a {background: url('http://cdn.okezone.com/underwood/img/sprites-fot.png') no-repeat;}
.foot-n .social-media a.twitter {background-position: -37px -33px; width: 22px;height: 22px;}
.foot-n .social-media a.gplus {background-position: -37px -59px; width: 22px;height: 22px;}
.foot-n .social-media a.facebook {background-position: -37px -7px; width: 22px;height: 22px;}
.foot-n .social-media a.ig {background-position: -37px -85px; width: 22px;height: 22px;}
.foot-n .social-media a.ytube {background: url('http://cdn.okezone.com/underwood/img/youtube_grey1x.png') no-repeat; width: 22px;height: 22px; background-size: 100%;}

.apps { float: right; margin-left: 18px; }
.apps a { background: url('http://cdn.okezone.com/underwood/img/sprites.png') no-repeat; float: left; margin: 0 9px 0 0; }
.apps a.ipad { background-position: -73px -582px; width: 26px; height: 32px; opacity: 0.8; }
.apps a.iphone { background-position: -107px -584px; width: 18px; height: 30px; opacity: 0.8; }
.apps a.wp { background-position: -73px -628px; width: 26px; height: 25px; opacity: 0.8; }
.apps a.android { background-position: -107px -624px; width: 27px; height: 32px; opacity: 0.8; }
.apps a.mobile { background-position: -141px -590px; width: 25px; height: 18px; opacity: 0.8; }
.foot-n .apps a { background: url('http://cdn.okezone.com/underwood/img/sprites-fot.png') no-repeat;  }
.foot-n .apps a.ipad { background-position: -88px -10px;width: 20px;height: 29px; }
.foot-n .apps a.iphone { background-position: -124px -10px;width: 14px; height: 23px; }
.foot-n .apps a.wp { background-position: -154px -11px; width: 23px; height: 23px;  }
.foot-n .apps a.android { background-position: -190px -10px;width: 20px; height: 24px;  }
.foot-n .apps a.mobile { background-position: -228px -11px; width: 21px; height: 15px;  }

span.oke a:hover { background-color: transparent }
span.oke a:focus { background-color: transparent }
span.oke a { background-color: transparent }
span.oke a:visited { background-color: transparent }
.okekanalicon,.tanyakanalicon{padding: 0 !important}
.okekanalicon:hover { background-color: transparent !important }
.tanyakanalicon:hover { background-color: transparent !important }
.dropdown-menu a { float: left; font-family: 'proxima_nova_ltsemibold'; font-size: 14px; width: 100%; }
.dropdown-menu li { margin: 5px 0px 0px 0px; float: right; width: 100%; color: #015383; }
a.dropdown-menu { }
.dropdown-menu a { float: right; font-family: 'proxima_nova_ltsemibold'; font-size: 14px; width: 100%; }
ul.dropdown-menu { color: #015383; border-radius: 0; border-bottom: 3px solid #1686c6; }
ul.kanali.dropdown-menu { float: left;
                          /*margin-right: -46px;*/
                          margin-top: 20px; }
a.dropdown-toggle.blue {
    background-color: transparent;
    float: right; width:auto; 
    font-family: 'proxima_nova_ltsemibold';
    font-size: 15px; 
    color: #000;
    height: 42px;
    padding: 13px 29px 0px 3px;
    float: right
}
a.dropdown-toggle.blue:hover, a.dropdown-toggle.blue:visited, a.dropdown-toggle.blue:focus { background-color: transparent }
.popover-content { width: auto }
.ques-icon {
    background-image: url('http://cdn.okezone.com/underwood/img/sprites.png');
    background-position: -174px -1053px;
    width: 28px;
    height: 70px;
    z-index: 10;
    position: absolute;
    top: -41px;
    left: 92%;
}
.ques-icon-login {
    background-image: url('http://cdn.okezone.com/underwood/img/sprites.png');
    background-position: -174px -1053px;
    width: 28px;
    height: 70px;
    z-index: 10;
    position: absolute;
    top: -35px;
    left: 92%;
}
.questi { background-image: url('http://cdn.okezone.com/underwood/img/sprites.png'); background-position: -174px -1037px; width: 28px; height: 86px; z-index: 10; position: absolute; top: -190%; left: 92%; opacity: 0.8; }
.okes { background-image: url('http://cdn.okezone.com/underwood/img/sprites.png'); background-position: -178px -2225px; width: 17px; height: 25px; z-index: 10; position: absolute; bottom: -12%; left: 12%; display:none}
.oke { background-image: url('http://cdn.okezone.com/underwood/img/sprites.png'); background-position: -165px -2225px; width: 30px; height: 25px; z-index: 10; position: absolute; bottom: -9%; left: -20%; display: none}
.quest { background-image: url('http://cdn.okezone.com/underwood/img/sprites.png'); background-position: -174px -1037px; width: 28px; height: 86px; z-index: 10; position: absolute; top: -174%; left: 98%; opacity: 0.8; }
.popover-content { color: #7C7373 }
.nav-uname { width: auto; position: relative; padding: 0px 0px 0px 9px; }
.nav-login { position: relative }
.sso-wrep {
    margin-top: 3px;
    margin-left: 0;
    padding: 0;
}
.mnc-logo span a:link{ background: url('http://cdn.okezone.com/underwood/img/mnc-media-log.png')no-repeat; float : left; width: 108px; height: 42px; margin-left: 17px; }

.banner-belt300x250.bnone{height: auto !important;}

.img-banner-jobs {max-width: 293px; margin:0 3px;}
.img-banner-jobs img {width: 100% !important; height: auto !important; margin-right: 0;}

iframe.img-responsive {height: 90px;}

/**Redign WP New Header***/
.blue-navbarx {
    margin-top: 10px;
}

.adss2,.adss3{display: none}

header {
    position: absolute;
    z-index: 1500;
    padding: 15px 0;
    width: 100%;/*
    border-bottom: 1px solid #C8C6C6;*/
    background-color: transparent;
    transition: all 0.4s ease;


}

header.smaller {
    border-bottom: 1px solid #C8C6C6;
    padding:0;
    background-color: #FFFFFF;
}

header.smaller .sso-wrep {
    margin-top: 7px;
    margin-left: 0;
}

header .okezone-logosx{
    width: 200px;
    height: 47px;
    display: block;
    /* top: 16px; */
    /* left: 468px; */
    float: left;
    z-index: 10;
    /* position: absolute; */
    text-indent: -9999px;
    display: block;
    margin-top: -20px;
}

header .okezone-logosx a {
    background: url('http://cdn.okezone.com/underwood/img/logo_wp1.gif') no-repeat;
    width: 200px;
    height: 47px;
    display: block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
header.smaller .blue-navbarx {
    margin-top: 4px;
}

header.smaller .okezone-logosx a {
    background: url('http://cdn.okezone.com/underwood/img/logo_wp-scroll.png') no-repeat;
    width: 200px;
    height: 47px;
    display: block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

header.smaller .okezone-logosx{
    width: 200px;
    height: 47px;
    display: block;
    /* top: 16px; */
    /* left: 468px; */
    float: left;
    z-index: 10;
    margin-top: -11px;
}


.menu-click{
    background: url('http://cdn.okezone.com/www/2015/img/icon_menux.png') 5px 5px no-repeat;
    height: 29px;
    display: block;
    float: left;
    z-index: 10;
    padding: 2px 10px 4px 28px;
    font-size: 13px;
    font-family: 'ProximaNova-Light';
    color: #555;
    line-height: 27px;
}


.menu-click:hover,
.menu-click:hover, .menu-click:hover{
    cursor: pointer;
}

header.smaller a.dropdown-toggle.blue {
    background-color: transparent;
    float: right;
    width: auto;
    font-family: 'proxima_nova_ltsemibold';
    font-size: 15px;
    float: right;
    color: #000;
    height: 42px;
    padding: 13px 29px 0px 3px;
}


header.smaller .ques-icon-login {
    background-image: url('http://cdn.okezone.com/underwood/img/sprites.png');
    background-position: -174px -1053px;
    width: 28px;
    height: 70px;
    z-index: 10;
    position: absolute;
    top: -36px;
    left: 92%;
}

header.smaller ul.kanali.dropdown-menu {
    float: left;
    margin-right: -46px;
    margin-top: 9px;
}


/*Form Search1*/
header .search-topxs .wp-searchxs {
    width:92%;
    background: #ebebeb;
    border: none;
    float: left;
}

header .search-topxs .wp-search-buttonx {
    background: url('http://cdn.okezone.com/www/2015/img/icon_search-white.png') center no-repeat #37A6CC;
    text-transform: uppercase;
    border: none;
    padding: 0 20px;
    height: 30px;
    border-radius: 0;
}


header .search-topxs .search-mex .form-control {
    padding: 6px 12px;
    height: 30px;
    border-radius: 0;
}
header .search-topxs .search-mex{
    margin-top:9px;
    float: right;
    /*width: 555px;*/
    width: 520px;
    margin-right:0;
    animation-name: slideLeft;
    -webkit-animation-name: slideLeft;  

    animation-duration: 1s; 
    -webkit-animation-duration: 1s;

    animation-timing-function: ease-in-out; 
    -webkit-animation-timing-function: ease-in-out;     

    visibility: visible !important; 
}


/****/

/* MENU */
.sidebarmenu{position: fixed; left:-180px;top: 0;background-color: #007C9E; height: 100%;padding: 10px 20px; font-family:"FranklinGothicURWMedRegular",sans-serif; font-size: 18px; z-index:99999;}
.sidebarmenu a.klose{display: block; /*font-size: 20px; font-family: "open_sansregular"; */color: #000; width: 100%; height: 10px; background: url('http://cdn.okezone.com/underwood/img/klose.png') no-repeat right center; text-indent: -99999px;}
.sidebarmenu ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 140px; /* Main Menu Item widths */
}

.sidebarmenu ul li{
    position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
    display: block;
    overflow: auto; /*force hasLayout in IE7 */
    color: #fff;
    text-decoration: none;
    padding: 6px;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
    /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
    color: #fff;
} 

.sidebarmenu ul li a:hover{
    color: #D5D5D5;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
    position: absolute;
    width: 170px; /*Sub Menu Items width */
    top: -10px;
    visibility: hidden;
    background: #007C9E;
    border: 1px solid #2b5e75;
    padding: 10px;
    z-index: 900;
}

.sidebarmenu ul li ul:after, .sidebarmenu ul li ul:before {
    right: 100%;
    top: 23px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.sidebarmenu ul li ul:after {
    border-color: rgba(0, 124, 158, 0);
    border-right-color: #007C9E;
    border-width: 15px;
    margin-top: -10px;
}
.sidebarmenu ul li ul:before {
    border-color: rgba(43, 94, 117, 0);
    border-right-color: #2b5e75;
    border-width: 16px;
    margin-top: -11px;
}

.sidebarmenu a.subfolderstyle{
    background: url('http://cdn.okezone.com/underwood/img/right.png') no-repeat 97% 50%;
}
/*.tri{width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 30px solid #F4F4F4;
    border-bottom: 10px solid transparent; position: absolute; left: -25px;}*/

/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
.brt{border-top: 1px solid #4494B9;border-bottom: 1px solid #4494B9; margin: 20px 0 10px !important;}
.grey{font-size: 14px; }
.grey a{color: #fff !important; padding: 2px !important;}
/* End */


/* Menu ********************/

/* Search icon by IcoMoon, made with http://icomoon.io/app/ */
@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon/icomoon.eot');
    src:url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
        url('../fonts/icomoon/icomoon.woff') format('woff'),
        url('../fonts/icomoon/icomoon.ttf') format('truetype'),
        url('../fonts/icomoon/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.sb-search.sbo {display: none !important;  }
.sb-search {
    position: relative;
    margin-right: 5px;
    width: 0%;
    min-width: 30px;
    height: 42px;
    float: right;
    overflow: hidden;
    margin-top: 10px;
  /*   -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
   transition: width 0.3s;
    -webkit-backface-visibility: hidden;*/
}
.sb-search.sb-search-open .sb-search-input{
    right: 30px;
    padding: 11px 0 6px 7px;
    width: 85%;
}
.sb-search-input {
    position: absolute;
    top: 0;
    
    border: none;
    outline: none;
    background: #f3f3f3;
    height: 25px;
    margin: 0;
    z-index: 10;
    font-size: 14px;
    color: #000000;
    border-bottom: 1px solid #ccc;
}

input[type="search"].sb-search-input {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}

.sb-search-input::-webkit-input-placeholder {
    color: #DADADA;
}

.sb-search-input:-moz-placeholder {
    color: #DADADA;
}

.sb-search-input::-moz-placeholder {
    color: #DADADA;
}

.sb-search-input:-ms-input-placeholder {
    color:#DADADA;
}

.sb-icon-search,
.sb-search-submit  {
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 60px;
    text-align: center;
    cursor: pointer;
}

.sb-search-submit {
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
}

.sb-icon-search {
    background: url('http://cdn.okezone.com/underwood/img/icon_search1x.png') center no-repeat #F4F4F4;
    width: 30px;
    height: 30px;
    z-index: 90;

    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

.sb-icon-search:before {
    /*content: "\e000";*/
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
    width: 20%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
    background: url('http://cdn.okezone.com/underwood/img/icon_search1x.png') center no-repeat;
    width: 30px;
    height: 30px;
    z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
    z-index: 90;
}
 
.search-wp-full { float: left; padding: 0; width: 100%;  margin-bottom: 20px; display: none; border:1px solid #d0d0d0;}
.search-wp-full form {background-color: #f0f0f0; padding-bottom: 2px;}
.search-wp-full .sr-icon { background: rgba(0, 0, 0, 0) url("http://cdn.okezone.com/underwood/img/icon_search1x.png") no-repeat scroll 0 0 / 90% auto; display: block; float: left; height: 21px;margin: 9px 0 0 1%; overflow: hidden; width: 20px;}

.search-wp-full .inp {background-color: #f0f0f0; border: medium none;color: #373737;font-size: 1.0em;margin: 0 auto;
/* padding: 0.625em;*/
width: 97.2%;
padding-top: 10px;
padding-bottom: 7px;
}

.search-wp-full.swp-o {display: block; margin:10px 0;}

header .column {
    visibility: hidden;

}

header.smaller .column {
    float: right;
    /*width: 53%;*/
    width: 50%;
    padding: 0;
    position: relative;
    height: 54px;
    visibility: visible;
}

header.smaller .column:nth-child(2) {
    /*  box-shadow: -1px 0 0 rgba(0,0,0,0.1);*/
}

header.smaller .column p {
    font-weight: 300;
    font-size: 2em;
    padding: 0;
    margin: 0;
    text-align: right;
    line-height: 1.5;
}

header.smaller .column a {
    border: 3px solid #b4c7da;
    padding: 0 15px;
    display: inline-block;
    margin: 20px 0;
}

header.smaller .column a:hover {
    border-color: #fff;
}

header.smaller .search-mex{
    display: none;
    visibility: hidden;

}

header.smaller .search-query{ 
}

#adv-custom-caption {
    height: 175px;
}

/*Go Search*/
.go-search {
    margin: -8px 15px 0 15px !important;
    padding-bottom: 50px;
}

.go-search a {
    color: #757575;
    display: inline-block;
    font-family: "FranklinGothicURWDemRegular",sans-serif;
    font-size: 19px;
    text-align: center !important;
    width: 100%;
    background: #fff;
    padding: 18px 0;
    text-transform: capitalize;
}

.go-search a:hover {
    color: #015383;
}

/* new version */
/*.vs .stick{width: 300px;}*/
/*.vs .wp-bg { background: url('http://cdn.okezone.com/underwood/img/kebangkitanas_fb_skin_21.png') no-repeat; position: absolute;  top:0; left: -21.2%;height: 1600px; width: 100%; z-index: -1; }*/
.vs #wrapper { z-index: 1; width: 84%;  overflow: hidden; height:52px; position: relative;float: left; }
.vs  #scroller { position: absolute; z-index: 1; width: 1000px; height: 52px;  -webkit-transform: translateZ(); -moz-transform: translateZ(); -ms-transform: translateZ(); -o-transform: translateZ(); transform: translateZ(); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; }
    
.nav-up {top: -52px;}
.vs .search-mod{position: fixed; top: 0; bottom: 0; right: 0; left: 0; background:rgba(0,0,0,.75); z-index: 11000; display: none;}
.vs .search-mod-inp{width:720px; margin: 10% auto 0; }
.vs .search-mod-inp input{width:78%;float: left;border-radius: 0; padding: 10px 10px 10px 60px;font-size: 24px; height: auto; background: url('http://cdn.okezone.com/underwood/img/icon_search2x.png') 20px center no-repeat #fff}
.vs .search-mod-inp button{width:22%;float: left;border-radius: 0; background:#30a5d0; font-size: 22px;padding: 12px 0 13px;border: none;}
.vs .loginnama{float: right; margin-top: 10px;}
.vs .nav-fixed-top{position: fixed; top: 0; left: 0; right: 0; z-index:10000; transition: top 0.2s ease-in-out; height: 52px;}
.vs .dropdown{padding-left: 10px;}
.vs .oke-icon {
  /*background-position: -176px -2249px;*/
  width: 20px;
  height: 23px;
  z-index: 10;
  position: absolute;
  top: 15px;
  left: -9px; 
}
.vs .news-nav-3{width: auto; float: left;}
.vs .ques-icon {
    display: none;
  background-image: url('http://cdn.okezone.com/underwood/img/sprites.png');
  background-position: -174px -1100px;
  width: 28px;
  height: 28px;
  z-index: 10;
  position: absolute;
  top: 11px;
  right: 0;
}
.vs .nav-login{padding: 15px 0 12px 20px; float: right;}
.vs .news-nav-3 li{float: left; font-family: 'Futura-OT'; text-transform: uppercase; } 
.vs .news-nav-3 li a{color:#606060; padding: 15px 17px 14px 17px; font-size: 14px;    font-weight: bold;}
.news-nav-3 .okezone-logosx{
    width: 140px;
    height: 50px;
    display: block;
    /* top: 16px; */
    /* left: 468px; */
    float: left;
    z-index: 10;
    /* position: absolute; */
    text-indent: -9999px;
    display: block;
    margin-top: -10px;
    margin-right: 20px;
}

.news-nav-3 .okezone-logosx a {
    background: url('http://cdn.okezone.com/underwood/img/logo_wp1.gif') no-repeat;
    width: 200px;
    background-size: 137px;
    display: block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}


/*rb*/
.logooke .okezone-logosx{
    width: 140px;
    height: 50px;
    display: block;
    /* top: 16px; */
    /* left: 468px; */
    float: left;
    z-index: 10;
    /* position: absolute; */
    text-indent: -9999px;
    display: block;
    margin-top: -8px;
    margin-right: 10px;
}

.logooke .okezone-logosx a {
    background: url('http://cdn.okezone.com/underwood/img/logo_wp1.gif') no-repeat;
    width: 150px;
    background-size: 146px;
    display: block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/*hottopic*/
.vs .hot-topics{margin: 0;}
.vs .hot-topics h3{width: 100%;}
.vs .hot-topics ul{margin: 0 0 20px; float: left; padding: 0;}
.vs .hot-topics h4{font-family: "proxima_nova_ltsemibold"; margin: 0; padding: 0 5px;}
.vs .hot-topics li{width: 100%; float: left; padding:10px 0; margin: 0; list-style: none; border-bottom: 1px solid #cbcbcb;}
.vs .hot-topics li a{color: #0D7193; font-family: "proxima_nova_ltsemibold"; font-size: 16px;}

.hot-topics h3 {
    font-family: 'proxima_nova_ltsemibold';
    font-size: 20px;
    width: 102%;
    border-bottom: 4px solid #cbcbcb;
    padding-bottom: 10px;
    margin-top: 0px;
    background: #fafafa;
    color: #555555;
    /* background: #fff; */
}

.vs .headline-bg div{width: 100%; height: 450px; background-position-y:30%; }
.vs header .okezone-logosx{margin-left: 80px;}
.vs .berita-pilihan{margin: 0;}
.vs .berita-pilihan h3{width: 100%;}
.vs #adv-custom-caption{position: absolute; width: 97.5%; border-top:1px solid rgba(255,255,255,.6); bottom: 0; background: rgba(0,0,0,.75); z-index: 99; text-align: center;padding: 0 6% 2%; height: auto;}
.vs #adv-custom-caption a.lab{display: inline-block; position: relative; color: #fff; top: -17px; font-family: "proxima_nova_ltsemibold"; text-transform: uppercase; font-size: 13px; line-height: 15px; padding: 10px 20px 8px;}
a.c-ads{ background: #FFA902 !important }
a.c-news{ background: #006EA1 !important }
a.c-economy{ background: #007236 !important }
a.c-lifestyle{ background: #AE3562 !important }
a.c-sports{ background: #CA0E0D !important }
a.c-bola{ background: #FF5A00 !important }
a.c-celebrity{ background: #ffa902 !important }
a.c-techno{ background: #42bfef !important }
a.c-adv-headline { background: #88898C !important;}
.vs .headline-wrapper{position: relative; padding-bottom: 0; border-bottom: 1px solid #fafafa; padding: 0 15px; margin: 0;}
.vs .cycle-wrap{height: 450px;}
.vs .cycle-headline h2{font-size: 42px; margin: -5px 0 0; letter-spacing: -0.02em;}
.vs #custom-pager{position: absolute; width: 100%; bottom: 0; padding: 0; background: rgba(87,87,87,0.5);z-index: 100 !important;}
.vs #custom-pager strong{display: inline-block; float: left;width: 12.5%;border-right: 1px solid rgba(255,255,255,.6);}
.vs #custom-pager a{margin: 0;display: block;padding: 3px 0;}
.vs .col-wp-md-8{float: right;}
.vs .right-wrap{float: left;}
.vs .list-video .col-md-5{padding-left: 0;}
.vs .list-video .col-md-5 img{width: 100%; height: 72px;}
.vs .news-hardnews{padding-top: 0;}
.vs .stickbro { width: 868px;}
.vs .berita-pilihan ul{margin: 0 0 20px; float: left;}
.vs .berita-pilihan img{width: 92px; height: 59px; float: left; margin-right: 16px;}
.vs .tab-video a,.vs .tab-foto a,.vs .vid-more a{font-family: "proxima_nova_ltsemibold";}
.vs .berita-pilihan h4{font-family: "proxima_nova_ltsemibold"; margin: 0; padding: 0 5px;}
.vs .list-ruangan li h4 a:link, .vs .list-bepil li h4 a{letter-spacing: -0.01em;}
.vs .berita-pilihan li{width: 100%; float: left; padding:10px 0; border: none; margin: 0;}
.vs .news-content{}
.vs ul.list-berita{padding: 8px 16px !important;}
.vs .news-hardnews ul{}
.vs .list-berita li{border: none; height: 300px;padding: 10px 10px 16px}
.vs .tabs-kanal li a{/*padding: 13px 20px;*/    padding: 14.5px 20px;}
.vs .list-berita li.middle{padding: 10px 4px 16px;}
.vs .sponsored-belt468x60{border: none;}
.vs .rmd-top-right, .vs .foto-video, .vs .sidebar-infografis, .vs .ruangan-anda{margin: 0 0 15px;}
.vs .footer-copyright{margin: 15px 0;}
.vs .apps{margin-left: 15px;}
.vs .soc-apps{margin: 0 0 10px;}
.vs .sponsored-belt468x60 {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    float: left;
    /*height: 130px;*/
    height: auto;
    margin-bottom: 18px;
    padding: 20px 0 20px;
    width: 100%;
}
.vs .sponsored-belt468x60.ads-content {
    height: auto!important;
}
/*.vs .normal-ads {
    height: 130px !important;
}*/
/*.adss{margin: 0 0 0 -130px!important;}*/

.vs .ruangan-anda li a{padding: 4px 17px;}
.vs .w100{border-right: 1px solid #ccc;}
.vs .thumb-news{max-width: 100%; margin-bottom: 10px; width: auto;}
.vs span.c-news, span.c-eco, span.c-life, span.c-spo, span.c-bol, span.c-cel{}
.vs .tgl{font-size: 12px; color: #ababab;}
.vs .sidebar{padding: 0;}
.vs .content-hardnews span a:link, .content-hardnews span a{font-size: 15px;}
/*.vs span.c-news, .vs span.c-eco, .vs span.c-life, .vs span.c-spo, .vs span.c-bol, .vs span.c-cel{display: inline;}*/

.vs .tabs-kanal li{/*font-family: "proxima_nova_ltsemibold";*/ font-family: 'Futura-OT'; text-transform: uppercase; font-weight: bold;}
.vs .ruangan-anda li a{font-family: "proxima_nova_ltsemibold";}

.vs .list-berita li.jumbo{width: 100%; height: auto!important;} 
.vs .list-berita li.jumbo .thumb-news{height: 433px;}
.vs .list-berita li.jumbo .content-hardnews h3{font-size: 40px; line-height: 40px;}
.vs .jscroll-added {float: left;width: 100%;}
.vs .jscroll-loading {padding: 15px 0;}
.vs .sidebar-infografis h3,.vs .ruangan-anda h3{border-bottom: 4px solid #cbcbcb; color: #555555; font-size: 20px; background: none; padding: 10px 0;font-family: "proxima_nova_ltsemibold"; margin-bottom: 13px;}
.vs .sidebar-infografis ul{background: none;}
.vs .sidebar-infografis li{margin:0 10px 10px 0!important; width: 145px;}
.vs .sidebar-infografis li:nth-child(2n){margin:0 0 10px 0!important; }
.vs .content-ruangan{background: #fafafa; padding: 0;}
.vs .ruangan-anda .nav-tabs > li.active > a, .ruangan-anda .nav-tabs > li.active > a:hover, .ruangan-anda .nav-tabs > li.active > a:focus{background: #fafafa;}
.vs .ruangan-anda li a, .vs .ruangan-anda li a:hover{background: #fafafa;}
.vs .featured-vid h3{font-family: "proxima_nova_ltsemibold"; background: none; padding-left: 0;}
.vs .featured-vid p{font-family: 'ProximaNova-Light';  background: none; padding-left: 0;}
.vs h4.vid-title{font-family: 'ProximaNova-Light'; }
.vs .tab-video, .vs .tab-foto, .vs .tab-video a:hover, .vs .tab-foto a:hover{background: none;}
.vs .tab-video{border-right: 1px solid #ccc;}
.vs .foto-video ul li.active a{background: none; color: #131313;}
.vs .navbar-tab{border-bottom: 4px solid #cbcbcb; }
.vs .foto-vid-wrap #video, .vs .foto-vid-wrap #foto{margin-top: 10px;}
.vs .list-video li{background: none;}
.vs .wp-thumb-news{position: relative;}
a.med-play, a.med-play-stream, a.small-play, a.ipad-med-play, a.ipad-foto-stream { background: url('http://cdn.okezone.com/underwood/img/sprites.png') no-repeat }
.vs a.med-foto-stream,.vs a.med-play-stream,.vs a.ipad-med-play,.vs a.ipad-foto-stream { background: url('https://cdn.okezone.com/underwood/img/sprites1x.png') no-repeat; position: absolute; opacity: 1; }
.vs a.med-play-stream { background-position: -31px -271px; width: 38px; height: 38px; display: block; position: absolute; top: inherit; left: 5px; bottom: 5px; opacity: 1; }
.vs a.med-foto-stream { background-position: -31px -113px; display: block;  width: 38px; height: 29px; left:10px; opacity: 1; position: absolute; top: inherit; bottom: 10px;}
a.med-play { background-position: -122px -787px; width: 45px; height: 45px; display: block; position: absolute; top:23%; left: 0px; right:0px; margin:0 auto;  opacity: .8; }
a.ipad-med-play { background-position: -10px -952px; width: 70px; height: 70px; display: block; position: absolute; top: 30%; left: 41%; opacity: .8; }
a.small-play { background-position: -117px -837px; width: 33px; height: 33px; z-index: 10; position: absolute; top: 25%; left: 32%; opacity: .8; }
.vs .jumbo a.med-play-stream { background-position: -8px -167px;width: 84px;height: 84px; display: block; position: absolute; top: inherit; left: 5px; bottom: 5px; opacity: 1; }
.vs .jumbo a.med-foto-stream { background-position: -8px -14px;width: 84px;height: 63px; display: block; left:10px; opacity: 1; position: absolute; top: inherit; bottom: 10px;}
/*#headline-prev, #headline-next { top: 40%; position: absolute; z-index: 999; cursor: pointer; background: url('https://cdn.okezone.com/underwood/img/sprites1x.png') no-repeat; position: absolute; }
#headline-prev { left: 30px; background-position: -26px -339px;;
    width: 48px;
    height: 104px; }
#headline-next { right: 30px; background-position: -26px -546px;
    width: 48px;
    height: 104px;}*/
#headline-prev, #headline-next { top: 40%; position: absolute; z-index: 100; cursor: pointer; background: url('https://cdn.okezone.com/underwood/img/sprites1x.png') no-repeat; position: absolute; }
#headline-prev { left: 30px; background-position: -34px -462px;
    width: 40px;
    height: 67px; }
#headline-next { right: 30px; background-position: -34px -671px;
    width: 40px;
    height: 67px;}
.vs .rmd-top-right iframe{width: 100%;}
.vs .menumobile, .m1 .navbar-default{display:none !important; margin-top:0px !important;}
.vs .dropdown-toggles img {border-radius: 30px; width : 30px; height: 30px;}
 

 /*top head navigation*/
 .top-head-nav {width: 100%; border-bottom: 1px solid #E4E4E4; float: left;}
 .top-head-nav ul {width: 87%; margin: 0 auto !important; padding: 0 !important;}
 .top-head-nav ul li {width:auto;  float: left; list-style: none; position: relative;display: block;      line-height: 18px;   font-size: 13px; letter-spacing: 1.3px;   text-align: center;}
 .top-head-nav ul li a { padding: 10px 15px; font-family: 'proxima_nova_ltsemibold'; text-transform: uppercase;    color: #848282;display: inline-block; text-align: center;}
 .top-head-nav ul li a:hover,  .top-head-nav ul li a:focus {    color: #848282; }
 .media-carousel .carousel-control.toptv.left {
    background: url('http://cdn.okezone.com/underwood/img/sprites.png') no-repeat -56px -823px;
    width: 6px;
    height: 15px;
    top: 18px;
    left: 20px;
}

.media-carousel .carousel-control.toptv.right {
    background: url('http://cdn.okezone.com/underwood/img/sprites.png') no-repeat -71px -823px;
    width: 7px;
    height: 15px;
    top: 18px;
    right: 20px;
}
 


#mediaipad{display: none;}
#mediamobile{display: none;}

/*carousel2body*/
.media-carousel2 {
    margin-bottom: 0;
    padding: 3px 30px;
    border: none;
    width: 100%;
    height: 52px;
    float: left;
    background: transparent;
}

.media-carousel2 .carousel-control.toptv.left {
    background: url('http://cdn.okezone.com/underwood/img/sprites.png') no-repeat -56px -823px;
    width: 6px;
    height: 15px;
    top: 20px;
    left: 0px;
}

.media-carousel2 .carousel-control.toptv.right {
    background: url('http://cdn.okezone.com/underwood/img/sprites.png') no-repeat -71px -823px;
    width: 7px;
    height: 15px;
    top: 20px;
    right: 0px;
}

#media2desktop{display: block;}
#media2ipad{display: none;} 
.carousel-inner.carousel-inner-desk {
    margin-left: 32px;
    margin-right: 32px;
    padding: 0px 5px;
    width: 93%;
}
/*carousel*/
.top-head-nav{display:block}
#mediaipad{display:none}
#mediamobile{display:none}
.topheadnavipad{margin:0 auto; position: relative; width:100%; border-bottom: 1px solid #eee}
.topheadnavipad a{ 
font-family: 'proxima_nova_ltsemibold';
text-transform: uppercase;
color: #848282;
display: inline-block;
text-align: center;
line-height: 18px;
font-size: 13px;
letter-spacing: 1.3px; 
float:left; padding: 10px 18px;} 
.media-carousel .carousel-control.toptv.right,.media-carousel .carousel-control.toptv.left{padding:0px; top:10px;}
.media-carousel .carousel-control.toptv.right{padding:0px; top:10px;}
.media-carousel .carousel-control.toptv.left{padding:0px; top:10px;} 
 

 /**newsadstop**/
 .newsadstop {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

 .col-newsadstop {
    background-color: #fff;
    padding: 10px;
    float: left;
    border: 1px solid#f0f0f0;
}

 .col-newsadstop:nth-child(2) {
    margin-left: 10px;
    margin-right: 10px;
    width: 370px;
    
}

 .col-newsadstop img {
    width: 92px;
    height: 59px;
    float: left;
    margin-right: 16px;
}

.col-newsadstop h4 {
    font-family: "proxima_nova_ltsemibold";
    margin: 0;
    padding: 0 5px;
}

.col-newsadstop h4 a {
    background: transparent;
    font-size: 15px;
    color: #000 !important;
    margin: 0 !important;
    padding: 0 !important;
}
     

/*+++++++image thumbnail height fix++++++++*/
.vs .hei-fix .thumb-news {max-width: 100%;margin-bottom: 10px; width: 100% !important; height: 135.651px !important;}
.vs  .hei-fix li.jumbo .thumb-news {  height: 427.38px !important; width: 100% !important;}
 /*+++ Labeled thumbnail+++++*/
 /*.thumb-o {width: 88%; height: 100%; position: absolute; left: 0; bottom: 0; background-size: cover; background-position: left bottom;}    
 .thumb-o-up {width: 88%; height: 100%; position: absolute; right: 0; top: 0; background-size: cover; background-position: right top;}    
 .bep-img {position: relative;width: 30%; height: 59px;display: block;float: left;margin-right: 15px !important;}*/


/*tvc model banner*/
.tvc-banner-r {width: 25%; float: left; margin:20px 0;}
.tvc-banner-r img {
    width: 300px;
}
/*.tvc-banner-r img { max-width: 100%; height: auto !important; }*/
.sponsored-belt728x90.tvc-banner-l { max-width: 728px; height: auto; /*margin: 20px 0 20px 20px;*/ overflow: hidden; /*float: left;*/ }
.sponsored-belt728x90.tvc-banner-l img { max-width: 100%; height: auto !important; }

/*cuaca*/
.cuaca-wrap {float: left; width: 25%; position: relative;}
.cuaca-isi {float: left; width: 58%; margin-right: 5px; height: 94px; overflow: hidden; position: relative;}
.cuaca-pilih {float: left; width: 40%; margin-top: 24px;}
.cuaca-img {width: 55%; float: left;    height: 94px; overflow: hidden;}
.cuaca-img img {width: 100%;  margin-top: -5px;}
.cuaca-ket {width: 56%; float: left;margin-top: 24px; margin-right: 5px;position: absolute; right:-35px;}
.cuaca-ket p.cu {font-size: 12px; font-family: 'proxima_nova_ltsemibold'; color: #959595; margin-bottom: 0; line-height: 6px;}
.cuaca-ket p {font-size: 19px; font-family: 'ProximaNova-Light'; color: #006ea1;  text-align: left; margin-bottom: 0;}
.box{    height: 94px; overflow: hidden;}
.dk-select {width: 100% !important;font-family: 'proxima_nova_ltsemibold';}
.song-pilih .dk-selected{ background: transparent !important;}


.dk-selected {border-radius: 0;border-color: #d2d2d2 !important; padding: 3px 1.5em 3px 0.5em; color: #606060;}

.dk-selected:hover:before, .dk-selected:focus:before,.dk-selected:before, .dk-selected:before {border-top-color: #606060 !important;}
.dk-selected:hover, .dk-selected:focus {border-color: #d2d2d2 !important;}
.dk-select-open-up .dk-select-options, .dk-select-open-down .dk-select-options, .dk-select-multi:focus .dk-select-options ,.dk-select-options{border-color: #d2d2d2;}
.dk-selected:after,.dk-selected:hover:after, .dk-selected:focus:after,.dk-select-open-up .dk-selected:after, .dk-select-open-down .dk-selected:after {border-left-color: transparent !important;}
.dk-select-open-up .dk-selected:before, .dk-select-open-down .dk-selected:before {border-bottom-color: #606060 !important;}
.dk-select-open-down .dk-select-options {border-radius: 0;}
.dk-select-options-highlight .dk-option-selected {color: #606060}
.dk-option-selected {background-color: transparent ;color: #606060;}
.dk-option {color: #606060;}
.dk-option { padding: 5px;}
.dk-select-options {max-height: 9.5em;}
.dk-select-options .dk-option-highlight { background-color: #f3f3f3;color: #606060;}
.sumber {font-size: 8px; font-family: 'ProximaNova-RegularIt';color: #959595; margin-bottom: 0; line-height: 6px;margin-left: 8%; clear: both;     position: absolute;
    bottom: 13px;
    right: 19%;}

/*popup*/
.bgpop{z-index: 999999; display:none; position: fixed; background:rgba(0,0,0,0.7); width:100%; height:130%;}
.closepop{position: absolute; height:40px; width:40px; background: url('https://cdn.okezone.com/underwood/img/closed1.png') no-repeat; background-size: 100%; opacity: 0.6; top:5px; right:5px; z-index: 99999999}
.closepop:hover{background: url('https://cdn.okezone.com/underwood/img/closed1.png') no-repeat;height:40px; width:40px; background-size: 100%;  display:block; opacity: 1;cursor: pointer;}
.bgblack{background: rgba(0,0,0,0.8);}
.popup{display:none; left:0px; right:0px;   background-size: cover; background-position: center; z-index: 9999999; margin:0 auto; top:10%; position: fixed; width:700px; overflow: hidden; height:400px;}
.popup .btn{position: absolute; bottom: 0px; left:0px; width:100%; text-align: center; right:0px; margin: 0 auto -70px; }
.popup .btn img{border-radius: 4px; text-align: center; opacity: 1;}
.popup .btn img:hover{opacity: 0.8}
.bgblack{display:none; background: rgba(0,0,0,0.7); height: 100%; position: fixed; width:100%; z-index: 99}
.popup.muncul{display: none}/*display:block*/
.bgpop.muncul{display: none;}/*display:block*/
.popup a.target{display: none; position: absolute; z-index: 99999999; top:0px; left:0px; right:0px;height: 620px; width:100%}/*display:block*/

/*popslide*/
/*.closepopslide{position: absolute; height:25px; width:25px; background: url('https://cdn.okezone.com/underwood/img/closed1.png') no-repeat; background-size: 100%; opacity: 0.6; top:5px; right:5px; z-index: 99999999}
.closepopslide:hover{background: url('https://cdn.okezone.com/underwood/img/closed1.png') no-repeat;  background-size: 100%;  display:block; opacity: 1;cursor: pointer;}
.popslide{opacity: 0; box-shadow: 0px 0px 5px #333; background-size: cover; background-position: center; z-index: 9999999; margin:0 auto; bottom: 40px; position: fixed; width:300px; overflow: hidden; height:200px;}
.popslide .btn{position: absolute; bottom: 0px; left:0px; width:100%; text-align: center; right:0px; margin: 0 auto -70px; }
.popslide .btn img{border-radius: 4px; text-align: center; opacity: 1;}
.popslide .btn img:hover{opacity: 0.8} 
.popslide.hilang{left:-100%; display: block;}
.popslide a.target{display: block; position: absolute; z-index: 99999999; top:0px; left:0px; right:0px;height: 620px; width:100%}*/


/*pop up video*/
.banner-video {width: 100%; margin: 0 auto; height: auto;}
.banner-video button {border:0; background: transparent; padding:0;}
.banner-video img {max-width: 100%;}
.video-pop{    z-index: 9999999 !important;}
.video-pop .close { position: absolute; right: -20px;top: -16px;font-size: 40px; background: #006EA1; opacity:1; color:#fff; border-radius: 50%;width: 40px;height: 40px;}
 
.wp-logox-head{position: relative;}
.kurswp{ right:20px; font-size: 12px; top:34px; position: absolute}
.ikurs{position: relative; }
.kurswp .usdidr{width:100px; float:left; margin-right:10px; font-size: 11px; }
.kurswp .usdidr .utitle{text-align: left; font-size: 12px; font-family: "proxima_nova_ltsemibold",sans-serif;color:#474fad; }
.kurswp .usdidr .uleft{float:left; letter-spacing: 0.05em}
.kurswp .usdidr .uright{float:right; letter-spacing: 0.05em}
.kurswp .idx{width:100px; padding-left:10px; border-left:1px solid #e1e1e1; float:right;}
.kurswp .idx .utitle{text-align: left; font-size: 14px;font-family: "proxima_nova_ltsemibold",sans-serif; color:#474fad; }
.kurswp .idx .udes{font-size: 20px;text-align: left; font-family: "ProximaNova-Light",sans-serif;}
.kurswp .idx .down{background:url('https://cdn.okezone.com/economy/2015/img/arrow-down.png') no-repeat; display: inline-block; width:20px; height: 20px; position: absolute; top:27px;right: -10px;}
.kurswp .idx .up{background:url('https://cdn.okezone.com/economy/2015/img/arrow-up.png') no-repeat; display: inline-block; width:20px; height: 20px; position: absolute; top:27px;right: -10px;}             
 #valsec2,#valsec3,#valsec4,#valsec5,#valsec6,#valsec7,#valsec8,#valsec9,#valsec10,
 #valsec11,#valsec12,#valsec13,#valsec14,#valsec15,#valsec16,#valsec17,#valse17,#valsec19,#valsec20{display:none }
#valutaselect {
    padding:2px 3px 0px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px; 
    border:1px solid #dcdcdc; min-width: 100px; float:right;
    background: #fff url('https://cdn.okezone.com/underwood/img/arrow-downkurs.png') no-repeat; background-position: center right 3px ; 
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}                     
 
/*musik*/
li.meurox a {
    color: #028bc5 !important;
}

.blink {
  -webkit-animation-name: blink;
     -moz-animation-name: blink;
       -o-animation-name: blink;
          animation-name: blink;
  -webktit-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
        -o-animation-timing-function: linear;
           animation-timing-function: linear;
  -webkit-animation-duration: 1s;
     -moz-animation-duration: 1s;
       -o-animation-duration: 1s;
          animation-duration: 1s;
}

.blink-infinite {
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.blink-5 {
  -webkit-animation-iteration-count: 5;
     -moz-animation-iteration-count: 5;
       -o-animation-iteration-count: 5;
          animation-iteration-count: 5;
}

.blink-furiously {
  -webkit-animation-duration: 0.3s;
     -moz-animation-duration: 0.3s;
       -o-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

@-webkit-keyframes blink {
  50% {
    opacity: 0;
  }
}
@-moz-keyframes blink {
  50% {
    opacity: 0;
  }
}
@-o-keyframes blink {
  50% {
    opacity: 0;
  }
}
@keyframes blink {
  50% {
    opacity: 0;
  }
}



.wrep2 .nav-music #wrapperi {width: 80%;}
.wrep2 .nav-music .news-nav-2 li a:link, .wrep2 .nav-music .news-nav-2 li a {padding: 15px 19px;}
.wrep2 .song-pilih { float: left; width: 144px; padding: 0 10px;}
.wrep2 .song-pilih li{display: block; float: none;font-size: 16px;padding-right:  10px; padding-left: 10px;}
.wrep2 .song-pilih audio {float: left; display: none;}
.wrep2  .song-pilih button { margin-top:8px; float: left; background-color: transparent; width: 30px; height: 30px;  display: block;}
.wrep2 .song-pilih .dk-select {width: 75% !important; float: left; }
.wrep2 .song-pilih .dk-selected {     padding: 14px 6px 10px 4px;font-size: 16px; border:0 !important; }
.wrep2 .song-pilih .dk-selected:before ,.wrep2 .song-pilih .dk-selected:after{top: 54%;}
#idj-play-button { background: url('http://cdn.okezone.com/underwood/img/play-music1x.png') no-repeat  center !important; background-size: 80% auto !important; position:relative;}
#idj-pause-button { background: url('http://cdn.okezone.com/underwood/img/pause-music1x.png') no-repeat center !important;background-size: 80% auto !important; position:relative;}

/*.wrep2 .song-pilih .dk-option-selected {background:#015383; color:#fff;}
*/.wrep2 .song-pilih .dk-option-selected {
    background: transparent;
    color: #606060;
}
/*.wrep2 .song-pilih .dk-select-open-down .dk-selected{color: #fff; background: #006da5;}
.wrep2 .song-pilih  .dk-select-open-down .dk-selected:before { border-bottom-color: #fff !important;} */

/*add ngakak*/
.ngakak {position: absolute; right: 7%; top: 1px;}
.ngakak a {background: #a21a64;/* padding: 10px 20px 2px 20px;*/ display: block;     padding: 13px 20px 2px 20px;   color: #fff !important; font-size: 15px; font-family: "proxima_nova_ltsemibold";}
.ngakak a p {float: left; display: inline-block; margin-top: 4px; font-family: 'Futura-OT'; text-transform: uppercase; font-weight: bold; font-size: 13px;}
.ngakak a:hover, .ngakak a:focus, .ngakak a:active {background:#eb2993 !important;}
.ngakak a span {width: 31px; height: 30px; background: url('../img/ngakak.png') no-repeat; background-size:100%; display: block; float: left; margin-right: 5px;}


/*QUICKCOUNT*/ 
.banner-quickcount{margin: 15px 13px 5px 15px; width: 97.5%;background: url('../img/quick-bg.png') no-repeat; background-size: cover; display: block;}
.quick-left { width: 24%; float: left;background: url('../img/quick-shadow.png') no-repeat; background-size: cover; display: block; padding: 30px 20px 30px 20px;}
.quick-logo { background: url('../img/quick.png') no-repeat; background-size: 100%; background-position: -8px -6px;display: block; width: 86%; height: 73px;} 
.quick-sponsor {margin-top: 50px;}
.quick-sponsor img {max-width: 100%; margin-left: -4px;}
.quick-sponsor p {  font-family: 'ProximaNova-Regular'; font-size: 10px; color: #fff; width: 100%; line-height: 15px; margin-bottom: 0px;}
.quick-right {width: 76%; float: left; padding:30px 15px 15px 0px ;} 
.kota { width: 47%; float:left; margin: 0px 20px 0 0px;}
.kota h3 {font-size: 27px; font-family: 'proxima_nova_ltsemibold'; color: #fff; margin-top: 0;}
.kota ol {width: 100%; color: #fff; padding-left: 23px;}
.kota ol li {width: 100%; font-size: 17px; float: left;}

.kota-left {
    width: 80%;
    font-family: 'ProximaNova-Regular';
    color: #fff;
    display: inline-block;
}

.kota-right {
    width: 18%;
    float: right;
    font-family: 'proxima_nova_ltsemibold';
    color: #f6ff03;
    margin-left: 2%;
}

.quick-tot {width: 100%; float: left; padding-left: 23px; }
.quick-tot .kota-left {width: 78%; font-size: 15px;}
.quick-tot .kota-right {width: 20%;color: #fff;font-size: 17px; padding-left: 8px;}
.quick-btn{ display: block; text-align: center; margin-top: 20px;}
.quick-btn a {font-family: 'ProximaNova-Regular';display: inline-block; border: 2px solid #fff; border-radius: 5px; text-align: center; padding: 10px 30px; text-transform: uppercase; color: #fff; }
.quick-btn a:hover, .quick-btn a:focus {background:#471a1a;border: 2px solid #471a1a;}

.livestreaming .tab-content .tab-pane#mbisnis .offline h3{margin-top:-6px;}
#mbisnis .offline {position: relative;}
#mbisnis .offline .idxnantikan{position: absolute; bottom:-25px;}


/*START POP UP MP3 EURO*/

.bgpop-euro{z-index: 9999999; display:none; position: fixed; background:rgba(0,0,0,0.7); width:100%; height:130%;}
.closepop-euro{position: absolute; height:21px; width:21px; background: url('https://cdn.okezone.com/underwood/img/closed2.png') no-repeat; background-size: 100%; opacity: 0.6; top:10px; right:25px; z-index: 99999999}
.closepop-euro:hover{background: url('https://cdn.okezone.com/underwood/img/closed2.png') no-repeat;height:21px; width:21px; background-size: 100%;  display:block; opacity: 1;cursor: pointer;}
.bgblack-euro{background: rgba(0,0,0,0.8);}
.popup-euro{display:none; left:0px; right:0px;   background-size: cover; background-position: center; z-index: 9999999; margin:0 auto; top:10%; position: fixed; width:650px; overflow: hidden; height:450px;}
.popup-euro .btn{position: absolute; bottom: 0px; left:0px; width:100%; text-align: center; right:0px; margin: 0 auto -70px; }
.popup-euro .btn img{border-radius: 4px; text-align: center; opacity: 1;}
.popup-euro .btn img:hover{opacity: 0.8}
.bgblack-euro{display:none; background: rgba(0,0,0,0.7); height: 100%; position: fixed; width:100%; z-index: 99}
.popup-euro.muncul{display: block}/*display:block*/
.bgpop-euro.muncul{display: block;}/*display:block*/
.popup-euro a.target{display: block; position: absolute; z-index: 99999999; top:0px; left:0px; right:0px;height: 620px; width:100%}/*display:block*/
.euro-count{ color:#97b63f; position: absolute; bottom:34px; left: 178px; line-height: 0.9;text-align:center;}
.euro-daynum{ font-size:66px; font-family: 'open_sansbold'; }
.euro-daytext{ font-size:30px; font-family: 'open_sansbold'; }
.bg-euro{ background-image: url("http://cdn.okezone.com/euro/2016/desktop/images/popup/floating-Euro_bg.jpg"); width:100%; height:100%;}

/*END POP UP MP3 EURO*/

/*+++++++++BREAKING NEWSSS++++++++++++*/
.break-wrap {height: 462px; width: 100%;}
.break-stream { width: 70%; float: left;height: 462px;}
.break-stream iframe {width: 100%;}
.break-foto {width: 30%; float: left; height: 462px; overflow-x: hidden;}
.break-foto-cont {padding:0  10px; float: left;}
.break-foto-list {margin:5px 5px; width: 46%; float: left;}
.break-foto-list img {max-width: 100%;}
.vs .break-foto-list .thumb-news {margin-bottom: 0;}
.vs .break-foto-list .thumb-news {height: 100px;}

@media (max-width: 1199px){
	.break-wrap {height: 372px; width: 100%;}
	.break-foto ,.break-stream {height: 372px;}
	.break-foto-list {margin:10px 5px; width: 46%; float: left;}	
	.vs .break-foto-list .thumb-news {height: 87px;}
	.top-head-nav ul {width: 100%; }
        #mediaipad{display: block}
        .top-head-nav{display:none} 
        #mediamobile{display: none}
}
@media (max-width: 991px){
     .carousel-inner.carousel-inner-desk { width: 91%;}
	.break-wrap {height: 286px; width: 100%;}
	.break-foto ,.break-stream {height: 286px;}
	.break-foto-list {margin:10px 5px; width: 44%; float: left;}
	.vs .break-foto-list .thumb-news {height: 55px;}
	.top-head-nav ul { width: 91%;}
	.top-head-nav ul li {width: auto; font-size: 11px;}
	.top-head-nav ul li a { padding: 10px 8px; }
        #mediaipad{display: none}
        .top-head-nav{display:none}
        #mediamobile{display: block}
        .topheadnavipad a{padding:10px 13px}
}
/*Queri */
@media (max-width: 1024px) {
    .vs .tabs-kanal li a {
    padding: 9px 10px;
    }
	/*pop up video*/
	.banner-video {max-width: 1000px; margin: 15px auto; height: auto;}

    .cuaca-wrap {
    float: left;
    width: 31% !important;
    }

    .wrep2 #wrapperi {
    width: 78%;
        }
    .col-wp-md-9 { width: 100% !important;}
    .col-wp-md-3 { display: none !important;}
    .ipad-bepil { display: block !important; padding: 18px; }
    .content-hardnews { margin-left: 0 !important;}
    .stick { position: relative !important; }
    .vs .sidebar-infografis li{width: 48%;}
    .vs .search-wp-full.swp-o { margin-top: 0 !important;}
    .vs .oke-icon  { left: -13px !important;}

    .col-newsadstop:nth-child(2) { width: 293px;}
    .col-newsadstop h4 a {font-size: 13px; }

    /*+++++++image thumbnail height fix++++++++*/
    .vs .hei-fix .thumb-news {max-width: 100%;margin-bottom: 10px; width: 100% !important; height: 95.322px !important;}
    .vs  .hei-fix li.jumbo  .thumb-news {  height: 306.39px !important;width: 100% !important}

    .wrep2 #scroller2 {
    position: absolute;
    z-index: 1;
    width: 82%;
    height: 46px;
    overflow: hidden;
    }

    .vs #scroller {
    width: 1000px;
    overflow: hidden;
    height: 47px;
    }

    /*musik*/
    .wrep2 .nav-music #wrapperi { width: 75%;}
    .wrep2 .song-pilih {border-left: 1px solid #ddd; padding: 0 5px;}
    .wrep2 .song-pilih .dk-select {width: 72% !important;}
}

@media (min-width: 1000px) and (max-width: 1024px) {
    /*.sponsored-belt468x60 {padding : 16px 0 20px 90px !important;}*/

}
@media (min-width:1025px) { 
    .col-wp-md-9 { width: 78% }
    .col-wp-md-8 { width: 75% }
    .col-wp-md-4 { width: 25% }
    .col-wp-md-3 { width: 22% }
}
@media (max-width:1200px) { 
    /*pahlawan */
    .pahlawan3 { right : -27px; }
    .pahlawan3 img { width : 82%;}
    /*.sb-search{display: none!important;}*/
    .apps { margin-left: 0 }
    .apps a { margin: 0 6px 0 0 }
    .stick { position: relative; width: 292px; }
    .ques-icon-login {
        top: -41px;
        left: 3px;
        z-index: 10;
        position: absolute;
    }
    a.dropdown-toggle.blue { background-color: transparent; float: right; width: auto; font-family: 'franklingothicurwdemregular'; font-size: 15px; margin: -5px -5px 0px -26px;
                             height: 42px; padding: 13px 29px 0px 15px;
    }
    ul.kanali.dropdown-menu { float: left; right: -19px; }
    .biznet p { font-size: 11px;}

    /**Redign WP New Header 1200***/
    .blue-navbarx {
        margin-top:0;
    }

    .headresponsive {
        padding: 15px 0;
        background: #fff;
        border-bottom: 1px solid #C8C6C6;
        position: fixed;
        z-index: 99999;
        width: 100%;
        -webkit-overflow-scrolling: touch;
        top: 0;
    }

    .sso-wrep {
        margin-top: 4px;
        margin-left: 0;
    }

    .okezone-logosx{
        width: 200px;
        height: 47px;
        display: block;
        /* top: 16px; */
        /* left: 468px; */
        float: left;
        z-index: 10;
        /* position: absolute; */
        text-indent: -9999px;
        display: block;
        margin-top: -20px;
    }

    .okezone-logosx a {
        background: url('http://cdn.okezone.com/underwood/img/logo_wp1.gif') no-repeat;
        width: 200px;
        height: 47px;
        display: block;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    /*.menu-click{
        background: url('http://cdn.okezone.com/www/2015/img/icon_menu.png') no-repeat;
        width: 35px;
        height: 35px;
        display: block;
        float: left;
        z-index: 10;
        margin-top: 10px;
        margin-right: 20px;
        margin-left: 0;
    }*/

    /*.menu-click:hover{cursor: pointer;}*/

    /*.menu-click a{
        background: url('http://cdn.okezone.com/www/2015/img/icon_menu.png') no-repeat;
        width: 35px;
        height: 35px;
        display: block;
    }*/

    /*Form Search1*/
    .search-topxs .wp-searchxs {
        width:88%;
        background: #ebebeb;
        border: none;
        float: left;
    }

    .search-topxs .wp-search-buttonx {
        background: url('http://cdn.okezone.com/www/2015/img/icon_search-white.png') center no-repeat #37A6CC;
        text-transform: uppercase;
        border: none;
        padding: 0 20px;
        height: 30px;
        border-radius: 0;
    }

    .search-topxs .search-mex .form-control {
        padding: 6px 12px;
        height: 30px;
        border-radius: 0;
    }
    .search-topxs .search-mex{
        margin-top:9px;
        float: right;
        width: 472px;
        margin-right:0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .search-topxs .brad-zeroxs {
        border-radius: 0;
    }

    .nav-uname {
        width: auto;
        position: relative;
        padding: 5px 4px 0px 0px;
    }

    a.dropdown-toggle.blue {
        background-color: transparent;
        float: right;
        width: auto;
        font-family: 'franklingothicurwdemregular';
        font-size: 15px;
        margin: -6px -25px 0px -26px;
        height: 42px;
        padding: 13px 29px 0px 15px;
    }

    #adv-custom-caption{
        height: auto; width: 96.9%!important;
    }



    /****/
}

/*@media (max-width: 1366px){ 
    .wp-bg {
        background: url("http://cdn.okezone.com/underwood/img/skin-kartini-laptop.jpg") no-repeat scroll 0 0 / 25% auto rgba(0, 0, 0, 0);
        left: -190px;
        top: 16px;
    }
}*/
@media (max-width: 1366px){  
    /*.wp-bg {
        background: transparent url("http://cdn.okezone.com/underwood/img/17an-laptop-kiri.png") no-repeat scroll 0 0 / 32% auto;
        left: -17%;
        top: 30%; 
    }*/
/*    .wp-bg {
        background: transparent url("http://cdn.okezone.com/underwood/img/Skin-HAORNAS.jpg") no-repeat scroll 0 0 / 30% auto;
        left: -20%;
        top: 74%;
    }*/
    /*.wp-bg1 {
        background: transparent url("http://cdn.okezone.com/underwood/img/skin-laptop-kanan.png") no-repeat scroll 0 0 / 25% auto;
        right: -88%;
        top: 30%;
    }*/
/*    .wp-bg{background: url('http://cdn.okezone.com/underwood/img/Event-BG-laptop.png')no-repeat scroll 0 0 / 22% auto rgba(0, 0, 0, 0);
        left: -7.5%; 
        top: 74%;}*/
}
@media only screen and (max-width: 1199px){
    /*pahlawan */
    .pahlawan3 {

    }
  .vs .nav-login {
        float: right;
        padding: 15px 0 12px 8px;
        }
  .search-wp-full .inp {width: 96.7%;}

  
}
@media (max-width:1199px) { 
.wrep2 .nav-music .news-nav-2 li a:link, .wrep2 .nav-music .news-nav-2 li a{ padding: 15px 11px;}
.wrep2 .nav-music #wrapperi {width: 76%;}

    .bottom-ads-new {
    width: 96.6%;
    }

   /* quickcount*/
    .kota-left {
    width: 85%;
    }

    .kota-left {
    width: 85%;
    }

    .kota-right {
    width: 11%;
    }

    .quick-tot .kota-left {
    width: 75%;
    }

    .quick-tot .kota-right {
    width: 14%;
    }
    /* quickcount*/

    .breakingnew-wp {
        padding: 10px 13px 5px;
    }

    .breakingnew-wpleft h4 {
    font-size: 15px;
    padding-top: 3px;
    }

    .breakingnew-wpright b a {
    font-size: 13px;
    }


    h3.vid-title { margin: 1px 12px 10px 0 }
    h4.vid-title { margin: 1px 12px 10px 0 }
    .col-wp-md-9 { width: 78% }
    .col-wp-md-8 { width: 69% }
    .col-wp-md-4 { width: 31% }
    .col-wp-md-3 { width: 22% }

    a.small-play { top: 18% }
    .vid-more a { }
    .sidebar-infografis li { width: 114px }
    .wp-search { width: 70%; margin-left: 49px; }
    .apps a { margin: 0 6px 0 0 }
    .dnone-1199 { display: none !important }
    .show-1199 { display: block !important }
    .drop-1199 { margin-right: 3px; font-size: 15px; }
    .content-hardnews { margin-left: 0 }
    .cycle-wrap { height: 357px }
    .no-img-cont { margin-left: 0 !important }
    .news-nav-2 li a:link, .news-nav-2 li a { padding: 11px 23px }
    .sponsored-belt468x60 { padding: 15px 0 20px 18px; height: 100px; }
    .sponsored-belt468x60.ads-content { padding: 15px 0 20px 18px; height: 100px; }
    .wp-bg { /*left: -193px;*/left: -151px; top:95%;/* background-size: 20%;*/ background-size: 28%; }
    .wp-bg1 { /*left: -149px;*/right: -87%; top:47%;/* background-size: 20%;*/ background-size: 28%; display: none; }
    .adss,.adss2{display: none;}
    .adss3{display: block;}
    .banner-top-center embed{width: 100%;}

    .col-newsadstop:nth-child(2) {
    width: 293px;
    }

    /*+++++++image thumbnail height fix++++++++*/
    .vs .hei-fix .thumb-news {max-width: 100%;margin-bottom: 10px; width: 100% !important; height: 95.325px !important;}
    .vs .hei-fix li.jumbo  .thumb-news {  height: 306.393px !important;width: 100% !important}

    .tvc-banner-r {width: 31%; float: left; margin:20px 0;}
    .sponsored-belt728x90.tvc-banner-l { max-width: 100%; height: auto; margin: 20px 0 20px 15px; overflow: hidden; float: left; height: 90px ;}

    /*cuaca*/
    .cuaca-wrap {float: left; width: 27%;}
    .sumber{margin-left: 20%;}

    /*QUICKCOUNT*/
    .quick-left {background-size: 100%;padding: 22px 14px 75px 20px;}
    .quick-logo { background-position: -6px -6px;height: 46px;} 
    .quick-sponsor {margin-top: 19px;}
    .quick-sponsor img {max-width: 100%; width: 40%;}
    .quick-right {padding: 22px 15px 18px 0px;} 
    .kota { margin: 0 7px;    width: 48%;}
    .kota h3 {font-size: 22px; }
    .kota ol {padding-left: 16px;}
    .kota ol li {font-size: 15px; }
    .quick-tot {padding-left: 16px;}
    .quick-tot .kota-left {font-size: 14px;}
    .quick-tot .kota-right {font-size: 15px;}
    .quick-btn{ margin-top: 16px;}
    .quick-btn a {padding: 5px 22px; }
}
@media (max-width:1024px) { 
    .vs .headline-bg div{width: 100%; height: 508px;}
.vs .cycle-wrap{height: 508px;}
.vs .cycle-headline h2{font-size: 48px; line-height: 48px;}
.vs #adv-custom-caption{height: auto;}
    .cycle-slideshow { }
    .no-img-content { margin-left: 0 !important }
    .biznet { margin-left: 0; float: right;}
    .biznet p  { margin-left: 20px; font-size: 8px;}
    .sponsored-belt468x60 { padding : 20px 0 20px 17px }
    .mnc-logo span a:link { margin-left: 0; float: left;}
   /*.wp-bg { left: -130px;background-size: 32%;top: 0; background: url('http://cdn.okezone.com/underwood/img/bg_wp-300.png') no-repeat; }*/
    /*.wp-bg { left: -130px;background-size: 32%;top: 0; background: url('http://cdn.okezone.com/underwood/img/8Years-SkinWP.jpg') no-repeat; }*/
    /*.wp-bg { left: -130px;background-size: 32%;top: 0; background: url('http://cdn.okezone.com/underwood/img/skin-kartini-laptop.jpg') no-repeat; }*/
    /*.wp-bg { left: -240px;background-size: 32%;top: 0; background: url('http://cdn.okezone.com/underwood/img/sumpah-pemuda.png') no-repeat; }*/
    .wp-bg,.wp-bg1 {display: none;}

    
}

@media (max-width:991px) { 

    .breakingnew-wp {
    padding: 10px 15px 5px;
    }

    .breakingnew-wpleft h4 {
    font-size: 13px;
    }


    /*musik*/
    .wrep2 .nav-music #wrapperi { width: 68%;}
    .wrep2 #wrapperi {
    width: 75%;
    overflow: hidden;
    height: 45px;
    position: relative;
    float: left;
    }
    
    .wrep2 #wrapperi {
    width: 75%;
    overflow: hidden;
    height: 45px;
    position: relative;
    float: left;
    }

    .pahlawan3 { display: none;}
    .col-newsadstop:nth-child(3), .col-newsadstop:nth-child(1) {
    width: 233px;
    }
    .col-newsadstop:nth-child(2) {
    width: 233px;
    }

    .col-newsadstop h4 a {
    font-size: 11px;
    }

    .tvc-banner-r {width: 41.66666667%; float: left; margin:20px 0;}
    .sponsored-belt728x90.tvc-banner-l { max-width: 100%; height: auto; margin: 20px 0 20px 15px; overflow: hidden; float: left; height: auto ;}

        /*cuaca*/
        .cuaca-wrap {float: left; width: 35% !important;}
        .cuaca-isi {float: left;width: 52%; margin-right: 5px;}
        .cuaca-img {margin-top: 8px; width: 65%;}
        .cuaca-ket { width: 65%; float: left;margin-top: 9px;margin-right: 0;}
        .cuaca-ket p.cu {font-size: 9px; }
        .cuaca-ket p {font-size: 16px;}
        .cuaca-pilih { float: left;width: 41%; font-size: 12px; margin-top: 9px;}
        .sumber { font-size:9px; margin-left: 0%; right: 2%; bottom: 20px;}
        .kurswp .idx{display: none;}

    /*QUICKCOUNT*/
    .banner-quickcount {width: 96%;}
    .quick-left {background-size: cover !important;height: 100%;padding: 20px 0px 63px 13px; height: 100%;}
    .quick-logo { background-position: -6px -6px;height: 35px;} 
    .quick-sponsor {margin-top: 9px;}
    .quick-sponsor img {max-width: 100%; width: 40%;}
    .quick-right {padding: 15px 10px 15px 0px;} 
    .kota { margin: 0 7px;width: 47%;}
    .kota h3 {font-size: 16px;}
    .kota ol {padding-left: 16px;}
    .kota ol li {font-size: 12px;}
    .quick-tot {padding-left: 16px;}
    .quick-tot .kota-left {font-size: 12px;}
    .quick-tot .kota-right {font-size: 13px;}
    .quick-btn{margin-top: 8px;}
    .quick-btn a {padding: 3px 22px;font-size: 13px;}
}
@media (max-width:768px) { 
    .col-newsadstop:nth-child(3), .col-newsadstop:nth-child(1) {
    width: 235px;
    }
    .col-newsadstop:nth-child(2) {
    width: 230px;
    }
    .col-newsadstop h4 a {
    font-size: 11px;
    }

    .col-newsadstop h4 {
    line-height: 0.9;
    }

    .logooke1 .okezone-logosx1 a {
    background-size: 230px;
    background-position: 45px;
    }
    
}
@media (max-width:767px) {  
    .kurswp {display: none;} 
    .top-head-nav {display: none;}
    #mediaipad{display: none}
    .top-head-nav{display:none}
    #mediamobile{display: none} 
    }
@media (max-width: 749px) {
  .col-newsadstop:nth-child(3), .col-newsadstop:nth-child(1) {
    width: 32%;
    }
    .col-newsadstop:nth-child(2) {
    width: 32%;
    }

    .col-newsadstop h4 a {
    font-size: 11px;
    }
}

@media (max-width: 640px) {
      .col-newsadstop {
        margin-left: 0 !important;
        margin-bottom: 10px;
        width: 100% !important;
        padding: 10px;
    }

    .col-newsadstop h4 a {
    font-size: 15px;
    }
}


@media (max-width:767px) { 
    .popup.muncul{display: none !important;}
    .bgpop.muncul{display: none !important;}
    .popup{display: none !important;}
    .bgpop{display: none !important;}
    .search-me { display: none }
    .sidebar { display: none }
    .okezone-logo h1 a:link { margin: 24px auto 0 auto }
    .banner-top-center { display: none }
    .cycle-slideshow { height: auto !important }
    .news-hardnews { margin-right: 2px !important }
    .headline-bg div { width: 100% !important }
    .okes { background-image: none }
    .drop-ipad-skin { float: right }
    .search-mex { display: none;}
    /*.thumb-news { width: auto !important;height: 400px !important;}*/
    .headresponsive { padding : 0 !important;}
    /*.cycle-wrap {height: 375px !important;}*/
    .headline-bg div {}



}
@media only screen and (max-width:1200px) { 
    .nav>li>a { padding: 15px 20px }
    /*.tabs-kanal li a { padding: 9px !important }*/
    .tabs-kanal li a {padding: 10.5px 8px !important;font-size: 12px; }
    .head-cat, .head-cat1 { width: 91.5% }
    .d-none { display: none }
    .w100p { width: 100% }
    .cycle-slideshow-news-headline { width: 100%; height: 293px; margin-bottom: 20px; overflow: hidden !important; }
    .cycle-slideshow-news-headline1 { height: 256px; overflow: hidden; }
    .cycle-slideshow img { height: auto }
    .slide-headline1 { width: 75.5%; float: left; }
    #per-slide-template1 { background: #010101; padding: 10px; width: 23.5%; float: left; }
    .cycle-slideshow-news-headline h2, .cycle-slideshow-news-headline1 h2 { line-height: 18px; margin-top: 5px; }
    .cycle-slideshow-news-headline h2 a:link, .cycle-slideshow-headline h2 a, .cycle-slideshow-news-headline1 h2 a:link, .cycle-slideshow-headline1 h2 a { font-size: 18px }
    span.vid-ram, span.vid-ram1 { font-size: 12px }
    .news-nav-2 li a:link, .news-nav-2 li a { padding: 11px 12px }
    .tabs-kanal li.pahlawan a {padding: 0px !important;}

    /*add ngakak*/
    .ngakak {position: absolute; right: 5%; top: 1px;}
    .ngakak a {background: #a21a64; /*padding: 7px 9px 0 9px !important;*/height: 39px;    padding: 9px 9px 0 9px !important;}
    .ngakak a p {float: left; display: inline-block; margin-top: 3px !important; font-family: 'Futura-OT'; text-transform: uppercase;}
    .ngakak a span { width: 26px; height: 26px;}
}
@media only screen and (max-width:1024px) { 
    .berita-pilihan.ipad-bepil {display: none !important;}    
    .berita-pilihan .visible-md {display: none !important;}
    .tabs-kanal li.pahlawan {width: 20%;}


}
@media only screen and (max-width:991px) { 
    embed#Advertisement{
        /*height:44px;*/
    }
     .vs #wrapper {width: 81%;}
    .ps-nol { padding: 0 }
    .nav > li > a { /*padding: 12px */     padding: 14px 12px 10px 12px;}
    .news-search { width: 62% }
    .ps-nol { padding: 0 }
    .news-search { width: 62% }
    .news-bg { background: url("http://cdn.okezone.com/underwood/img/bg_news.jpg") no-repeat scroll 0 0 / 39% auto rgba(0, 0, 0, 0); left: -23% !important; }
    .head-cat, .head-cat1 { bottom: 0; left: 0; margin: 0; max-width: none; padding: 15px 15px 10px 15px; width: 100%; }
    .cycle-slideshow-news-headline h2, .cycle-slideshow-news-headline1 h2 { line-height: 18px; margin-top: 5px; }
    .cycle-slideshow-news-headline h2 a:link, .cycle-slideshow-headline h2 a, .cycle-slideshow-news-headline1 h2 a:link, .cycle-slideshow-headline1 h2 a { font-size: 18px }
    span.vid-ram, span.vid-ram1 { font-size: 12px }
    .cycle-slideshow img { height: auto }
    .stick { width: 305px }
    .list-berita li { margin-right: 0; margin-left: 0; }
    .content-hardnews { margin-top: 15px }
    .komen { margin-right: 0 }
    .slide-headline, .slide-headline1 { width: 100% }
    .cycle-slideshow { height: auto; overflow: hidden; }
    .cycle-slideshow-news-headline, .cycle-slideshow-news-headline1 { height: 225px; overflow: hidden; }
    #headline-prev, #headline-next{}
    .vs .cycle-headline h2{font-size: 38px; line-height: 38px;}
    .vs #adv-custom-caption{ width: 96%!important;}
    .vs .cycle-wrap{height: 390px;}
    .vs .headline-bg div{height: 390px;}
    .vs .col-wp-md-8{width: 58.33333333%;}
    .vs .right-wrap{width: 41.66666667%; padding-left: 15px;}
    .vs .biznet img, .vs .biznet p{margin-left: 0;}
    .rmd-top-right,.foto-video{margin: 0px 0 15px}
    .livestreaming{width: 100%;}
    .livestreaming li.fl{width: 20%;}
    .livestreaming ul.tabstream li a{padding: 2px 0px 7px;text-align: center;}
    .livestreaming li.fl:first-child img{margin: 0;}
    .livestreaming .tab-content .tab-pane ul li div:last-child{width: 59px;}
    .ipad-bepil{padding: 0;margin: 0;}
    .livestreaming .tab-content .tab-pane ul li div span.btl{font-size: 12px;}
    .foto-video{width: 100%;}
    .sidebar-infografis {margin: 0px 0 15px;float: left;width: 100%;}
    .vs .sidebar-infografis li{width: 48%;}
    .social-media, .apps{float: none;width: 100%; text-align: center; margin: 0;}
    .soc-apps{margin: 0; float: none; width: 100%;}
    .footer-copyright{margin: 15px 0;}
    .vs .list-berita li{float: left;width: 50%;}
    .vs .list-berita li.middle{padding: 10px 10px 16px;}
    .vs .thumb-news{height: 103px;}
    .vs .list-berita li.jumbo .thumb-news{height: 215px;}
    .welcome-breaking{}
    .vs .news-hardnews{float: left; width: 100%;}
    .go-search{float: left;}
    /*.vs .sponsored-belt468x60 {padding: 10px 30px;height: 70px;}*/
    .vs #custom-pager{}
    .vs .news-hardnews ul{margin: 0;}
    .vs #headline-prev, #headline-next{top: 36%;}
    .vs #headline-prev{background-position: -34px -462px;width: 32px;height: 67px;}
    .vs #headline-next{background-position: -34px -671px;width: 32px;height: 67px;}
    .vs .ruangan-anda li.w100 a{padding: 4px 0px;}
    .vs .warkop{height: 32px;}
    
    .hidden-nav { display: none !important; float: left; }
    .news-nav-2 li a:link, .news-nav-2 li a { padding: 11px 18px }
    .search-me .form-control { margin-left:  0px }/*be*/
    .wp-search { width: 60% }
    .wp-search-button { padding: 5px 8px }
    .br-text h3 { margin: 0 0 10px 0 }
    .vid-more a { }
    .sidebar-infografis li { float: left; margin-right: 6px; width: 134px; }
    .list-berita li { padding: 8px 15px 10px 15px }
    .p-nol-ipad { padding: 0 }
    .m-nol-ipad { margin-top: 0 !important }
    .dnone-ipad { display: none !important }
    .show-ipad { display: block !important }
    .ipad-bepil { margin-left: 0; }
    .berita-pilihan ul { margin: 0 0 30px 0 }
    .berita-pilihan h3 { margin: 0 0 10px 0; width: 95%; }
    #custom-pager { 
        bottom: 11px
    }
    .cycle-headline h2 { font-size: 36px }
    .drop-ipad { margin-top: -57px; margin-right: 18px; font-size: 15px; padding: 13px 0px 0 0; }
    .drop-ipad a:link, .drop-ipad a:visited { color: #fff; /*font-family: 'FranklinGothicURWMedRegular';*/ font-family: 'Futura-OT'; text-transform: uppercase; font-weight: bold; font-size: 13px;}
    .nav .drop-ipad > a:hover { background: #2EA6D4; color: #fff; padding: 13px 11px 9px 9px !important; }
    .drop-ipad-skin > li > a:hover { background-color: #01C5FF !important }
    .news-hardnews ul { margin: 3px 0 0 0 }
    .news-hardnews h2 { font-size: 28px; margin: 13px; letter-spacing: -1px; }
    .apps { margin-left: 7px }
    .apps a { margin: 0 8px 0 0 }
    .content-hardnews h2 { margin: 6px 0 8px 0 }
    .content-hardnews h5 { margin: 6px 0 8px 0 }
    .wp-bg { background-size: 24% auto; height: 1600px;/* left: -19%;*/  left: -24%; top: -72%; width: 100%; z-index: -1; }
    .cycle-wrap { height: 236px }
    .thumb-news { width: 380px; height: 200px; }
    .content-hardnews { margin-left: 0 }
    .sponsored-belt468x60 { padding: 20px 0 20px 10px; margin-right: 10px; }
    #wrapper { z-index: 1; width: 83%;  overflow: hidden; height:52px; position: relative;float: left; }
    #scroller { position: absolute; z-index: 1; width: 1000px; height: 52px;  -webkit-transform: translateZ(); -moz-transform: translateZ(); -ms-transform: translateZ(); -o-transform: translateZ(); transform: translateZ(); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; }
    .br-break { float: none }
    .cycle-wrap { height: 236px }
    .headline-bg div { width: 411px; height: 240px; }
    a.dropdown-toggle.blue { background-color: transparent; float: right; width: auto; font-family: 'franklingothicurwdemregular'; font-size: 15px; margin: -5px -16px 0px -17px; }
    .oke { background-image: url('http://cdn.okezone.com/underwood/img/sprites.png'); background-position: -165px -2225px; width: 30px; height: 25px; z-index: 10; position: absolute; bottom: -37%;left: -65%; opacity: 1.1; }
    .ques-icon-login {
        top: -41px;
        left: 10px;
        z-index: 10;
        position: absolute;

    }
    ul.kanali.dropdown-menu { float: left; right: -27px; }
    .nav-uname { width: auto; position: relative; padding: 5px 25px 0px 9px; }
    .sidebar-infografis li { width: 125px }
    .mnc-log { margin-left: 16px;}

    /**Redign WP New Header 991***/
    .blue-navbarx {
        margin-top:0;
    }

    .headresponsive {
        padding: 15px 0;
        background: #fff;
        border-bottom: 1px solid #C8C6C6;
    }

    .sso-wrep {
        margin-top: 4px;
        margin-left:0;
    }

    .okezone-logosx{
        width: 143px;
        height: 35px;
        display: block;
        float: left;
        z-index: 10;
        margin-top: 7px;
        text-indent: -9999px;
        display: block;
        margin-top: -12px;
    }

    .okezone-logosx a {
        background: url('http://cdn.okezone.com/underwood/img/logo_wp-scroll.png') no-repeat;
        width: 139px;
        height: 36px;
        display: block;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    /*.menu-click{
        background: url('http://cdn.okezone.com/www/2015/img/icon_menu.png') no-repeat;
        width: 35px;
        height: 35px;
        display: block;
        float: left;
        z-index: 10;
        margin-top: 10px;
        margin-right: 20px;
        margin-left: 0;
    }

    .menu-click a{
        background: url('http://cdn.okezone.com/www/2015/img/icon_menu.png') no-repeat;
        width: 35px;
        height: 35px;
        display: block;
    }*/

    /*Form Search1*/
    .search-topxs .wp-searchxs {
        width: 87%;
        background: #ebebeb;
        border: none;
        float: left;
    }

    .search-topxs .wp-search-buttonx {
        background: url('http://cdn.okezone.com/www/2015/img/icon_search-white.png') center no-repeat #37A6CC;
        text-transform: uppercase;
        border: none;
        padding: 0 20px;
        height: 30px;
        border-radius: 0;
    }


    .search-topxs .search-mex .form-control {
        padding: 6px 12px;
        height: 30px;
        border-radius: 0;
    }
    .search-topxs .search-mex{
        margin-top: 9px;
        float: right;
        width: 310px;
        margin-right: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    .search-topxs .brad-zeroxs {
        border-radius: 0;
    }

    /****/
    .adss,.adss3{display: none;}
    .adss2{display: block !important;height: 367px !important;}

    .banner-top-center embed{width: 100%;}
    .search-wp-full .inp {width: 96%;}

    /*+++++++image thumbnail height fix++++++++*/
    .vs .hei-fix .thumb-news {max-width: 100%;margin-bottom: 10px; width: 100% !important; height: 87.466px !important;}
    .vs .hei-fix li.jumbo .thumb-news {height: 185.407px !important; width: 100% !important}

    .tabs-kanal li.pahlawan { min-height: 40px !important;}

    /*add ngakak*/
    .ngakak {position: absolute; right: 21%; top: 1px;}
    .ngakak a {background: #a21a64;/*padding: 10px 3px 9px 3px !important;    */ padding: 11px 3px 9px 3px !important;}
    .ngakak a p {float: left; display: inline-block; margin-top: 0px !important;}
    .ngakak a span { width: 20px; height: 20px;}


}
@media only screen and (min-width:768px) and (max-width:1023px) { 
    .ps-nol { padding: 0 }
    .news-search { width: 62% }
    .news-bg { background: url("http://cdn.okezone.com/underwood/img/bg_news.jpg") no-repeat scroll 0 0 / 39% auto rgba(0, 0, 0, 0); left: -23%; }
    .head-cat, .head-cat1 { bottom: 0; left: 0; margin: 0; max-width: none; padding: 15px 15px 10px 15px; width: 100%; }
    .cycle-slideshow-news-headline h2, .cycle-slideshow-news-headline1 h2 { line-height: 18px; margin-top: 5px; }
    .cycle-slideshow-news-headline h2 a:link, .cycle-slideshow-headline h2 a, .cycle-slideshow-news-headline1 h2 a:link, .cycle-slideshow-headline1 h2 a { font-size: 18px }
    .cycle-slideshow img { height: auto }
    span.vid-ram, span.vid-ram1 { font-size: 12px }
    .stick { width: 260px }
    .list-berita li { margin-right: 0; margin-left: 0; }
    .komen { margin-right: 0 }
    .slide-headline, .slide-headline1 { width: 100% }
    .cycle-slideshow { overflow: hidden }
    .cycle-slideshow-news-headline, .cycle-slideshow-news-headline1 { height: 225px; overflow: hidden; }
    .hidden-nav { display: none !important; float: left; }
    #wrapper { z-index: 1; width: 83%; overflow: hidden; height: 52px; position: relative; float: left; }
    #scroller { position: absolute; z-index: 1; width: 1000px; height: 52px; -webkit-transform: translateZ(); -moz-transform: translateZ(); -ms-transform: translateZ(); -o-transform: translateZ(); transform: translateZ(); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; }
    
    /*.wp-bg { left: -130px;background-size: 32%;top: 0; background: url('http://cdn.okezone.com/underwood/img/bg_wp-300.png') no-repeat; }*/
    /* .wp-bg { left: -103px;background-size: 20%;top: 0; background: url('http://cdn.okezone.com/underwood/img/sumpah-pemuda.png') no-repeat; }*/
    /*.wp-bg { left: -130px;background-size: 32%;top: 0; background: url('http://cdn.okezone.com/underwood/img/8Years-SkinWP.jpg') no-repeat; }*/
    /*.wp-bg { left: -130px;background-size: 32%;top: 0; background: url('http://cdn.okezone.com/underwood/img/skin-kartini-laptop.jpg') no-repeat; }*/
}
@media only screen and (max-width:768px) { 
    .vs .sbs.sb-search {display: none;}
    .search-wp-full {display: block;}
    .search-wp-full .inp{width: 94.5%;}
    .tabs-kanal li.pahlawan { min-height: 40px !important;}
}
@media only screen and (max-width:767px) { 
    .vs .menumobile{display:block !Important}
    .wp-bg { background-size: 46% auto; height: 1600px; left: -19%; top: -72%; width: 100%; z-index: -1; }
    .fa-home { margin-left: 20px }
    .sso-wrap { float: left; margin-top: 0; }
    .content-hardnews { margin-top: 15px }
    .cycle-slideshow img { height: auto }
    .slide-headline { width: 97% }
    .head-cat, .head-cat1 { bottom: 0; left: 0; margin: 0; max-width: none; padding: 15px 15px 10px 15px; width: 100%; }
    .detail-img, .meta-bottom-content, .detail-komentar { margin-right: 20px }
    .rmd-w31 { width: 100%; text-align: center; }
    .cycle-slideshow-news-headline h2, .cycle-slideshow-news-headline1 h2 { line-height: 18px; margin-top: 5px; }
    .cycle-slideshow-news-headline h2 a:link, .cycle-slideshow-headline h2 a, .cycle-slideshow-news-headline1 h2 a:link, .cycle-slideshow-headline1 h2 a { font-size: 18px }
    span.vid-ram, span.vid-ram1 { font-size: 12px }
    #wrapper { z-index: 1; width: 83%; background: #fff; overflow: hidden; height: 52px; position: relative; float: left; }
    #scroller { position: absolute; z-index: 1; width: 1000px; height: 52px;  -webkit-transform: translateZ(); -moz-transform: translateZ(); -ms-transform: translateZ(); -o-transform: translateZ(); transform: translateZ(); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; }
    .multi-play { background: url('http://cdn.okezone.com/underwood/img/sprites.png') no-repeat; position: absolute; margin: 0 auto; background-position: -10px -952px; height: 70px; width: 70px; left: 45%; top: 26%; }
    .vs .sbs.sb-search {display: none;}

     /*+++++++image thumbnail height fix++++++++*/
    .vs .hei-fix .thumb-news {max-width: 100%;margin-bottom: 10px; width: 100% !important; height: 173.885px !important;}
    .vs  .hei-fix li.jumbo  .thumb-news {  height: 357.721px !important; width: 100% !important}

    /*add ngakak*/
    .ngakak {display: none;}
    .ngakak a span { display: none;}
    .ngakak a {padding: 15px 7px 14px 7px !important;}
}
@media only screen and (min-width:481px) and (max-width:767px) { 
    .nav > li > a { padding: 8px 20px }
    .news-bg { background: url("http://cdn.okezone.com/underwood/img/bg_news.jpg") no-repeat scroll 0 0 / 30% auto rgba(0, 0, 0, 0); left: -14%; top: -56%; }
    .news-search-button { padding: 6px 11px }
    .navbar-nav { margin: 0 }
    .news-hardnews { margin-right: 15px }
    .detail-img1 { margin-right: 20px }


}
@media only screen and (max-width:690px){
.search-wp-full .inp {width: 94.5%;}

    /*QUICKCOUNT*/
    .banner-quickcount {display: none;} 
}

@media only screen and (max-width:600px){
.col-wp-md-8{width: 100%!important;}
.vs .list-berita li{width: 100%!important;}
.vs .thumb-news{height: 140px;}

/*+++++++image thumbnail height fix++++++++*/
    .vs .hei-fix li {height: auto !important}
    .vs .hei-fix .thumb-news {max-width: 100%;margin-bottom: 10px; width: 100% !important; height: 322.5px !important;}
    .vs  .hei-fix li.jumbo  .thumb-news {  height: 322.5px !important; width: 100% !important}
}

@media only screen and (max-width:480px) { 
    .news-bg { background: url("http://cdn.okezone.com/underwood/img/bg_news.jpg") no-repeat scroll 0 0 / 47% auto rgba(0, 0, 0, 0); left: -20%; top: -53%; }
    .wp-bg { left: -14% ; display: none;}
    .full { width: 100% }
    .news-search { width: 54% }
    .navbar-nav { margin: 0 }
    .news-nav-wrap { margin-top: 15px }
    .news-hardnews { margin-right: 15px }
    .content-hardnews { width: 100% }
    .cycle-slideshow { height: 330px; overflow: hidden; }
    #headline-prev, #headline-next { }
    #headline-prev { left: 0px }
    #headline-next { right: 0px }
    .multi-play { left: 36% }
    .detail-img1 { margin-right: 20px }
    #custom-pager { bottom: 0 }
    .headline-bg div { height: 375px !important;}
    .search-wp-full {margin-top: 20px;}
    .search-wp-full .inp {width: 92% !important;}


}
@media only screen and (max-width:430px) { 
    .list-berita li {padding: 8px 15px 10px 15px;}
    /*.list-berita li { padding: 0 !important }*/
    .thumb-news { width: 306px }
    .sponsored-belt468x60 { padding: 20px 0 20px 10px }
    .search-wp-full {margin-top: 0px;}
     .vs .wp-white{margin-top: 0px !important;}
}

@media only screen and (max-width:330px) { 
    .okezone-logo h1 { margin: 13px 0 0 0 }
}


/*@media only screen and (-webkit-min-device-pixel-ratio: 0) {

::i-block-chrome,.wrep2 .nav-music .news-nav-2 li a:link, .wrep2 .nav-music .news-nav-2 li a{
    padding: 15px 7px; 
  }
}*/

/*SafariHack*/
_::-webkit-full-page-media, _:future, :root .wrep2 .nav-music .news-nav-2 li a:link, .wrep2 .nav-music .news-nav-2 li a{
    padding: 15px 18px; 
  }

_::-webkit-full-page-media, _:future, :root .vs #wrapper {
    z-index: 1;
    width: 83%;
}

_::-webkit-full-page-media, _:future, :root .vs .news-nav-3 li a{
    padding: 15px 8px 14px;
}

/* retina*/
@media (min--moz-device-pixel-ratio:2), (-o-min-device-pixel-ratio:2/1), (-webkit-min-device-pixel-ratio:2), (min-device-pixel-ratio:2) { 
	
/*.wp-bg {background: url('http://cdn.okezone.com/underwood/img/wp_bg-new-@2x.png')no-repeat;background-size: 31%; left: -164% !important;}*/
/*.wp-bg { background: url('http://cdn.okezone.com/underwood/img/Skin-HAORNAS.jpg') no-repeat; position: absolute;  top:74%; left: -34.2%;height: 1600px; width: 100%; z-index: -1; }*/
/*.wp-bg { background: url('http://cdn.okezone.com/underwood/img/17an-desktop-kiri.png') no-repeat; position: absolute;  top:2%; left: -31.5%;height: 1600px; width: 100%; z-index: -1; }*/
/*.wp-bg1 { background: url('http://cdn.okezone.com/underwood/img/skin-desktop-kanan.png') no-repeat; position: absolute;  right: -74.5%;top: 31%;height: 1600px; width: 100%; z-index: -1; }*/
/*.wp-bg {  background: url('http://cdn.okezone.com/underwood/img/kebangkitanas_fb_skin_2.png') no-repeat; background-size: 23%; left: -17.5% !important; top:38%;}*/
    .wp-bg {/*background: url('http://cdn.okezone.com/underwood/img/wp_bg-new-@2x.png')no-repeat;*//* background-size: 31%; left: -164% !important;*//* background: url('http://cdn.okezone.com/underwood/img/8Years-SkinWP2x.jpg')no-repeat;   left: -52%; top: 0%;   background-size: 100%;*/}
        /*
        #back-top { position: fixed; bottom: 170px; margin-left: -100px; }
        #back-top span { position: fixed; background: url('http://cdn.okezone.com/underwood/img/icon_backtotop@2x.png') no-repeat center center; background-size: 90px 90px; width: 128px; height: 128px; }
        */
        /*.okezone-logo h1 a:link { background: url('http://cdn.okezone.com/underwood/img/logo_wp@2x.png') no-repeat; background-size: 290px 90px; }*/
        .ques-icon, a#foto-prev, a#foto-next, a.sh-tw, a.sh-fb, a.sh-gp, .social-media a.gplus, .social-media a.twitter, .social-media a.facebook, .apps a.ipad, .apps a.iphone, .apps a.android, .apps a.mobile, .apps a.bb10 { background: url('http://cdn.okezone.com/underwood/img/sprites@2x.png'); background-size: 200px 1100px; }
        .vs a.med-play-stream, .vs a.med-foto-stream, .vs #headline-prev, .vs #headline-next{ background: url('https://cdn.okezone.com/underwood/img/sprites2x.png'); background-size: 100px 750px; }
        .vs #headline-prev{background-position: -25px -330px; height: 105px; width:49px; }
        .vs #headline-next{background-position: -25px -534px; width: 49px;height: 105px;}
        .vs a.med-play-stream { background-position: -30px -273px; height: 39px; width: 39px; }
        .vs a.med-foto-stream { background-position: -30px -110px;width: 39px;height: 30px;}
        .vs .jumbo a.med-play-stream{background-position: -7px -167px;width: 85px;height: 85px;}
        .vs .jumbo a.med-foto-stream{background-position: -7px -17px;width: 85px;height: 64px;}
        /*.warkop { background: url('http://cdn.okezone.com/underwood/img/logo_warkop@2x.png'); background-size: 112px 32px; }*/
        .social-media a.twitter { background-position: -116px -471px; width: 27px; height: 27px; opacity: 0.8; }
        .social-media a.gplus { background-position: -116px -531px; width: 27px; height: 27px; opacity: 0.8; }
        .social-media a.facebook { background-position: -116px -501px; width: 27px; height: 27px; opacity: 0.8; }
        .foot-n .social-media a {background: url('http://cdn.okezone.com/underwood/img/sprites-fot@2x.png') no-repeat; background-size: 261px 115px;}
        .foot-n .social-media a.twitter {background-position: -37px -33px; width: 22px;height: 22px;}
        .foot-n .social-media a.gplus {background-position: -37px -59px; width: 22px;height: 22px;}
        .foot-n .social-media a.facebook {background-position: -37px -7px; width: 22px;height: 22px;}
        .foot-n .social-media a.ig {background-position: -37px -85px; width: 22px;height: 22px;}
        .foot-n .social-media a.ytube{background: url('http://cdn.okezone.com/underwood/img/youtube_grey2x.png') no-repeat;width: 22px;height: 22px; background-size: 100% !important; }
        .apps a.ipad { background-position: -73px -582px; width: 26px; height: 32px; opacity: 0.8; }
        .apps a.iphone { background-position: -107px -584px; width: 18px; height: 30px; opacity: 0.8; }
        .apps a.wp { background-position: -73px -628px; width: 26px; height: 25px; opacity: 0.8; }
        .apps a.android { background-position: -107px -624px; width: 27px; height: 32px; opacity: 0.8; }
        .apps a.mobile { background-position: -141px -590px; width: 25px; height: 18px; opacity: 0.8; }
        .foot-n .apps a { background: url('http://cdn.okezone.com/underwood/img/sprites-fot@2x.png') no-repeat; background-size: 261px 115px; }
        .foot-n .apps a.ipad { background-position: -88px -10px;width: 20px;height: 29px; }
        .foot-n .apps a.iphone { background-position: -124px -10px;width: 14px; height: 23px; }
        .foot-n .apps a.wp { background-position: -154px -11px; width: 23px; height: 23px;  }
        .foot-n .apps a.android { background-position: -190px -10px;width: 20px; height: 24px;  }
        .foot-n .apps a.mobile { background-position: -228px -11px; width: 21px; height: 15px;  }
        a.sh-tw { background-position: -73px -467px; width: 34px; height: 34px; }
        a.sh-fb { background-position: -73px -503px; width: 35px; height: 35px; }
        a.sh-gp { background-position: -73px -540px; width: 34px; height: 34px; }
        #headline-prev { background-position: -10px -580px; width: 42px; height: 42px; }
        #headline-next { background-position: -10px -712px; width: 42px; height: 42px; }
        a#foto-prev { background-position: -10px -580px !important }
        a#foto-next { background-position: -10px -712px !important }
        a.home-tw { background: url('http://cdn.okezone.com/underwood/img/home-wp@2x.png') center; background-size: 25px 20px; background-repeat: no-repeat; margin-bottom: 4px; }
        .mnc-logo span a:link { background: url("http://cdn.okezone.com/underwood/img/mnc-media-log@2x.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); background-size : 108px 42px; }
        .oke { background-image: url('http://cdn.okezone.com/underwood/img/sprites.png'); background-position: -165px -2225px; background-size: 200px 1100px; z-index: 10; position: absolute; bottom: -40%; left: -70%; opacity: 1.1; }

        .okezone-logosx {text-indent: -9999px; display: block;}
        .okezone-logosx a {
            background: url("http://cdn.okezone.com/underwood/img/logo_wp1@2x.gif") no-repeat !important;
            /*background-size: 135px 33px;*/ background-size: 100% !important;
            text-indent: -9999px;
            display: block;
        }
        header.smaller .okezone-logosx a {
            background: url("http://cdn.okezone.com/underwood/img/logo_wp-scroll@2x.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
            background-size: 135px 33px;
            text-indent: -9999px;
            display: block;
        }
        .ques-icon {
            background-position: -174px -1053px;
            height: 70px;
            width: 28px;
        }
        .m1 .oke-icon {
        background-image: url("http://cdn.okezone.com/underwood/img/logo-icon2x.png") !important;
        display: inline-block;
        background-size: 100% !important;
        background-position: 0px 0px !important; }

        .wrep2 .logooke .okezone-logosx a {
        /*background: url('http://cdn.okezone.com/www/2015/img/imgsept/altlogo_wp-scroll2x.png') no-repeat !important;*/
        width: 215px !important;
        background-size: 100% !important;
        display: block;

        }

/*        .wrep2 .logooke .okezone-logosx a {    background-size: 100% !important;  background:url('http://cdn.okezone.com/www/2015/img/Logo-pahlawan2x.png') no-repeat !important;}
*/
        .logooke1 .okezone-logosx1 a {
            background: url('http://cdn.okezone.com/www/2015/img/imgsept/altlogo_wp-scroll2x.gif?t=payung') no-repeat;
            width: 100%;
            display: block;
            min-height: 72px;
            background-size: 82%;
            background-position: 45px 6px;
        }

        /*logo pahlawan*/
		/*.logooke1 .okezone-logosx1 a {background: url('http://cdn.okezone.com/www/2015/img/Logo-pahlawan2x.png') no-repeat; background-position: left -10px !important; background-size: cover !important;}
*/
		.wrep2 .logooke .okezone-logosx a {
        background: url('http://cdn.okezone.com/www/2015/img/imgsept/altlogo_wp-scroll2x.gif?t=payung') no-repeat !important;
        width: 215px !important;
		min-height: 60px;
        background-size: 100% !important;
        display: block;

        }

        .wrep2 .logooke .okezone-logosx a {    background-size: 100% !important;  }

        .wrep2 .logooke .okezone-logosx {
            height: 55px !important;
        }

        .wrep2 .nav-fixed-top {
            height: 128px !important;
        }

    }


 


    @media only screen and (max-width:1024px) and (-webkit-min-device-pixel-ratio:2) { 
        .logooke .okezone-logosx {margin-top: -8px;}
        .oke { background-image: url('http://cdn.okezone.com/underwood/img/sprites.png'); background-position: -165px -2225px; background-size: 200px 1100px; z-index: 10; position: absolute; bottom: -40%; left: -70%; opacity: 1.1; }
        .okezone-logosx a {
            background-size: 100% !important;
        }
        .okezone-logosx {text-indent: -9999px; display: block;}
        header.smaller .okezone-logosx a {
            background: url("http://cdn.okezone.com/underwood/img/logo_wp-scroll@2x.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
            background-size: 200px 47px;
            text-indent: -9999px;
            display: block;
        }

        .vs #headline-prev{}
        .vs #headline-next{}
    }

    @media only screen and (max-width:989px) and (-webkit-min-device-pixel-ratio:2) { 
        .okezone-logosx a {background-size: 100% !important;}
        .vs #headline-prev{background-position: -34px -449px; height: 67px; width:32px; }
        .vs #headline-next{background-position: -34px -666px; width: 32px;height: 67px;}

    }




    /*beee*/

    .ofen{
        display: none;
    }

    .buka, li.buka {
        display: none;
    }
    .tutup {
        display: block;
    }





    @media(max-width: 1199px){
        .wp-bg {
            background: none;
        }
    }
    @media (max-width:767px){
        .vs .wp-white{margin-top: 20px;}
        .vs .col-wp-md-8{width: 100%;}
        .logo-news h1 a {
            background: url('http://cdn.okezone.com/underwood/img/logo_foto1.png')  no-repeat scroll 0px 13px  transparent;
            background-size: 100%;
            display: block;
            height: 49px;
            text-indent: -9999px;
            width: 240px;  
        }
        .wp-head{
            height:50px;
        }
        #custom-pager { 
            bottom: 0px !important;
        }

        .tabs-kanal li a {
            padding: 14px 7px !important;
        }
        .fa-home { margin-left: 70px;}
        .navbar-toggle {
            position: relative;
            float: left;
            margin-left: 15px;
            padding: 9px 10px;
            margin-top: 8px;
            margin-bottom: 8px;
            background-color: transparent;
            background-image: none;
            border: 1px solid transparent;
            border-radius: 4px;
            z-index: 999999999;
        }
        li.buka{
            display: block;
        }
        .news-head {
            height: 50px;
            position: relative;
            margin-top: 28px;
            margin-bottom: 28px;
        }

        input.pdd{
            padding: 10px;
            margin-bottom: 7px;
            margin-top: 7px;
        }
        button.hilang{
            display: none;
        }

        .navbar-nav{
            display:none;
        }
        .brdr{ 
            padding:0px;
            margin:0px;
            width:130%;
            margin-left:-20%;      
            border-bottom: 1px #eee solid; 

        }
        .navbar-collapse2  {
            max-height: 340px; 
            padding-right: 15px;
            padding-left: 15px; 
            box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
            overflow-y:auto;  
        }



        .news-search-button { width:100px; position: absolute; right:10px; padding:6px 0px; text-align: center;  display:block;}
        .news-search  { width:100%; display:block;}

        .buka {
            display: block; 

        }
        .tutup {
            display: none;
        }

        .pka{
            float:right;
            width:100px;
            position: absolute;
            top:0px;
            right:0px;
            height: 45px;
            z-index: 1;
            width:55px;
            cursor: pointer;
        }
        .pka:hover{
            background: #006EA1;
        }
        .search1{
            background: url('http://cdn.okezone.com/underwood/img/search-profile.png') no-repeat -1px -1px;
            width: 21px;
            height: 21px;
            position: absolute;
            top: 15px;
            right:16px;
        }
        .pka:hover .search1{
            background: url('http://cdn.okezone.com/underwood/img/search-profile.png') no-repeat -25px -1px;
            width: 21px;
            height: 21px;
        }

        .ofen{
            background: #fff;
            width:100%;
            height:45px; 
            padding:10px 10px;
            margin: 10px 0px; 
            border-top:1px solid #eee;
            display: none;
            z-index: 1;
        }
        .ofen input, .ofen .news-search-button 
        {
            margin-bottom:10px;
        }
        .ofen:hover .pka {
            background: #006EA1 ;
        }
        .ofen:hover .search1{
            background: url('http://cdn.okezone.com/underwood/img/search-profile.png') no-repeat -25px -1px;
            width: 21px;
            height: 21px;
        }



        .pka2{
            float:right;
            width:100px;
            position: absolute;
            top:0px;
            right:55px;
            height: 45px;
            z-index: 9999999;
            width:55px;
            cursor: pointer;
        }
        .pka2:hover{
            background: #006EA1  ;
        }
        .login1{
            background: url('http://cdn.okezone.com/underwood/img/search-profile.png') no-repeat -1px -24px;
            width: 21px;
            height: 21px;
            position: absolute;
            top: 15px;
            right:16px;
        }
        .pka2:hover .login1{
            background: url('http://cdn.okezone.com/underwood/img/search-profile.png') no-repeat -25px -24px;
            width: 21px;
            height: 21px;
        }
        #headline-prev,#headline-next{}
        #headline-prev{left:15px;}
        #headline-next{right:15px;}
        .cycle-slideshow{
            margin:0px;
        }
        .sso-wrep {  width: 144px; float: right; right: 30px; }
        .cuaca-wrap {display: none !important;}
        .wrep2 .nav-fixed-top { height: 56px !important;}
    }
        @media(max-width:689px) { 
            .search-wp-full .inp {width: 95% !important;}
        }
       @media(max-width:640px) { 
        .wp-head{ height:47px; }
        .sso-wrep {
            margin-top: 5px;
            margin-right: 8px;
            width: 145px;
            float: right;
        }

        a.dropdown-toggle.blue {
            margin: -5px -51px 0px -17px;
        }

        .ques-icon-login {
            display : none;
            visibility: hidden;
        }

        .nav-uname {
            width: auto;
            position: relative;
            padding: 5px 25px 0px 9px;
            width: 150px;
            float: right;
        }

        .breaking {
            border-top:0; }

        a.med-play-stream,
        a.med-foto-stream {
            left: 42%;
            top: 45%;
        }

        .vs a.med-play-stream,
        .vs a.med-foto-stream {
            left: 42%;
            top: 45%;
        }

    }
    @media (max-width: 640px){
        /*+++++++image thumbnail height fix++++++++*/
        .vs .hei-fix .thumb-news {max-width: 100%;margin-bottom: 10px; width:100% !important; height: 140.365px !important;}
        .vs  .hei-fix li.jumbo  .thumb-news {  height: 219.205px !important; width: 100% !important}
    }
    @media (max-width:560px){
    .search-wp-full .inp {
    width: 94.5% !important;
    }
    }
    
    @media (max-width:480px){

        .vs .headline-wrapper{}

        .wp-head{
            height:35px;
        }
        .nav-tabs .dropdown-menu {
            margin-top: -1px;
            border-top-right-radius: 0px;
            border-top-left-radius: 0px;
            margin-left: -77px;

        }
        .logo-news h1 a {

            margin-bottom: 0px !important;
        }

        .news-nav-2 li a:link, .news-nav-2 li a {
            color: #616161;
            padding: 10px 22px;
            font-family: "FranklinGothicURWMedRegular";
            text-transform: uppercase;
        }
        .vs #adv-custom-caption a.lab{display: none;}
        .slider-wrap { height: 575px; margin-bottom:30px;}/* 650*/
        .vs .cycle-wrap{height: auto;}
        .vs #adv-custom-caption{width: 100%!important; position: relative;left: inherit; margin: 0; height: auto;padding: 25px 6% 25px;}
        .cycle-slideshow{
            height:250px !important;
            overflow: hidden; 
        }
        .cycle-slideshow img {
            min-width:100%;  
        }
            .search-wp-full .inp {width: 92% !important;} 

        /*+++++++image thumbnail height fix++++++++*/
        .vs .hei-fix .thumb-news {max-width: 100%;margin-bottom: 10px; width:100% !important; height: 207.405px !important;}
        .vs  .hei-fix li.jumbo  .thumb-news {  height: 207.405px !important; width: 100% !important}
        
    }
    @media (max-width:400px){
       .sso-wrep { left:0; right:0; margin:52px auto 0;  position: absolute} 
       .wp-head{height:82px;}
       .ques-icon{display:none}
    }
    @media (max-width:360px){
    	.logooke1 .okezone-logosx1 {width: 282px;}
    	.logooke1 .okezone-logosx1 a {background-size: 100%;}
        .tabs-kanal li a {padding: 14px 6px !important;}
        .news-nav-2 li a:link, .news-nav-2 li a {
            color: #616161;
            padding: 10px 23px;
            font-family: "FranklinGothicURWMedRegular";
            text-transform: uppercase;
        }
       
        .slider-wrap { height: 575px; margin-bottom:30px;}/* 650*/
        .vs .cycle-wrap{height: auto;}
        .vs #adv-custom-caption{width: 100%!important; position: relative;left: inherit; margin: 0; height: auto;padding: 25px 6% 25px;}
        .cycle-slideshow{
            height:250px !important;
            overflow: hidden; 
        }
        .cycle-slideshow img {
            min-width:100%;  
        }

        #headline-prev,#headline-next{top:90px;}
        #headline-prev{left:0px;}
        #headline-next{right:0px;}

        /*+++++++image thumbnail height fix++++++++*/
        .vs .hei-fix .thumb-news {max-width: 100%;margin-bottom: 10px; width:100% !important; height: 205.425px !important;}
        .vs  .hei-fix li.jumbo  .thumb-news {  height: 205.425px !important; width: 100% !important}

    }

    @media (max-width:320px){
    
        .news-nav-2 li a:link, .news-nav-2 li a {
            color: #616161;
            padding: 10px 17px;
            font-family: "FranklinGothicURWMedRegular";
            text-transform: uppercase;
        }

        slider-wrap { height: 575px; margin-bottom:30px;}/* 650*/
        .vs .cycle-wrap{height: auto;}
        .vs #adv-custom-caption{width: 100%!important; position: relative;left: inherit; margin: 0; height: auto;padding: 25px 6% 25px;}
        .cycle-slideshow{
            height:250px !important;
            overflow: hidden; 
        }
        .cycle-slideshow img {
            min-width:100%;  
        }

        /*+++++++image thumbnail height fix++++++++*/
        .vs .hei-fix .thumb-news {max-width: 100%;margin-bottom: 10px; width:100% !important; height: 123.605px !important;}
        .vs  .hei-fix li.jumbo  .thumb-news {  height: 123.605px !important; width: 100% !important}

    }

    @media (max-width: 300px){
        #custom-pager { 
            display:none;
        }
    }
        @media (max-width:800px){
            .pl70 { padding-left: 10px;}
            .news-bg { background:none} 
            .search-wp-full .inp {width: 96%;}

        }


        /* baca juga sindo */
        .baca-juga-sindo{background: #F3F3F3; padding: 10px;border: 1px solid #D5D5D5; font-family: "franklingothicurwdemregular"; margin-top: 20px;}
        .baca-juga-sindo h3{color: #032950; border-bottom: 2px solid #A90E16; margin: 0; padding-bottom: 10px;font-size: 20px;}
        .baca-juga-sindo ul{padding: 0; margin: 0;}
        .baca-juga-sindo ul li{border-bottom: 1px solid #D5D5D5;width: 100%;list-style: none;}
        .baca-juga-sindo ul li:last-child{border: none;}
        .baca-juga-sindo ul li h4{margin: 0; font-size: 15px;}
        .baca-juga-sindo ul li a{color: #4D4D4D;padding: 10px 0; display: block;}