@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
body { font-family:'lato', sans-serif; font-size:16px; line-height:22px; color:#444; }
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
  font-family: "montserrat", sans-serif;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h6 { margin:5px 0; }
.grey-font { color:#999; }
/* margin */
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px!important; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt70 { margin-top:70px; }
.mt100 { margin-top:120px; }
.mb10 { margin-bottom:10px; }
.mr10 { margin-right:10px; }
.pt20 { padding-top:20px; }
.offset-0 { padding-left:0; padding-right:0; }
.text-20 { font-size:18px!important; }
/* margin */
/* form */
.search { height:40px; background:#eee url(../images/search-icon.png) right no-repeat; border:1px solid #ccc;border-radius:0px; font-size:16px; padding:10px 40px 10px 12px; }
/* social */
.social-top a { width:30px; height:30px; background:url(../images/social-media.png) no-repeat; display:inline-block; text-align:right; }
.social-top a.fb { background-position:-0px -30px; }
.social-top a.fb:hover { background-position:-0px -0px; }
.social-top a.gplus { background-position:-35px -30px; }
.social-top a.gplus:hover { background-position:-35px -0px; }
.social-top a.twitter { background-position:-72px -30px; }
.social-top a.twitter:hover { background-position:-72px -0px; }
.social-top a.rss { background-position:-107px -30px; }
.social-top a.rss:hover { background-position:-107px -0px; }
header { background:#fff; width:100%; }
.fixed-top { position:relative; top:0;z-index:999; }
.fixed-top img { width:410px; }
.container-masonry { z-index:2; }
/* banner */
.banner-top { width:960px; height:120px; }
.banner-top-adsense { width:728px; height:92px; }
.banner-top-980 { width:980px; height:117px; }
.banner-right { width:300px; height:250px; background:#eee; overflow:hidden; }
/*.skin-ads { position: absolute; width: 100%; height: 667px; z-index: 1!important; top: 326px;}*/
.skin-ads { position: fixed; width: 100%; height: 667px; z-index: 9999!important; top:0px;}
.skin-ads img { height:660px; width:185px; }
.skin-ads .left { position: relative; left:-185px; height: 667px; width: 185px; float: left;}
.skin-ads .right { position: relative; right:-185px; height: 667px; float: right;}
.page-overlay { width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.7) ; z-index:99999; text-align: center;}
.page-overlay-wrap { position:relative; display: table; text-align:center; height: 100%; width: 100%;}
.table-overlay { margin:0 auto; vertical-align:middle; display:table-cell; position:relative; width:100%; }
.close-ads { display:block; width:185px; background:#faa61a; color:#fff; font-size:10px; line-height:16px; position: relative; text-align:center; cursor:pointer;}
.close-ads-overlay { display:inline-block; width:auto; background:#faa61a; color:#fff; font-size:10px; line-height:16px; text-align:center; padding:3px 5px; position:absolute; top:0; right:0; cursor:pointer;}
/* menu */
.menu { width:100%; background:#eee url(../images/repeat-menu.gif) repeat-x; height: 74px; overflow:hidden;  }
.menu ul { padding-left:10px; padding-right: 10px;}
.menu ul li { float:left; list-style:none;  text-align:center; }
.menu ul li a { padding: 0.6em 0.38em; display:block; font: 500 14px/20px "montserrat", sans-serif; color:#fff; text-transform:uppercase; letter-spacing: -1px;}
.menu ul li a:hover { text-decoration:none; background:#f0f0f0; color:#666; }
.w180 { width:180px }
.w100 {width:100px; }
.w200 {width:200px; }
.w640 { width:640px; margin:0 auto; position:relative;}

/* color */
.red { background:#e65749; }
.blue { background:#2583c5; }
.silver { background:#999; }
.blue-light { background:#44B6CC; }
.pink { background:#ed135f;}
.orange { background:#f47021;}
.yellow { background:#faa61a; }
.green { background:#1abc9c; }
.maroon { background:#AE171B; }
.grey { background:#48515E; }
.vintage { background:#ECBA85; }
.purple { background:#9A67D1; }
.coklat { background:#B6644A; }
.pink-light { background:#FFA0CA; }
.font-abu a { color:#666!important; font-size:14px!important; padding: 0.7em 1.6em!important;}
.font-abu a:hover { background:#48515E!important; color:#fff!important;}

/* tag */
.tag { height:30px; overflow:hidden; background:#f4f4f4; }
.tag span { display:block; font:500 14px/19px "montserrat", sans-serif; text-align:center; color:#fff; padding:5px 0;}
.tag a { display:inline-block; padding:5px 10px; font:400 13px/19px "montserrat", sans-serif; color:#2583c5;}
.tag a:hover { text-decoration:none; background:#b7def9; }
.nav-tabs  { background: transparent!important; color:#fff; font:400 16px/24px "montserrat", sans-serif;border-bottom: 2px solid #e94e1e; }
.nav-tabs>li { border-bottom:0px!important; margin-bottom:-1px!important; height:auto!important; }
.nav-tabs>li>a { border-radius:0px!important; color: #555; background:transparent!important; border-bottom:none!important; }
.nav-tabs>li>a:hover { background:transparent!important; color:#333; border:none!important;padding:11px 11px 10px!important; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { border:none!important; background:#e94e1e!important; color:#fff; padding:11px 11px 10px!important; }
a.index-title { position:absolute; right: 0px; top: 10px; font:400 12px/24px "montserrat", sans-serif; background:none!important; color:#999; }

/* headline */
.headline {
    height: 545px;
    z-index: 2;
    position: relative;
}
.headline img { width:100%; }
.label-box { position:absolute; top:0; left:0; padding:5px;font:500 12px/19px "montserrat", sans-serif; text-align:center; color:#fff; z-index:9; text-transform:uppercase; }
.head-small .items, .head-big .items { margin-bottom:15px; position:relative; }
.headline h1, .headline h4 { margin:10px 0; }
.headline h1 { font-size:26px; line-height:30px; }
.headline h4 { font-size:16px; line-height:20px; }
.headline p { height: 45px; overflow:hidden; }
.carousel-control { width:5%; }
.carousel-control span { padding:5px; background:#fff; width:40px!important; height:40px!important; }
.carousel-control.left { background:none!important; left: 0; color:#333; }
.carousel-control.right { background:none!important; right: 0; color:#333;}
.carousel-indicators {bottom: -5%;}
.carousel-indicators li { border:1px solid #444; }
.carousel-indicators .active { background-color:#999; }
.logo h6 { margin:0 15px 10px; }

/* main */
.main { background:#eee; margin-top:10px; padding:20px 0; overflow: hidden; position: relative;}
.box-default { position:relative; overflow:hidden; width:300px; margin-bottom:20px; display: block;}
.box-default a { color: #000; }
.box-default a:hover { color:red; }
.box-default .thumb-box { width:300px; height:150px; overflow:hidden; position:relative; }
.box-default .thumb-box img { width:100%; }
.box-default .content { padding:0 15px 5px; background:#fff; overflow:hidden; }
.box-default h1 { font-size:18px; line-height:22px; margin: 10px 0;}
.title { width:100%; height:100px; overflow:hidden; font:700 24px/19px "montserrat", sans-serif; color:#fff; }
.title-small { width:100%; height:auto; overflow:hidden; font:700 14px/19px "montserrat", sans-serif; color:#fff; border-bottom:2px solid #e94e1e; }
.title-small span { display:inline-block; padding:10px; background:#e94e1e; font-weight: 400;}
.title-small a { display:inline-block; font-size:12px; float:right;  margin:10px 0; color:#999; }
a.index-font { font:12px "montserrat", sans-serif; color:#fff; text-align:right; display:inline-block; position:absolute; top:10px; right:10px; }
a.index-font:hover { color:#ccc; }
.today-tag ul { font:20px "montserrat",sans-serif; color:#2583c5; list-style:none; padding:0; margin:0; }
.today-tag li { padding:0px; border-bottom:1px solid #b7def7;
  background:#fff;
   -moz-box-shadow:    inset 0 0 2px #000000;
   -webkit-box-shadow: inset 0 0 2px #000000;
   box-shadow:         inset 0 0 2px #000000;
   border-radius: 5px;
}
.today-tag li:last-child { border:none; }
.today-tag a { font-size:16px;padding:15px; display:block;  }
.today-tag a:hover { background:#b7def9; color:#2583c5;
   -moz-box-shadow:    inset 0 0 2px #000000;
   -webkit-box-shadow: inset 0 0 2px #000000;
   box-shadow:         inset 0 0 2px #000000;
   border-radius: 5px;
}
.today-tag li span { display:inline-block; width:30px; text-align:left; font-size:22px; line-height:28px; color:#999; }
.recomended ul { list-style:none; margin:0; padding:0; background:#fff; }
.recomended li { padding:15px 15px 0px; width:100%; position:relative; overflow:hidden; background:#fff; }
.recomended .thumb-box { width:270px; height:120px; overflow:hidden; position:relative; }
.trending ul { list-style:none; padding:0; margin:0; background:#fff;}
.trending ul li { border-bottom:2px solid #eee; }
.trending ul li a { display:block; padding:10px; }
.trending ul li a:hover { background:#f8f8f8; }
.trending ul li h1 { width:180px; float:left;margin-left:10px; font:400 14px/18px "montserrat", sans-serif; margin-top:0px; margin-bottom: 2px; max-height: 72px; overflow: hidden;}
.trending ul li h2 { width:180px; float:left;margin-left:10px; font:400 12px/18px "montserrat", sans-serif; margin-top:0px; color:#999;}

.terpopuler ul { list-style:none; padding:0; margin:0; background:#fff; }
.terpopuler ul li { border-bottom:2px solid #eee; display:block; height: 95px; overflow: hidden;}
.terpopuler ul li a { display:block; padding:10px; font-size: 14px; margin-bottom: 0;}
.terpopuler ul li a:hover { background:#f8f8f8; }
.terpopuler ul li h1 {margin-left:10px; font:400 14px/18px "montserrat", sans-serif; margin-top:0px; margin-bottom: 2px; max-height: 55px;overflow: hidden;}
.terpopuler ul li h2{ float:left;margin-left:10px; font:400 12px/18px "montserrat", sans-serif; margin-top:0px; margin-bottom: 0px; color:#999;}
.terpopuler ul li h3 { font:italic 700 28px/32px "montserrat", sans-serif; margin-top:0px; margin-bottom: 0px; color:#f96; text-align:center; width:100%;}

.terkini ul { list-style:none; padding:0; margin:0; background:#fff; }
.terkini ul li { border-bottom:2px solid #eee; display:block; height: 95px; overflow: hidden;}
.terkini ul li a { display:block; padding:10px; font-size: 14px; margin-bottom: 0; height: 95px;}
.terkini ul li a:hover { background:#f8f8f8; }
.terkini ul li h1 {margin-left:10px; font:400 14px/18px "montserrat", sans-serif; margin-top:0px; margin-bottom: 2px; max-height: 54px;overflow: hidden;}
.terkini ul li h2{ float:left;margin-left:10px; font:400 12px/18px "montserrat", sans-serif; margin-top:0px; margin-bottom: 0px; color:#999;}
.terkini ul li h3 { font:italic 700 28px/32px "montserrat", sans-serif; margin-top:0px; margin-bottom: 0px; color:#f96; text-align:center; width:100%;}

.community { position:relative; overflow:hidden; }
.community ul { list-style:none; padding: 10px 0; margin: 0; background:#9a67d1; position:relative; overflow:hidden;}
.community ul li { border-bottom:2px solid #eee; margin: 0 10px; background: #fff; position: relative; overflow: hidden; height: 115px;}
.community ul li a { display:block; padding:10px; }
.community ul li a:hover { background:#f8f8f8; }
.community ul li h1 { width: 160px; float:left;margin-left:10px; font:400 14px/18px "montserrat", sans-serif; margin:0px 0 0 10px;max-height:72px; overflow:hidden;}
.community ul li h2 { width: 160px; float:left;margin-left:10px; font:400 12px/18px "montserrat", sans-serif; margin-top:2px; overflow:hidden; color:#999;}
.twitter {background:#00a4e4; }
.twitter .in { list-style:none; margin: 10px;  position:relative; overflow:hidden; height:300px; background:#fff;}
.thumb-potrait { width:88px; height:88px; position:relative; overflow:hidden; display:inline-block; float:left; }
.thumb-potrait img { height:100%; }
.thumb-square { width: 88px; height: 88px; position:relative; overflow:hidden; display:block; float:left; border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; }
.thumb-square img { height:100%; }
.quotes { padding:15px; }
.quotes h1 { font:400 24px/28px "montserrat", sans-serif; color:#fff; }
.quotes h2 { font:400 16px/20px "montserrat", sans-serif; color:#faa61a; }
.photo { background:#fff; }
.title-photo { background:#fff; padding:15px; font:400 18px/24px "montserrat", sans-serif; color:#000;}
.photo ul { line-height:none; margin:0; padding:0px 15px; }
.photo ul li { width:50px; height:50px; position:relative; overflow:hidden; display:block; float:left; margin-right:4px; }
.photo ul li img { height:50px; }
.photo ul li a { opacity:0.7; }
.photo ul li a:hover { opacity:1; }
.thumb-photo { width:auto; height:300px; position:relative; overflow:hidden; }
.thumb-photo img { height:300px; }
.thumb-photo-s { width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.7); padding-top:35%; text-align:center; display:none; }
.thumb-video { width:300px; height:150px; position:relative; overflow:hidden; }
.thumb-video img { width:100%; }
.thumb-video a { display:block; }
.control-photo { margin:0 0 20px; height:40px; background:#ececec; }
.control-photo ul { list-style:none; margin:0; padding:0;text-align:center; }
.control-photo ul li { display:inline-block;  width:40px; height:40px; background:#ddd; }
.control-photo ul li:nth-child(2) { width:300px; background:none; padding:7px 0; }
.control-photo ul li a { font:700 24px/28px "montserrat", sans-serif; color:#999; display:block; padding:5px 10px; }
.thumb-control ul { list-style:none; margin:0 0 20px; padding:0; text-align:center; }
.thumb-control ul li { width:97px; height:97px; overflow:hidden; display:inline-block; }
.thumb-control ul li img { height:97px; width:auto; }
.thumb-control ul li a { opacity:0.8}
.thumb-control ul li a:hover { opacity:1; }
.video-play { position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/video-play.png) center no-repeat; }
.video-play:hover {background:url(../images/video-play.png) center no-repeat rgba(0,0,0,0.5);}
a.view { padding:5px 15px; background:#fff;border:1px solid #eee;font:400 14px/18px "montserrat", sans-serif; color:#000; text-align:center; display:inline-block; margin-top:15px; color:#666; }
.photo-count { padding:10px 15px; border-top:1px solid #eee; border-bottom:1px solid #eee;font:400 14px/18px "montserrat", sans-serif; color:#000; text-align:center; display:block; margin-top:15px; color:#666; }
.photo-count span { margin-right:5px; }
footer { background:#000 url(../images/footer-repeat.png) top repeat-x; padding:15px; color:#fff; font-size:14px; }
footer a { color:#999; margin:0 3px; font-size:14px; }
.footer-top { padding:15px; }
/* breadcrumb */
.breadcrumb { background:none; padding:8px 0px; }
.pagination { float:right; margin:0; }

/* head kanal */
.head-kanal-big { background:#333; padding:15px; height:450px; color:#fff; }
.head-kanal-big .thumb-head { width:270px; height:260px; position:relative; overflow:hidden; }
.head-kanal-big .thumb-head img { height:100%; }
.head-kanal-big h1 { margin:15px 0; height:140px; overflow:hidden; }
.head-kanal-big a { color:#fff; font-size:24px; line-height:28px; }
.head-kanal-mid { background:#333; height:265px; color:#fff; }
.head-kanal-mid .thumb-head { width:300px; height:150px; position:relative; overflow:hidden; }
.head-kanal-mid .thumb-head img { width:100%; }
.head-kanal-mid h1 { margin:0; height:140px; overflow:hidden;padding:15px;  }
.head-kanal-mid a { color:#fff; font-size:18px; line-height:22px; }
.head-kanal-small { background:#333; height:170px; width:48%; color:#fff; margin-top:15px;}
.head-kanal-small .thumb-head { width:144px; height:72px; position:relative; overflow:hidden;  }
.head-kanal-small .thumb-head img { height:100%; }
.head-kanal-small h1 { margin:0; height:140px; overflow:hidden; line-height:18px; padding:10px;  }
.head-kanal-small a { color:#fff; font-size:14px; line-height:16px; }

.kolom-kanan { width:300px; position:relative; overflow:hidden; float:right; margin-right:10px;z-index:2; }
.kolom-kiri { width:630px; position:relative; overflow:hidden; float:left; margin-left:10px;z-index:2; }
.read { background:#fff;}
.read-title { padding:15px; border-bottom:1px solid #eee; }
.read-title h1 { font:700 28px/32px "montserrat", sans-serif; margin:5px 0;}
.read-title h2 { font:400 12px/14px "montserrat", sans-serif; margin:5px 0;}
.read-img img { width:100%; }
.read-img h3 { font:400 14px/18px "lato", sans-serif; margin:0 0; padding:10px 15px; border-bottom:1px solid #eee;}
.read-img h3 span { color:#333; }
.read-img h4 { font:400 14px/18px "lato", sans-serif; margin:0 0; padding:5px 15px;}
.read-content { padding:15px; }
.read-content p { margin:0 0 15px; }
.read-content strong { font-weight:700; }
.related { background:#fff;}
.related-title {font:700 16px/20px "montserrat", sans-serif; padding:10px 15px; border-bottom:2px solid #AE171B; color:#fff;}
.related ul {list-style:none; margin:10px 0; padding:2% 3%; }
.related li { width:30%; float:left; margin-right:5%; margin-bottom:10px; position:relative; overflow:hidden;}
.related li:nth-child(3n) { margin-right:0; }
.related .thumb-box { width:auto; height:90px; position:relative; overflow:hidden; }
.related .thumb-box img { height:100%; }
.related h1 { font:400 14px/18px "lato", sans-serif; margin:5px 0;  }
.comment-title {font:700 16px/20px "montserrat", sans-serif; padding:10px 15px; border-bottom:2px solid #1a5c8b; color:#fff;}
.comment { padding:15px; }
.video-head { width:600px; height:300px; position:relative; overflow:hidden; }
.video-head img { width:100%; }
.top-menu a { font-size:14px; color:#898989; display:inline-block; margin:5px 0 0 10px; font-weight:700; }
.top-menu a:hover { color:red; }

.list-index ul { list-style:none; margin:0; padding:0; }
.list-index ul li { padding:10px; border-bottom:1px solid #eee;}
.list-index h1 { font-size:18px; line-height:22px; margin:0 0 5px; max-height:44px; overflow:hidden; }
.list-index h2 { font-size:12px; line-height:16px; margin:0 0 5px; color:#999; }
.list-index p { height:66px; overflow:hidden; }
.number-list { padding:5px 10px; background:#E74F1D; font-size:18px; line-height:18px; color:#fff; display:inline-block; position:absolute; top:0; left:0;}
.thumb-list { width:150px; height:150px; overflow:hidden; position:relative; }
.thumb-list img { height:100%; }
.date { background:#ddd; padding:10px 0; margin:0 0 15px; border:1px solid #ccc; }
.date select { font-size: 14px; line-height: 18px; padding:5px 10px; height: 35px;}


.list-rpt-index ul { list-style:none; margin:0; padding:0; }
.list-rpt-index ul li { padding:5px; border-bottom:1px solid #eee;}
.list-rpt-index h1 { font-size:15px; line-height:22px; margin:0 0 5px; max-height:44px; overflow:hidden; }

.title-rpt { width:100%; height:auto; overflow:hidden; font:700 14px/19px "montserrat", sans-serif; color:#fff; border-bottom:2px solid #e94e1e; }
.title-rpt span { display:inline-block; padding:10px; font-weight: 400;}
.title-rpt span.caption  {background:#e94e1e; }
.title-rpt span.name  {color: #e94e1e;font-weight: bold;font-size: 25px;}

.box-subnews { position:relative; overflow:hidden; margin-bottom:20px; margin-top:20px; display: block;}
.box-subnews .thumb-box { width:300px; height:150px; overflow:hidden; position:relative; }
.box-subnews .thumb-box img { width:100%; }
.box-subnews .content { padding:0 15px 5px; background:#fff; overflow:hidden; }
.box-subnews h1 { font-size:18px; line-height:22px; margin: 10px 0;}

.subnews ul { list-style:none; padding:0; margin:0; background:#fff;}
.subnews ul li a { display:block; }
.subnews ul li h1 { margin-left:100px; font:400 14px/18px "montserrat", sans-serif; margin-top:0px; margin-bottom: 2px; max-height: 72px; overflow: hidden;}


.newstags-box { position:relative; overflow:hidden; display:block; margin-bottom:10px; margin-top:10px; padding:5px; }
.newstags-box span.caption {  margin-right:5px; background:#2583c5; padding:5px; font:500 14px/19px "montserrat", sans-serif; text-align:center; color:#fff; }
.newstags-box a.tagname { margin-top:5px; margin-right:5px; display:inline-block; background:#ccc; padding:5px; font:400 13px/19px "montserrat", sans-serif; color:#2583c5; }
.newstags-box a.tagname:hover { text-decoration:none; background:#b7def9; }

@media screen and (max-width: 1335px) {
  .skin-ads2 { display: none; } 
}
/*
.skin-ads2 img { width:185px; height:100vh; }
*/