/* OKEZONE RAMADAN CSS
type here for everything
*/

body { font-family: 'open_sansregular' !important; overflow-x:hidden !important;}
a , a:hover , a:visited{ text-decoration: none;}
a:visited { color: #898989;}
strong {font-family: 'open_sansbold';}

/* author helper */
.news-fl { float: left;}
.news-fr { float: right;}
.clear { clear: both;}
.abs { position: absolute;}
.rel { position: relative;}
.brad-zero { border-radius:0;} 
.p-nol { padding : 0;}
/*img { max-width: 100%;}*/
.m-nol { margin: 0 !important;}
.news { color: #006ea1 !important;}
.news-bckg { background: #006ea1 !important;}
.pr-0 { padding-right: 0 ;}
.pl-0 { padding-left: 0;}
.ml-0 { margin-left: 0 !important;}
.loader{width: 100%; padding-top: 30px; text-align: center;}
/*.wrapper {position: relative;}*/

/* sticky elements */
.stick{width: 337px;}
.stuck{position: fixed; top: 52px;;}

/*header-nav*/
.navbar-default { background-color:#fff ; border-bottom: 2px solid #006ea1;}
.navbar-nav { text-transform: uppercase;}
.navbar-default .navbar-nav > li > a {color: #383838; font-size: 13px;}
.navbar-default .navbar-nav > li > a:hover {color: #006ea1;}
.nav > li > a { padding: 15px 16px ;}
.nav > li:nth-child(10) > a { padding-right: 0 !important;}
.fa-home { font-size: 1.8em; color: #222; margin-top: 12px; background: url("http://cdn.okezone.com/underwood/img/logo_okz-top-fix.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);width: 106px; height: 27px;}
.navbar-inner {text-transform: none! important;}
.navbar-nav .activated a {
    color: #006ea1 !important;
}
.sso-wrap {
    float: right;
    font-family: "FranklinGothicURWMedRegular";
    margin-bottom: 15px;
    margin-right: 17px;
}
.sso-wrap p, .sso-wrap a {
    color: #383838;
    float: left;
    font-size: 14px;
}
.sso-wrap a {
    margin-right: 5px;
}
.sso-wrap a:hover, .sso-wew a:hover, .sso-wew a:focus {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
.sso-wrap p {
    margin-right: 10px;
}
.sso-wrap li a {
    float: none !important;
    margin-right: 0 !important;
}
.oke-icon {
    background-image: url("http://cdn.okezone.com/underwood/img/sprites.png");
    background-position: -176px -2225px;
    height: 47px;
    left: -40%;
    position: absolute;
    top: -170%;
    width: 18px;
    z-index: 10;
}
.oke-icon-login {
    background-image: url("http://cdn.okezone.com/underwood/img/sprites.png");
    background-position: -176px -2225px;
    height: 47px;
    left: -31%;
    position: absolute;
    top: -82%;
    width: 18px;
    z-index: 10;
}
.ques-icon {
    background-image: url("http://cdn.okezone.com/underwood/img/sprites.png");
    background-position: -174px -1053px;
    height: 70px;
    left: 92%;
    position: absolute;
    top: -365%;
    width: 28px;
    z-index: 10;
}
.ques-icon-login {
    background-image: url("http://cdn.okezone.com/underwood/img/sprites.png");
    background-position: -179px -1105px;
    height: 17px;
    left: 20px;
    position: absolute;
    top: 0;
    width: 17px;
    z-index: 10;
}
.oke {
    background-image: url("http://cdn.okezone.com/underwood/img/sprites.png");
    background-position: -580px -2249px;
    height: 18px;
    left: 0px;
    position: absolute;
    top: -1px;
    width: 18px;
    z-index: 10;
}
ul.kanali.dropdown-menu {
    left: 0;
    top: 60% !important;
}
.sso-wew {
    margin-bottom: -14px;
}

.nav-login { position: relative;}

a.dropdown-toggles {
    color: #333;
    height: 38px;
    top: -15px;
}
a.dropdown-toggles.blue {
    background-color: transparent;
    float: left;
    font-family: "FranklinGothicURWDemRegular";
    margin: 12px -10px 0 0;
    padding: 0 0 0 3px;
    width: auto;
}
a.dropdown-toggles.blue:hover, a.dropdown-toggles.blue:visited, a.dropdown-toggles.blue:focus {
    background-color: transparent;
}

ul.dropdown-menu {border-bottom: 3px solid #006ea1;}

.news-home { background-color : #fff;  position:relative;}
.pl70 { padding-left: 63px;}
.news-bg {
    background: url("http://cdn.okezone.com/underwood/img/bg_foto.jpg") no-repeat scroll 0 0 / 33% auto rgba(0, 0, 0, 0);
    height: 1600px;
    left: -19%;
    position: absolute;
    top: -30%;
    width: 100%;
    z-index: -1;
}


.logo-news { }
.logo-news h1 { margin-top: 0; margin-bottom: 0;} 
.logo-news h1 a {background: url('http://cdn.okezone.com/underwood/img/logo_foto1.png')no-repeat; width:190px; height: 75px;display: block; text-indent: -9999px;  margin-top: 13px;}
.news-head { height: 94px; position: relative; margin-top: 56px;}
.news-form { margin-top: 40px; margin-top: 0px;}
.news-search { width: 83%; background: #ebebeb; border: none; box-shadow: none; height: 32px !important; }
.news-search-button { background: #36a6d5; text-transform: uppercase; border: none ;  padding: 6px 40px;}
.news-search-button:hover { background: #2e90b9;}

/*.news-nav-wrap { max-width: 1100px; margin:0 auto; border:1px solid #d2d2d2; overflow: hidden; padding: 0;}*/
.news-nav-wrap {
/* max-width: 1100px; */
margin: 0 auto;
border: 1px solid #d2d2d2;
overflow: hidden;
padding: 0;
position: relative; 
}
.news-nav { background: #fff; width: 100%;}
ul.news-nav-2 { margin: auto;}
.news-nav-2 li { float: left; font-size: 16px;}
.news-nav-2 li a:link, .news-nav-2 li a{padding: 13px 15px; color: #616161;  font-family: 'open_sansregular';}
.news-nav-2 li a:hover , .news-nav-2 li.active a { background-color: #015382; color: #fff;}
.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; }

.left-wrap { width: 70%;}

/*breaking*/
.breaking {  margin:0 15px 20px 15px;padding:15px 15px 5px 0px; border-top: 1px solid #d2d2d2; border-bottom: 5px solid #ebebeb; color: #015382;}
.breaking h3 { font-size: 15px;text-transform: uppercase; margin: 0 15px 11px 0 !important; padding-top: 3px; float: left;}
.breaking p a{ font-size: 16px; color: #000;}
.breaking p a:hover { color:#006ea1 ; }


/*foto-terbaru*/
.foto-terbaru { margin-bottom: 50px; overflow-x:hidden;}
.foto-terbaru h3 { margin: 0 0 20px 0; text-transform: uppercase; font-size: 34px; }
.foto-terbaru ul { padding-left: 0;}
.foto-terbaru ul li{ float: left; width: 345px; height: 345px;  overflow: hidden; margin:0 0 15px 15px; background: #ebebeb;}
.foto-terbaru ul li img { width: 100%;}
.head-terbaru{width:703px; height:349px; margin-left: 0 ; float: left;}
.img-head-wrap {width:703px; height:349px; position: relative; overflow: hidden;}
.bg-img {background: none no-repeat scroll center center / cover rgba(0, 0, 0, 0); width:703px; height:349px;}
.img-head-wrap:hover .masks {opacity:1}
.masks{
    background-color: rgba(0, 0 ,0, 0.5);
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
}
.img-head-wrap .masks{
    height: 349px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 703px;
}

.img-wrap {width:345px; height:345px; position: relative; overflow: hidden;}
.thumb-img{
    background: none no-repeat scroll center center / cover rgba(0, 0, 0, 0);
    height: 345px;
    width: 345px;
}
.img-wrap:hover .masks {opacity:1}

.img-wrap .masks{
    height: 345px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 345px;
}

.masks h4{ padding: 15px; }
.masks h4 a {  color: #fff; font-family: "open_sansregular"; font-size: 40px; line-height: 44px;}
.img-wrap .masks h4 a { font-size: 30px;line-height: 34px;}
.masks h4 a:hover {color: #36a6d5;}

.caption-wrap { position: absolute; bottom: 0; background: #015382; padding: 10px; color: #fff; width: 100%;}
.caption-wrap a {  float:left; color: #fff; font-size: 15px; text-transform: uppercase;}
.caption-wrap a:hover { color: #36a6d5;}
.caption-wrap p { float: right; color: #fff; background: url('../img/cam_03.png') no-repeat left; padding-left: 25px; text-transform: uppercase; margin: 0;}

.cap-over{display: none;}


/* tag cloud*/
.tag-cloud { background: #ebebeb; padding: 20px; margin-bottom: 50px;}
.tag-cloud  h3 { text-transform: uppercase; font-size:15px; color: #015382; margin:0 0 10px 0;}
.tag-cloud ul { float: left; margin:0; padding: 0;}
.tag-cloud ul li { margin-right: 5px; float: left; list-style: none; padding:10px; background: #fff; margin-bottom: 10px}
.tag-cloud ul li a {color: #000; text-align: center; font-size: 24px;} 
.tag-cloud ul li a:hover { color: #015382;}
.next-btn { background: #015382 !important; color:#fff !important;}
.next-btn a { color: #fff !important;}

/*foto-pilihan*/
.foto-pilihan{ margin-bottom: 50px;}
.foto-pilihan h3 { margin: 0 0 20px 0; text-transform: uppercase; font-size: 34px; }
.foto-pilihan ul { padding-left: 0;}
.foto-pilihan ul li{ float: left; width: 256px; height: 257px;  overflow: hidden; margin:0 0 15px 15px; background: #ebebeb;}
.foto-pilihan ul li img { width: 100%;}
.head-pilihan{width:526px; height:526px; margin-left: 0 ; float: left;}
.bg-img1 {background: none no-repeat scroll center center / cover rgba(0, 0, 0, 0); width:526px; height:526px;}
.pil-head-wrap {width:526px; height:526px; position: relative; overflow: hidden;}
.pil-head-wrap:hover .masks {opacity:1}
.pil-head-wrap .masks{
    height: 526px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 526px;
}

.img-wrap1{width:256px; height:257px; position: relative; overflow: hidden;}
.thumb-img1{
    background: none no-repeat scroll center center / cover rgba(0, 0, 0, 0);
    height: 257px;
    width: 256px;
}
.img-wrap1:hover .masks {opacity:1}

.img-wrap1 .masks{
    height: 257px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 256px;
}

.img-wrap1 .masks h4 a { font-size: 24px;}

/*foto-terpopuler*/
.foto-terpopuler{ margin-bottom: 50px; padding-right: 0px !important;}
.foto-terpopuler h3 { margin: 0 0 20px 0; text-transform: uppercase; font-size: 34px; }
.foto-terpopuler ul { padding-left: 0;}
.foto-terpopuler ul li{ float: left; width: 202px; height: 202px;  overflow: hidden; margin:0 0 15px 15px; background: #ebebeb;}
.foto-terpopuler ul li img { width: 100%;}
.head-terpopuler{width:636px; height:421px; margin-left: 0 ; float: left;}
.bg-img2 {background: none no-repeat scroll center center / cover rgba(0, 0, 0, 0); width:636px; height:421px; }
.pop-head-wrap {width:636px; height:421px; position: relative; overflow: hidden;}
.pop-head-wrap:hover .masks {opacity:1}
.pop-head-wrap .masks{
    width: 636px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    height: 421px;
}

.img-wrap2{width:202px; height:202px; position: relative; overflow: hidden;}
.thumb-img2{
    background: none no-repeat scroll center center / cover rgba(0, 0, 0, 0);
    height: 202px;
    width: 202px;
}
.img-wrap2:hover .masks {opacity:1}

.img-wrap2 .masks{
    height: 202px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 202px;
}

.img-wrap2 .masks h4 a { font-size: 24px; line-height: 28px;}
.caption-wrap1 { position: absolute; bottom: 0; background: #015382; padding: 10px; color: #fff; width: 100%;}
.caption-wrap1 a {  float:left; color: #fff; font-size: 12px; text-transform: uppercase;}
.caption-wrap1 a:hover { color: #36a6d5;}
.caption-wrap1 p { font-size: 12px; float: right; color: #fff; background: url('../img/cam_03.png') no-repeat left; padding-left: 25px; text-transform: uppercase; margin: 0;}

a.next1 { background: none repeat scroll 0 0 #ebebeb; clear: both; color: #222; display: block; margin-bottom: 10px; padding: 10px; text-align: center; width: 98.7%;} 
.item { margin:0 15px 15px 0px !important;}

/* detail page */
.detail-page h1 { margin-top: 0 !important; font-size:40px; line-height: 50px;}
.meta-post p { font-size:15px; color: #555555; margin-bottom: 20px; margin-top:5px;}

/*cycle*/
#cycle-1 div { width: 100%; height: 531px; text-align: center;}
#cycle-1 img { height: 531px; margin: 0 auto;max-width: 100%;}
.slideshow-1 .cycle-prev { position: absolute; top:40%; left: 10px; z-index: 999;background: url('../img/arrows.png') no-repeat -16px -10px; width: 27px; height: 45px;}
.slideshow-1 .cycle-next { position: absolute; top:40%; right: 10px; z-index: 999;background: url('../img/arrows.png') no-repeat -16px -61px; width: 27px; height: 45px;}
.cycle-overlay {  background: rgba(0,0,0,0.5);
    bottom: 0;
    color: white;
    font-family: tahoma,arial;
    padding: 15px;
    position: absolute;
    width: 100%;
    z-index: 600;}

#cycle-2 .cycle-slide { opacity: 0.5; width: 202px !important; height: 100px; overflow: hidden !important;cursor: pointer;}
#cycle-2 .cycle-slide-active { opacity: 1; border-bottom: 6px solid #015382; }
#cycle-2 img { max-width: 202px;}
.slideshow-2 .cycle-prev { position: absolute; top:30%; left: 10px; z-index: 999;background: url('../img/arrows.png') no-repeat -23px -124px; width: 13px; height: 25px;}
.slideshow-2 .cycle-next { position: absolute; top:30%; right: 10px; z-index: 999;background: url('../img/arrows.png') no-repeat -23px -164px; width: 13px; height: 25px;}

.slideshow-1{ width: 100%; height: 531px; margin: auto; overflow: hidden; background: #000; position: relative;}
.slideshow-2 {width: 100%;  height:100px;overflow: hidden; background: #000; padding: 0 30px; margin-bottom: 25px; position: relative;}

/*sidebar detail*/
.detail-header { border-bottom: 1px solid #ccc; padding-bottom: 15px;}
.rating h4 { font-size: 14px; margin-top: 0;}

.cycle-overlay {line-height: 20px;font-size:14px;}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}

.rating-gly {
    font-family: 'Glyphicons Halflings';
}
.rating-gly-star {
    font-family: 'Glyphicons Halflings';
    padding-left: 2px;
}

.rating-gly-star .rating-stars:before {
    padding-left: 2px;
}

.rating-active {
    cursor: default;
}

.rating-disabled {
    cursor: not-allowed;
}

.rating-uni {
    font-size: 1.2em;
    margin-top: -5px;
}

.rating-container {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    color: #e3e3e3;
    overflow: hidden;
}

.rating-container:before {
    content: attr(data-content);
}

.rating-container .rating-stars {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #fde16d;
    transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
}

.rating-container .rating-stars:before {
    content: attr(data-content);
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
}

.rating-container-rtl {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    color: #fde16d;
}

.rating-container-rtl:before {
    content: attr(data-content);
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
}

.rating-container-rtl .rating-stars {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #e3e3e3;
    transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
}

.rating-container-rtl .rating-stars:before {
    content: attr(data-content);
}


.rating-sm {
    font-size: 2.5em;
}


.star-rating .clear-rating, .star-rating-rtl .clear-rating {
    color: #aaa;
    cursor: not-allowed;
    display: inline-block;
    vertical-align: middle;
    font-size: 60%;
}

.clear-rating-active {
    cursor: pointer !important;
}

.clear-rating-active:hover {
    color: #843534;
}

.star-rating .clear-rating {
    padding-right: 5px;
}

/**
 * Caption
 */
.star-rating .caption, .star-rating-rtl .caption {
    color: #999;
    display: inline-block;
    vertical-align: middle;
    font-size: 55%;
}

.star-rating .caption {
    padding-left: 5px;
    margin-top: -5px;
}

.star-rating-rtl .caption {
    padding-right: 5px;
}




.detail-ket { padding-top: 15px;}
.detail-ket p { font-family:'open_sansbold'; font-size: 13px; margin-bottom: 5px !important;}
.detail-ket span {font-size: 13px; line-height: 16px;}
.detail-ket span a { color: #000; font-size: 13px; line-height: 16px;}
.detail-ket span a:hover { color: #015382;}

.detail-social-share ul {
    margin: auto;
    padding: 0;
    text-align: center;
    width: 132px;
}
.detail-social-share li {
    float: left;
    list-style-type: none;
    margin-right: 10px;
    width: 34px;
}
a.sh-tw, a.sh-fb, a.sh-gp {
    background: url("http://cdn.okezone.com/underwood/img/sprites.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    text-indent: -9999px;
}

a.sh-tw {
    background-position: -73px -467px;
    height: 34px;
    width: 34px;
}
a.sh-fb {
    background-position: -73px -503px;
    height: 35px;
    width: 35px;
}
a.sh-gp {
    background-position: -73px -540px;
    height: 34px;
    width: 35px;
}


a.sh-tw-ab, a.sh-fb-ab, a.sh-gp-ab {
    background: url("http://cdn.okezone.com/underwood/img/sprites.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    text-indent: -9999px;
}

a.sh-tw-ab {
    background-position: -90px -139px;
    height: 37px;
    width: 37px;
}
a.sh-fb-ab {
    background-position: -89px -97px;
    height: 38px;
    width: 37px;
}
a.sh-gp-ab {
    background-position: -90px -181px;
    height: 37px;
    width: 37px;
}

.detail-isi { padding:20px 0; border-bottom: 1px solid #ccc; line-height: 22px; }
.detail-isi p { margin: 0 !important; font-size: 16px;line-height: 24px;}
.sidebar-infografis {
    margin-bottom: 30px;
}
.sidebar-infografis ul {
    margin: 0 0 10px ;
    padding: 0 0 10px;
}
.sidebar-infografis li {
    list-style-type: none;
    margin: 2px !important;
    width: 146px;
    float: left;
}

.masks1{
    background-color: rgba(0, 0 ,0, 0.5);
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
}

.img-wrap3{width:146px; height:91px; position: relative; overflow: hidden;}
.thumb-img3{
    background: none no-repeat scroll center center / cover rgba(0, 0, 0, 0);
    width: 146px;
    height:  91px;
}
.img-wrap3:hover .masks1 {opacity:1}

.img-wrap3 .masks1{
    width: 146px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    height: 91px;
}

.img-wrap3 .masks1 h4 a { font-size: 13px; color: #fff; }
.img-wrap3 .masks1 h4 {padding: 5px 10px; margin: 0 !important}

.multi-play {
    background: url("http://cdn.okezone.com/underwood/img/sprites.png") no-repeat scroll -10px -1037px rgba(0, 0, 0, 0);
    height: 31px;
    left: 37%;
    margin: 0 auto;
    position: absolute;
    top: 31%;
    width: 31px;
} 
.sidebar-infografis h3 {
    border-top: 1px solid #ccc;
    color: #000;
    font-size: 24px;
    padding:  10px 0px 0px 0px;
    text-transform: uppercase;
    margin-top: 0 !important;
    margin-bottom: 10px;
}

.terkait-more{
    border: 1px solid #ccc;
    padding: 10px 0;
    text-align: center;
    width: 100%;
    display: block;
    margin-top: 15px;
}

.terkait-more:hover{
    background: #015382;
    color: #fff;
}


/*detail komentar*/
.lihat-komentar p a:link, .lihat-komentar p a { color: #222; text-transform: uppercase; font-size: 18px; }
.kirim-komentar p a:link, .kirim-komentar p a { color: #fff; text-transform: uppercase; font-size: 18px; }
.detail-komentar img { max-width: 100%;}
.detail-komentar h3{ font-size: 16px; text-transform: uppercase; padding: 15px 0 !important;  margin: 0 !important; border-bottom: 1px solid #ccc; font-family: 'open_sansbold'}
.detail-komentar img { max-width: 100%; height: 50px;}
.komentar-wrap {margin-top: 15px;}
.komentar-wrap form {}
/*.komentar-wrap textarea {color: #000;  height: 150px; margin-bottom: 5px; width: 100%;}
.komentar-wrap button.sub-kom { background: none repeat scroll 0 0 #000; border: medium none;  box-shadow: none;color: #fff;float: right;font-size: 18px;padding: 10px 20px;text-shadow: none;}
.komentar-wrap button.sub-kom:hover {background: none repeat scroll 0 0 #000;border: medium none;box-shadow: none;color: #fff;float: right;}
.user-comment {margin-top: 30px;padding: 0;}
.user-comment li {background: none repeat scroll 0 0 #efefef;border-bottom: 2px solid #ccc;font-size: 14px; margin-bottom: 5px; padding: 10px;width: 100%;}
.user-comment li .user-name { color: #555; font-size: 15px;font-weight: bold; margin-bottom: 10px;}
.user-comment li .user-komentar {color: #333;line-height: 18px;}
.pagination-komentar { margin: 20px 0;text-align: center;width: 100%;}
.pagination-komentar a, .pagination-komentar span {background: none repeat scroll 0 0 #00b8ba;color: #fff;display: inline-block;margin-left: 5px;padding: 5px 10px;}
.pagination-komentar span { background: none repeat scroll 0 0 #0e8889;}
.daftar-dong { padding: 30px 0;text-align: center; width: 100%;}
.daftar-dong a {background: none repeat scroll 0 0 #00b8ba;color: #fff; display: inline-block;padding: 5px 30px;text-decoration: none;}*/

.user-thumb {
    border-radius: 50%;
    display: inline-block;
    float: left;
    margin-right: 10px;
    overflow: hidden;
}

.comment-form{width: 90%; float: left;}
.sum-comment{margin-top: 20px; padding:10px;}
.sum-comment span{ margin-right: 20px}
.sum-comment a{}
ul.user-comment .user-thumb{}
ul.user-comment .comment-content{width:90%; float:left;}
.comment-content .user-name a{font-size: 15px; font-weight: bold; color:#006ea1;}
.comment-content .reply{display: none;}
.user-respond{margin-top: 10px; font-size: 12px;}
.user-respond a{color:; margin-right: 20px; text-decoration: none;}
.ok:before{content: "\25b2"; color: #03D800;}
.gaok:before{content: "\25bc"; color: #DD0B0B;}
.komentar-wrap textarea{width:100%;margin-bottom:5px;height:150px;color:#000}
.komentar-wrap .sub-kom{border:none;background:#000;color:#fff;box-shadow:none;float:right;text-shadow:none;font-size:18px;padding:10px 20px}
.komentar-wrap .sub-kom:hover{border:none;background:#000;color:#fff;box-shadow:none;float:right}
.user-comment{padding:0;margin-top:20px; float: left; width:100%;}
.user-comment li{width:100%;background:#fff;padding:10px;font-size:14px;border-bottom:1px solid #cbcbcb; float:left;}
.user-comment li .user-name{margin-bottom:10px;color:#006ea1;font-size:12px}
.user-comment li .user-komentar{color:#000; line-height:18px;}
.pagination-komentar{text-align:center;margin:20px 0;width:100%}
.pagination-komentar a,.pagination-komentar span{display:inline-block;padding:5px 10px;background:#006ea1;color:#fff;margin-left:5px}
.pagination-komentar span{background:#055175;}
.daftar-dong{width:100%;text-align:center;padding:30px 0; background: #f1f1f1;}
.daftar-dong h4{color: #000;}
.daftar-dong a{display:inline-block;background:#000;color:#fff;padding:5px 30px;text-decoration:none; text-transform: uppercase; font-size: 18px;}
.text-warning { margin-bottom: 10px;}

/*right-wrap*/
.right-wrap {width: 30%; padding-left: 20px; padding-right: 0;}

/*sidebar */
.sidebar {  padding : 0px 0 0 0}

/*banner and sidebar ads*/
.banner300x250 { width: 300px; height: 250px; margin:25px  auto;}
.banner-top-center { max-width: 1000px; height: auto; background: #fff; margin: 15px auto 15px auto;}
.banner-top-center img { max-width: 100%;}
.banner-top-center p { color: #fff; text-align: center; padding-top: 15px; font-size: 20px;}


/*footer*/
.footer-logo h3 a:link {background: url("http://cdn.okezone.com/underwood/img/okezone-logo-footer1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);display: block; height: 38px; margin-right: 12px; text-indent: -9999px; width: 184px;}
.footer-border { border-bottom: 1px solid #bdbdbd; height: 8px; margin-bottom: 16px;}
.footer-celeb-again {background: none repeat scroll 0 0 #fff; margin-top: -4px; }
.footer-celebrity { background: none repeat scroll 0 0 #fff; margin-bottom: 45px;}
.footer-nav{ float: left;}
.footer-nav ul { margin: 22px 0 20px 10px; padding: 0;}
.footer-nav li { float: left; font-family: 'open_sanslight',sans-serif; font-size: 16px; list-style: none outside none; margin: 0 20px 0 0;}
.footer-nav li a:link, .footer-nav li a:visited { color: #000;}
.footer-nav li a:hover { color: #36a6d5;}
.footer-celeb-again ul { margin: 10px 0 0 24px; padding: 0; }
.footer-celeb-again li { float: left;list-style-type: none;margin:0 5px;}
.footer-celeb-again li a:link, .footer-celeb-again li a:visited { color: #000;}
.footer-celeb-again li a:hover { color: #36a6d5;}
.footer-celebrity p { margin-left: 25px; color:#666666; font-size: 11px; float: left;}
.celebrity-fr {float: right;}
.soc-apps {  float: left; margin: 0 15px 10px 45px;}
.social-media { float: left; width: 106px;}
.social-media a { background: url("http://cdn.okezone.com/underwood/img/sprites.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); float: left;margin: 0 5px 0 0;}
.social-media a.twitter { background-position: -116px -471px; height: 27px; opacity: 1;width: 27px;}
.social-media a.gplus {background-position: -116px -531px;height: 27px; opacity: 1;width: 27px;}
.social-media a.facebook {background-position: -116px -501px;height: 27px; opacity: 1;width: 27px;}
.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 {
    opacity: 0.8;
}
.apps {  float: right;}
.apps a {background: url("http://cdn.okezone.com/underwood/img/sprites.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);float: left;margin: 0 9px 0 0;}
.apps a.ipad {background-position: -73px -582px;height: 32px;opacity: 1; width: 26px;}
.apps a.iphone {background-position: -107px -584px;height: 30px;opacity: 1;width: 18px;}
.apps a.wp { background-position: -73px -628px; height: 25px;opacity: 1;width: 26px;}
.apps a.android {background-position: -107px -624px;height: 32px;opacity: 1;width: 27px;}
.apps a.mobile { background-position: -141px -590px; height: 18px; opacity: 1;width: 25px;}
.biznet {margin-right: 10px; padding:0 20px 20px 20px;text-align: right;}
.biznet img { max-width: 100%;}
.biznet p { color: #000; font-size: 10px; margin: 0; float: none;}


.mnc-logo span a:link {
    background: url("http://cdn.okezone.com/underwood/img/mnc-media-log.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    height: 42px;
    width: 108px;
}

.show-1199 {
    display: none !important;
}

.hide-1199 {
    display: block;
}
/* #Media Queries
================================================== */

    /* Smaller than standard 960 (devices and browsers) */
    @media only screen and (max-width: 1200px) {
        .news-bg {
            background: url("http://cdn.okezone.com/underwood/img/bg_foto.jpg") no-repeat scroll 0 0 / 21% auto rgba(0, 0, 0, 0);
            height: 1600px;
            left: -7%;
            position: absolute;
            top: -30%;
            width: 100%;
            z-index: -1;
        }
        .nav>li>a { padding: 15px 21px;}
        /*.inner-slideshow { width: 58%;}
        .slide-headline img {min-width: 535px;}*/
        .news-search {margin-left: 0; width: 79%;}
        .tabs-kanal li a {padding: 15px !important;}
        .head-cat, .head-cat1{ width: 91.5%;}
        .d-none { display: none;}
        .w100p{width: 100%;}

        .news-form {padding-right: 0 !important;}
        .sso-wew a{ padding-right: 26px !important;}
        .news-head { padding-right: 0 !important;}
        .sso-wew { padding-right: 10px;}
        ul.kanali.dropdown-menu {left: -43px; }

        .head-terbaru{width:622px; height:300px; margin-left: 0 ; float: left;}
        .bg-img {width:622px; height:300px; } 
        .img-head-wrap {width:622px; height:300px; position: relative; overflow: hidden;}
        .img-head-wrap .masks { width:622px; height:300px; }
        .img-wrap ,.img-wrap .masks , .thumb-img{ height: 323px;width: 303px; }
        .foto-terbaru ul li {height: 303px; width: 303px; }
        .banner300x250 { width: 300px; height: 250px; margin:25px  auto;}
        .img-wrap .masks h4 a { font-size: 20px;}

        .bg-img1 {width:622px; height:619px; }
        .head-pilihan{width:622px; height:619px; margin-left: 0 ; float: left;}
        .pil-head-wrap {width:622px; height:619px; position: relative; overflow: hidden;}
        .pil-head-wrap .masks { width:622px; height:619px; }
        .img-wrap1 ,.img-wrap1 .masks , .thumb-img1{ width: 303px; height: 323px;}
        .foto-pilihan ul li {height: 303px; width: 303px; }
        .img-wrap1 .masks h4 a { font-size: 20px;}
        .ml-1024 {margin-left: 0 !important;}
        .ml15-1024 {margin-left: 15px!important;}

        .bg-img2 {width:621px; height:303px;}
        .head-terpopuler{width:621px; height:303px; margin-left: 0 ; float: left;}
        .pop-head-wrap {width:621px; height:303px; position: relative; overflow: hidden;}
        .pop-head-wrap .masks { width:621px; height:303px; }
        .img-wrap2 ,.img-wrap2 .masks , .thumb-img2{ width: 303px; height: 323px;}
        .foto-terpopuler ul li{height: 303px; width: 303px; }
        .img-wrap2 .masks h4 a { font-size: 20px;}

        
        .stick {position: relative !important; width: 293px;}
        .soc-apps { margin: 0px 0px 10px 0px;}
        .tab-bepil li a { font-size: 14px;}
        .tabs-res li { width: 50%; height: 62px; }
        .tabs-res li a {height: 62px;}
        .pil a { padding-top: 24px !important}
        .show-1199 {display: block !important;}
        .hide-1199 {display: none !important;}

        .detail-flowplayer {
            height: 550px;
        }
        .stick { top: 0 !important;}
        .social-media { float: left; width: 111px;}
        .social-media a { background: url('http://cdn.okezone.com/underwood/img/sprites.png') no-repeat;float: left; margin: 0 5px 0 0;}
        .apps a { background: url('http://cdn.okezone.com/underwood/img/sprites.png') no-repeat; float: left; margin: 0 5px 0 0; }
        .komen { margin-right: 20px; max-width: 135px;}
        .list-bepil li a:link, .list-bepil li a { font-size: 13px;}
        .count { font-size: 13px;}
        .rmd-top-right{ max-width: 263px;  }

        .sidebar-infografis li {
            width: 120px;
        }

        .img-wrap3, .thumb-img3, .img-wrap3 .masks1{width:120px; height:74px; }
        .img-wrap3 .masks1 h4 {padding: 5px;}
        .img-wrap3 .masks1 h4 a {font-size: 10px;}

        .hidden-1200 { display: none !important;}
        .cap-over {bottom:0px; background: rgba(0,0,0,0.5); width: 100%; position: absolute;display: block; }
        .cap-over h4 a{ font-size: 24px; color: #fff; font-family: 'open_sansbold'; padding: 10px; display: block;}
        .foto-terbaru li .cap-over, .foto-pilihan li .cap-over , .foto-terpopuler li .cap-over { bottom:20px;  }

        .caption-wrap-sm { background: #015382; padding: 10px; color: #fff; width: 100%; float: left;}
        .caption-wrap-sm a {  float:left; color: #fff; font-size: 15px; text-transform: uppercase;}
        .caption-wrap-sm a:hover { color: #36a6d5;}
        .caption-wrap-sm p { float: right; color: #fff; background: url('../img/cam_03.png') no-repeat left; padding-left: 25px; text-transform: uppercase; margin: 0;}

        .foto-terbaru li .cap-over h4 a, .foto-pilihan li .cap-over h4 a, .foto-terpopuler li .cap-over h4 a{ font-size: 20px; }

        .cap-over1 {bottom:0px; background: rgba(0,0,0,0.5); width: 100%; position: absolute; }
        .cap-over1 h4 a{ font-size: 10px; color: #fff; font-family: 'open_sansbold'; padding: 0 10px; display: block;}

        #cycle-2 .cycle-slide { margin-top: -20px;}
        .slideshow-2 { height: 120px;}

    }
    
    @media only screen and (max-width: 991px) {
        .left-wrap { width: 62.333%;}
        .right-wrap { width: 37.667%;}
        .ps-nol { padding: 0;}
        .nav > li > a {padding: 15px 9px;}
        .news-search {width: 62%;}
        .ps-nol { padding: 0;}
        .nav > li > a {padding: 15px 5px;}
        .news-form { width: 58%; padding-right: 15px !important;}
        .news-search {width: 67%; }
        .news-bg {background: url("http://cdn.okezone.com/underwood/img/bg_foto.jpg") no-repeat scroll 0 0 / 39% auto rgba(0, 0, 0, 0);left: -24% ;}

        .sso-wew .okekanalicon{ padding-right: 44px !important; }
        
        .head-terbaru{width:720px; height:357px; margin-left: 0 ; float: left; margin-bottom: 15px;}
        .bg-img {width:720px; height:357px; }
        .img-head-wrap {width:720px; height:357px; position: relative; overflow: hidden;}
        .img-head-wrap .masks { width:720px; height:357px; }
         .img-wrap ,.img-wrap .masks ,.thumb-img{ width: 352px; height: 372px; }
         .foto-terbaru ul li {width: 352px; height: 352px;}
        .banner300x250 { width: 300px; height: 250px; margin:51px  auto;}
        .ml-0 {margin-left: 15px !important;}
        .mls-0 { margin-left: 0 !important;}

        .bg-img1 {width:720px; height:619px; }
        .head-pilihan{width:720px; height:619px; margin-left: 0 ; float: left; margin-bottom: 15px;}
        .pil-head-wrap {width:720px; height:619px; position: relative; overflow: hidden;}
        .pil-head-wrap .masks { width:720px; height:619px; }
        .img-wrap1 ,.img-wrap1 .masks , .thumb-img1{ width: 352px; height: 372px; }
        .foto-pilihan ul li {width: 352px; height: 352px;}
        .ml-768 {margin-left: 0 !important;}
        .ml15-768 {margin-left: 15px!important;}

        .bg-img2 {width:720px; height:357px; }
        .head-terpopuler{width:720px; height:357px; margin-left: 0 ; float: left; margin-bottom: 15px;}
        .pop-head-wrap {width:720px; height:357px; position: relative; overflow: hidden;}
        .pop-head-wrap .masks { width:720px; height:357px; }
        .img-wrap2 ,.img-wrap2 .masks ,.thumb-img2{ width: 352px; height: 372px;}
        .foto-terpopuler ul li{width: 352px; height: 352px;}
        .caption-wrap { position: absolute; bottom: 0; background: #015382; padding: 10px; color: #fff; width: 100%;}
        .caption-wrap1 a { font-size: 15px; }
        .caption-wrap a:hover { color: #36a6d5;}
        .caption-wrap1 p {  font-size: 15px;}

        .slideshow-1 { height: 370px; }
        .slideshow-1 img { height: 370px;}

        
        .hidden-nav { display: none !important; float: left;}
        /*swipe menu*/
        #wrapper {
            z-index: 1;
            width: 100%;
            background: #fff;
            overflow: hidden;
            height: 40px;
            position: relative;
        }

        #scroller {
            position: absolute;
            z-index: 1;
            width: 1000px;
            height: 40px;
            background-color: #fff !important;
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            -ms-transform: translateZ(0);
            -o-transform: translateZ(0);
            transform: translateZ(0);
            -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;
        }
        .soc-apps { margin: 0px 0px 10px 0px;}
        .rmd-top-right {
            max-width: 253px;
        }

        .detail-flowplayer {
            height: 381px;
        }

        /*isi slide*/
        .isi-berita { width: 100%;}

        .pl767-0 { padding-left: 0 !important;} 
        .detail-social-share { padding-left: 0 !important;}
        .detail-social-share ul { margin: 0 !important;}    
                ul.user-comment .comment-content {
            float: left;
            width: 86%;
        }
    }

    /* Tablet Portrait size to standard 960 (devices and browsers) */
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
        .ps-nol { padding: 0;}
        .nav > li > a {padding: 15px 7px;}
        .news-search {width: 67%;}
        .news-bg {
            background: url("http://cdn.okezone.com/underwood/img/bg_foto.jpg") no-repeat scroll 0 0 / 21% auto rgba(0, 0, 0, 0);
            left: -5%;
        }
        

        .stick { width: 283px;}
        .list-berita li { margin-right: 0; margin-left: 0;}
        .content-hardnews { margin-top: 15px;}
        .komen { margin-right: 20px !important;max-width: 126px;}
        .slide-headline, .slide-headline1 { width: 100% ;}
        .cycle-slideshow {height: 370px; overflow: hidden;}
        .cycle-slideshow-news-headline {height: 370px; overflow: hidden;}
        .slide-headline img { min-height: 370px;}
        .cycle-slideshow-news-headline1 {height: 370px; overflow: hidden;}
        .slide-headline1 img { min-height: 370px;}
        #headline-prev , #headline-next {top:0; position: absolute; z-index: 999; cursor: pointer;}
        #headline-prev {right: 30px; } 
        #headline-next {right: 0px; } 
        .hidden-nav { display: none !important; float: left;}
        .warkop { margin-top: -7px;}
        /*swipe menu*/
        #wrapper {
            z-index: 1;
            width: 100%;
            background: #fff;
            overflow: hidden;
            height: 40px;
            position: relative;
        }

        #scroller {
            position: absolute;
            z-index: 1;
            width: 1000px;
            height: 40px;
            background-color: #fff !important;
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            -ms-transform: translateZ(0);
            -o-transform: translateZ(0);
            transform: translateZ(0);
            -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;
        }
        .social-media { width: 109px;}
        .soc-apps { margin: 0px 0px 10px 0px;}



        
    }
    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {
        .left-wrap { width: 100%;}
        .right-wrap { width: 100%;}
        .fa-home { margin-left: 20px;}
        .sso-wrap { float: left; margin-top: 0;}
        .news-search { width: 78%;}
        .content-hardnews { margin-top: 15px;}

        .bg-img {width:610px; height:303px; }
        .head-terbaru, .img-head-wrap, .img-head-wrap .masks  {width:610px; height:303px; margin-left: 0 ; float: left; margin-bottom: 15px;}
        .foto-terbaru ul li, .img-wrap ,.img-wrap .masks ,.thumb-img{ width: 297px; height: 297px; margin-top: 0 !important;}
        .banner300x250 { width: 297px; height: 250px; margin:10px  auto;}
        .ml-0 {margin-left: 15px !important;}
        .mls-0 { margin-left: 0 ;}
        .ml15-640 { margin-left: 15px !important;}

        .bg-img1 {width:610px; height:303px; }
        .head-pilihan, .pil-head-wrap, .pil-head-wrap .masks  {width:610px; height:303px; margin-left: 0 ; float: left; margin-bottom: 15px;}
        .foto-pilihan ul li, .img-wrap1 ,.img-wrap1 .masks ,.thumb-img1{ width: 297px; height: 297px;}

        .bg-img2 {width:610px; height:303px; }
        .head-terpopuler, .pop-head-wrap, .pop-head-wrap .masks  {width:610px; height:303px; margin-left: 0 ; float: left; margin-bottom: 15px;}
        .foto-terpopuler ul li, .img-wrap2,.img-wrap2 .masks ,.thumb-img2{ width: 297px !important; height: 297px !important;}

        .foto-terbaru li .cap-over, .foto-pilihan li .cap-over, .foto-terpopuler li .cap-over {bottom: 0px;}

        
        /*swipe menu*/
        #wrapper {
            z-index: 1;
            width: 100%;
            background: #fff;
            overflow: hidden;
            height: 43px;
            position: relative;
        }

        #scroller {
            position: absolute;
            z-index: 1;
            width: 1000px;
            height: 43px;
            background-color: #fff !important;
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            -ms-transform: translateZ(0);
            -o-transform: translateZ(0);
            transform: translateZ(0);
            -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%;}
    
        .show-1199 {
            display: none !important;
        }

        .hide-1199 {
            display: block !important;
        }

        .detail-flowplayer {
            height: 390px;
        }
        .detail-page { padding: 15px 0;}
        .detail-img2 { width: 98%;}
        .detail-img2 .cycle-slideshow { height: auto !important;}

        .soc-apps { margin: 10px 0px 10px 10px;}

        
        .multi-play { left: 25%; top: 10%;}
        .pl640-0 { padding-left: 0 !important;}

        .sidebar-infografis li {
            width: 146px;
        }

        .img-wrap3, .thumb-img3, .img-wrap3 .masks1{width:146px; height:74px; }
        .img-wrap3 .masks1 h4 {padding: 5px 10px;}
        .img-wrap3 .masks1 h4 a {font-size: 13px;}
        .ml-640 { margin-left: 0 !important;}
    }
    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
    @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_foto.jpg") no-repeat scroll 0 0 / 25% auto rgba(0, 0, 0, 0);
            left: -6%;
            top: -30%;
        }
        .news-search-button { padding:6px 11px;}
        .navbar-nav { margin: 0;}
        .news-hardnews {margin-right: 15px;}
        .news-home { padding-left: 0;}
        .news-nav-wrap {margin-right: 15px;}
        /*.inner-slideshow img { height: 377px;overflow: hidden;width: 100%;}*/
        .detail-img1 {
            margin-right: 20px;

            }

        /*600*/
        .sso-wrap {float: right !important;}
        .news-head { padding: 0 15px !important;}
        .news-search { width: 76%;}
        .news-nav-wrap {margin-right:0 !important;}
        .news-home {padding: 0 15px !important; }
        .head-terbaru, .img-head-wrap, .img-head-wrap .masks {width: 570px;}
        .foto-terbaru ul li, .img-wrap, .img-wrap .masks, .thumb-img {width: 277px; height: 277px;}
        .head-terpopuler, .pop-head-wrap, .pop-head-wrap .masks {width: 570px;}
        .foto-terpopuler {padding:0 15px !important;}
        .foto-terpopuler ul li, .img-wrap2, .img-wrap2 .masks, .thumb-img2 { height: 276px !important; width: 276px !important;}
        .foto-terpopuler .list-f .item:nth-child(2n) { margin-right: 0 !important;}
        .footer-celebrity .col-sm-9 { width: 66%; float: left;}
        .footer-celebrity .col-sm-3 { width: 34%; float: left;}
        .footer-logo h3 a:link {float: right;  width: 153px;}
        .footer-nav li a:link, .footer-nav li a:visited {line-height: 25px; margin-right: 0; margin-top: 22px;}
        .footer-celebrity .col-sm-7 { width: 49%; float: left;}
        .footer-celebrity .col-sm-5 { width: 51%; float: left;}
        .footer-nav ul {margin: 22px 0 20px 0px;}
        .footer-celeb-again ul { margin: 10px 0 0 15px;}
        .footer-celebrity p {margin-left: 15px; width: 38%;}
        .biznet p {width: 100%;}
        a.next1 {width: 997%;}
        .breaking {padding: 15px 15px 15px 0;}
        .slideshow-2 { height: 97px;}
        #cycle-1 img { height: auto;}
        .sidebar-infografis li { width: 131px; margin: 2px 5px !important;}
        .img-wrap3, .thumb-img3, .img-wrap3 .masks1 { height: 74px;width: 131px; }



    }

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 480px) {
        .news-bg {
            background: url("http://cdn.okezone.com/underwood/img/bg_foto.jpg") no-repeat scroll 0 0 / 33% auto rgba(0, 0, 0, 0);
            left: -7%;
            top: -16%;
        }
        .full { width: 100%;}
        .sso-wrap {margin-left: 25px; float: right}
        .news-search { width: 70.5%; margin-left: 0;} 
        .navbar-nav { margin: 0;}
        .news-home { padding-left: 0;}
        .news-nav-wrap { margin-top: 15px; margin-right: 15px;}

        .bg-img {width:100%; height:340px;}
        .head-terbaru, .img-head-wrap, .img-head-wrap .masks  {width:100%; height:340px; margin-left: 0 ; float: left; margin-bottom: 15px;}
        .foto-terbaru ul li, .img-wrap ,.img-wrap .masks ,.thumb-img{ width: 100%; max-height: 340px;}
        .foto-terbaru ul li { margin: 0 0 15px 0 !important;}
        .foto-terpopuler { padding-right: 15px !important;}
        .banner300x250 { width: 297px; height: 250px; margin:25px auto;}
        .ml-0 {margin-left: 15px !important;}
        .mls-0 { margin-left: 0 !important;}

        .bg-img1 {width:100%; height:340px;}
        .head-pilihan ,.pil-head-wrap, .pil-head-wrap .masks  {width:100%; height:340px; margin-left: 0 ; float: left; margin-bottom: 15px;}
        .foto-pilihan ul li, .img-wrap1 ,.img-wrap1 .masks ,.thumb-img1{ width: 100%; max-height: 340px;}
        .foto-pilihan ul li { margin: 0 0 15px 0 !important;}

        .bg-img2 {width:100%; height:340px;}
        .head-terpopuler ,.pop-head-wrap, .pop-head-wrap .masks  {width:100%; height:340px; margin-left: 0 ; float: left; margin-bottom: 15px;}
        .foto-terpopuler ul li, .img-wrap2 ,.img-wrap2 .masks ,.thumb-img2{ width: 100% !important; max-height: 340px !important; }
        .foto-terpopuler ul li { margin: 0 0 15px 0 !important;}

        .news-hardnews {margin-right: 15px;}
        .content-hardnews {width: 100%;}
        
        .multi-play { left: 36%;}
        .detail-img1 {
            margin-right: 20px;

            }

        .detail-flowplayer {
            height: 315px;
        }
         .detail-img2 .cycle-slideshow { height: auto !important;}
         .sidebar-infografis li {
            width: 100%;
        }

        .img-wrap3, .thumb-img3, .img-wrap3 .masks1{width:100%; height:174px; }
        .img-wrap3 .masks1 h4 {padding: 5px 10px;}
        .img-wrap3 .masks1 h4 a {font-size: 13px;}

        .news-nav-wrap {margin-right: 0;}
        .news-home .row { margin: 0;}
        .news-home {padding:0 15px;}

        .footer-logo {float: left;padding-left: 15px;}
        .footer-celeb-again ul { margin: 10px 0 0 15px;}
        .biznet {padding:20px 0 0px 20px;}
        .breaking { margin: 0 0 20px;padding: 15px 15px 15px 0;}
        .news-home .col-sm-12 {padding: 0 !important;}
        .tag-cloud {padding-right: 20px 0;}
        .footer-nav ul {margin: 22px 0 20px;}
        .footer-celeb-again ul {  margin: 10px 0 0 0px;}
        .footer-celebrity p {margin-left: 0;}
        .footer-celebrity .col-sm-9 ,.footer-celebrity .col-sm-3 ,.footer-celebrity  .col-sm-5{padding:0px; float:left;}
        .mnc-logo, .biznet {float: left; margin-top:20px;}
        .biznet {padding: 20px 0 0;}
        .mnc-logo {margin-left:20px;}
        .news-form, .search-btn {margin-top: 0; margin-bottom: 15px;}
        .news-home .col-md-12 {padding: 0;}
    }

    @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) {
        .news-bg {
            background: url('http://cdn.okezone.com/underwood/img/bg_foto@2x.jpg')no-repeat;
            background-size: 22%; left: -10%;
        }
        .logo-news h1 a{ background: url('http://cdn.okezone.com/underwood/img/logo_foto1@2x.png') no-repeat; background-size: 290px 90px;  }
        .ques-icon,a#foto-prev,a#foto-next, #headline-prev,#headline-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;
        }
        .fa-home { background: url("http://cdn.okezone.com/underwood/img/logo_okz-top-fix@2x.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); background-size: 106px 27px;}
        .warkop {background: url('http://cdn.okezone.com/underwood/img/logo_warkop@2x.png'); background-size: 112px 32px;}
        .footer-logo h3 a:link { background: url("http://cdn.okezone.com/underwood/img/okezone-logo-footer1@2x.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);/*background-size: 184px 57px; */background-size: 184px 43px; height: 45px;}
        .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;}
        .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;}
        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;}
        .slideshow-1 .cycle-prev {background: url('../img/arrows_2x_all.png') no-repeat -35px -267px;/* background: url('../img/arrows.png') no-repeat -36px -103px; */width: 48px; height: 84px;}
        .slideshow-1 .cycle-next { background: url('../img/arrows_2x_all.png') no-repeat -35px -193px;/*background: url('../img/arrows.png') no-repeat -36px -14px; */width: 48px; height: 84px;}
        .thumb-img,.thumb-img1,.thumb-img2,.thumb-img3{ background-repeat: no-repeat !important;  background-size: cover !important; background-position: center !important;}
        .ques-icon {
            background-position: -174px -1053px;
            height: 70px;
            width: 28px;
        }   
        
    }




/*beee*/
  
.ofen{
  display: none;
}
 
 .buka, li.buka {
  display: none;
}
 .tutup {
  display: block;
}

@media (max-width:767px){
  .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;  
}
 
.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: 50px;
    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 0px;
    margin-bottom: 10px; 
    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: 50px;
    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{top:120px;}
  #headline-prev{left:0px;}
  #headline-next{right:0px;}
  .cycle-slideshow{
    margin:0px;
  }

}
 




/* foto */
.bgwhite{display:none}
.m1 .bgwhite{display: inline-block}
.m1 form#cse-search-box-1 {margin-top: 30px;}
.m1 .sso-wrap{display:none; }
.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: 30px;}
.m1 .news-head{margin-top:100px;}
.m1 .logolink{background: #f3f3f3; font-family: 'franklingothicurwbooregular' !important; font-weight: normal; 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;  }
.m1 .logolink .login a.news{font-family: "franklingothicurwbooregular" !important; font-style: normal !important; font-size: 13px;}

.m1 .logolink img{height:23px; vertical-align: middle; margin:4px 0px 4px 0px; }
.m1 .logolink ul li.metube a{ padding: 7px 0 5px;} 
.m1 .logolink ul li.metube a img {height: auto; margin-top: 0;}
.m1 .logolink li:hover img, .logolink li:hover{opacity:0.9  }
.m1 .logolink .login{margin-top:6px; width: 55px; right: 0px; position: relative; padding-left: 10px;}
.m1 .logolink .loginnama{width:auto; float:right; height: 30px;  line-height: 30px;position: relative}
.m1 .logolink .ques-icon {top: -50px;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;}
.m1 .sso-wrep{display: none;}
.m1 .oke-icon{background-position: -177px -2249px; height: 20px; left: -24%; top: 0px;}
.m1 .dropdown a.dropdown-toggles.blue{padding:0px; margin:0px; font-size: 13px;}
.m1 ul.kanali.dropdown-menu {right: 0;top: 71% !important; margin-top: 31px !important;}
.m1 .pka, .m1 .pka2{display:none}
.m1 .oke-icon{background-position: -176px -2249px;width: 20px;height: 23px;z-index: 10;position: absolute;top: 0%;left: -27%;}
.m1 .loginnama .oke-icon{margin: 6px 8px 8px -15px;}

@media(max-width:767px){   
    .m1 .logolink .login{right:30px; z-index: 9; margin:48px auto; position: absolute;  }
    .m1 .logolink .loginnama{right:30px; z-index: 9; margin:42px auto; position: absolute;  }
    .m1 .okezonel, .m1 .warungkopi, .m1 .rubik, .m1 .okezonetv, .m1 .metube{text-indent: -99999px; width:50px;} 
    .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;}
    .m1 .metube, .m1 .logolink ul li.metube:hover{background:url('https://cdn.okezone.com/underwood/img/metube1x.png') no-repeat; background-position: center;}
    
}



@media (max-width:480px){
   
  .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;
  }
  .slider-wrap { height: 575px; margin-bottom:30px;}/* 650*/
    #adv-custom-caption {width: 100% !important;}
    .cycle-slideshow{
      height:250px !important;
      overflow: hidden;
    }
    .cycle-slideshow img {
      min-width:100%; 
    }
}

@media (max-width:360px){
   
  .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: 775px; margin-bottom:30px;}/* 650*/
    #adv-custom-caption {width: 100% !important; top:200px;}
    .cycle-slideshow{
      height:300px !important;
      overflow: hidden;
  }

  .cycle-slideshow img {
       width:100% !important;
       min-height:200px !important;
  }

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

@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: 675px; margin-bottom:30px;}/* 650*/
    #adv-custom-caption {width: 100% !important; top:180px;}
    .cycle-slideshow{
      height:270px !important;
      overflow: hidden;
  }

  .cycle-slideshow img {
      min-width:100% !important;
       min-height:180px !important; 
  }

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



@media (max-width:800px){
  .pl70 { padding-left: 10px;}
.news-bg { background:none} 


}