@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: 31px; background:#eee url(../images/search-icon.png) right no-repeat; border:1px solid #ccc;border-radius:0px; font-size: 13px; padding:10px 40px 10px 12px; }
/* social */
.social-top a { width: 20px; height: 20px; background:url(../images/social-media.png) no-repeat; display:inline-block; text-align:right; margin: 5px 0;}
.social-top a.fb { background-position: -5px -35px; }
.social-top a.gplus { background-position: -40px -35px; }
.social-top a.twitter { background-position: -77px -35px; }
.social-top a.rss { background-position:-112px -35px; }
header { background:#fff; width:100%; }
.fixed-top { position: relative; }
.fixed-top img { width: 300px; }
.container-masonry { z-index:2; }
/* banner */
.banner-top { width: 300px; height: 50px; overflow: hidden; margin: 0 auto;}
.banner-top-980 { width:980px; height:117px; }
.banner-right { width:300px; height:250px; background:#eee; overflow:hidden; }
.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:140px; 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: auto; overflow:hidden;  }
.menu ul { padding-left: 0; padding-right: 0; margin: 0;}
.menu ul li { float:left; list-style:none;  text-align:center; }
.menu ul li a { padding: 0.4em 0.2em; display:block; font: 500 12px/16px "montserrat", sans-serif; color:#fff; text-transform:uppercase; letter-spacing: -1px;}
.menu ul li a:hover { text-decoration:none; background:#f0f0f0; color:#666; }
.menu .selected { text-decoration:none; background:#f0f0f0; color:#666; }
.menu .selected a {color: #444}
.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 */
a.index-title { position:absolute; right: 0px; top: 10px; font:400 12px/24px "montserrat", sans-serif; background:none!important; color:#999; }


.logo h6 { margin:0 15px 10px; }

/* main */
.main { background:#eee; overflow: hidden; position: relative;}
.box-default { position:relative; overflow:hidden; width: auto; 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: auto; overflow:hidden; font: 400 14px/19px "montserrat", sans-serif; color:#fff; padding: 10px;}
.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; }
.trending ul { list-style:none; padding:0; margin:0; background:#fff;}
.trending ul li { border-bottom:2px solid #eee; }
.trending ul li:first-child { background:#e5e5e5; }
.trending ul li a { display:block; padding:10px; }
.trending ul li h1 { width: auto; font:400 14px/18px "montserrat", sans-serif; margin-top:0px; margin-bottom: 2px; max-height: 72px; overflow: hidden;}
.trending ul li h2 { width: auto; font:400 12px/18px "montserrat", sans-serif; color:#999; margin: 0;}

.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; margin-right: 10px;}
.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: 20% 0 0; padding:0px 15px; }
.photo ul li { width: 40px; height: 40px; position:relative; overflow:hidden; display: inline-block; margin-right:4px; }
.photo ul li img { height: 40px; width: auto;}
.photo ul li a { opacity:0.7; }
.photo ul li a:hover { opacity:1; }
.thumb-photo { width:auto; height: auto; position:relative; overflow:hidden; }
.thumb-photo img { height: auto; width: 100%;}
.thumb-photo-s { width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.7); text-align:center;  }
.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: 200px; 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: 3px 15px; background:#fff;border:1px solid #eee; font: 400 11px/14px "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; margin: 0;}
.pagination { float:right; margin:0; }

.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: 47%; float:left; margin-right:5%; margin-bottom:10px; position:relative; overflow:hidden;}
.related li:nth-child(2n) { margin-right:0; }
.related .thumb-box { width:auto; height: auto; position:relative; overflow:hidden; }
.related .thumb-box img { width: 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: 100%; height: auto; 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; border:1px solid #ccc; }
.date select { font-size: 14px; line-height: 18px; padding:5px 10px; height: 35px;}
.top-menu { padding:10px 0; border-top:1px solid #ccc; background-color: #ddd; margin-top: 20px;}

.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; width: auto; 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 { width: auto; 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; }