@charset "utf-8";
@import url("../fonts/mr-fonts.css");
@viewport {
	width: 980px;
	min-zoom: 0.25;
    max-zoom: 5;
    orientation: landscape;
}

html.no-scrolled, body.no-scrolled {
	overflow: hidden;
}
html, body {
	font-family: Arial, Helvetica, sans-serif;
	color: #3F3F3F;
	font-size: 14px;
	line-height: 18px;
	background: #B61F25;
	padding: 0;
	margin: 0;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
body {
	padding-top: 160px;
}

img{
	display: inline-block;
}
img.thumbnail,
.main-content a>img {
	background: #404040 url('../../img_place_jakarta.png') center no-repeat;
}

.space {
	margin: 10px;
}
.space.vertical {
	margin: 0px 1px 1px 0;
}

article {
	display: block
}

.wrapper {
	width: 1283px;
	margin: 0 auto;
}

body > #header {
	transform: translateZ(0);
	position: absolute;
	z-index: 99;
	left: 0;
	top: 0;
	height: 160px;
	background: #FFF;
	box-shadow: 0 0 30px rgba(0,0,0,.5)
}

@media screen and (max-width: 1282px) {
	body > #header {
		width: 1283px
	}
}

@media screen and (min-width: 1283px) {
	body > #header {
		width: 100%
	}
}

body.fixed > #header {
	position: fixed;
	top: -85px;
}

body > #header .top-head {
	height: 124px;
	position: relative;
	background: url('../images/city.png') right bottom no-repeat;
}body > #header .top-head > a.logo {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}body > #header .top-head > a.logo > img {
	height: 124px;
	-webkit-transition: height 0.5s ease 0s;
	-moz-transition: height 0.5s ease 0s;
	-ms-transition: height 0.5s ease 0s;
	-o-transition: height 0.5s ease 0s;
	transition: height 0.5s ease 0s;
}body > #header .top-head > a.logo.small > img {
	height: 30px
}

body > #header .top-head > ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	right: 0;
	bottom: 20px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}body > #header .top-head > ul > li {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}body > #header .top-head > ul > li > a {
	display: block;
	height: 40px;
	width: 40px;
	text-align: center;
	color: #3F3F3F;
	text-decoration: none;
	outline: none;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}body > #header .top-head > ul > li > a:before {
	content: '';
	line-height: 40px;
	white-space: nowrap;
	font-family: 'FontAwesome';
	font-size: 40px;
}body > #header .top-head > ul > li > a.fb:before {
	content: '\f09a'
}body > #header .top-head > ul > li > a.twitter:before {
	content: '\f099'
}body > #header .top-head > ul > li > a.instagram:before {
	content: '\f16d'
}body > #header .top-head > ul > li > a.index{
	width:80px;	
}body > #header .top-head > ul > li > a.index:before {
	content: "Index";
	font-size: 20px;
	color: rgb(255, 255, 255);
	padding: 5px 10px;
	border-radius: 2px;
	background: rgb(84, 84, 84) none repeat scroll 0% 0%;
	text-transform: uppercase;
	font-family: Arial,Helvetica,sans-serif;
}

body > #header .top-head > ul.small {
	bottom: 5px;
}
body > #header .top-head > ul.small > li > a {
	width: 26px;
	height: 26px;
}body > #header .top-head > ul.small > li > a:before {
	line-height: 26px;
	font-size: 26px;
}body > #header .top-head > ul.small > li > a.index{
	width:60px;
}body > #header .top-head > ul.small > li > a.index::before{
	font-size: 16px;
	padding: 2px 5px;
}

body > #header .top-head > ul > li > form {
	margin: 0;
	padding: 0
}body > #header .top-head > ul > li > form > input[type=text] {
	display: inline-block;
	vertical-align: top;
	width: 324px;
	height: 38px;
	margin: 0;
	padding: 0 8px;
	outline: none;
	background: #FFF;
	border-width: thin 0 thin thin;
	border-style: solid;
	border-color: #DADADA;
	font-size: 14px;
	color: #3F3F3F;
	border-radius: 3px 0 0 3px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}body > #header .top-head > ul > li > form > button[type=submit] {
	display: inline-block;
	vertical-align: top;
	background: rgb(193,39,45);
	width: 40px;
	height: 40px;
	outline: none;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0 3px 3px 0;
	cursor: pointer;
	position: relative;
	color: rgb(193,39,45);
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}body > #header .top-head > ul > li > form > button[type=submit]:before {
	content: '\f002';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	color: #FFF;
	font-family: 'FontAwesome';
	line-height: 40px;
	font-size: 24px;
	text-align: center;
	width: 40px
}

body > #header .top-head > ul.small > li > form > input[type=text] {
	height: 24px;
	width: 280px;
}body > #header .top-head > ul.small > li > form > button[type=submit] {
	width: 26px;
	height: 26px;
}body > #header .top-head > ul.small > li > form > button[type=submit]:before {
	width: 26px;
	line-height: 26px;
	font-size: 18px;
}

body > #header ul#nav-menu,
body > #header ul#nav-menu > li.the-menu > ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

body > #header ul#nav-menu > li {
	display: block;
	vertical-align: top;
	position: relative;
}

body > #header ul#nav-menu > li.the-menu {
	margin-left: 52px;
}body > #header ul#nav-menu > li.the-menu > ul {
	border-top: thin solid #CCC;
	border-right: thin solid #CCC;
}body > #header ul#nav-menu > li.the-menu > ul > li {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 11%
}body > #header ul#nav-menu > li.the-menu > ul > li:before {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	top: 0;
	left: 0;
	bottom: 0;
	background: #CCC;
}body > #header ul#nav-menu > li.the-menu > ul > li > a {
	text-decoration: none !important;
	text-transform: uppercase;
	display: block;
	white-space: nowrap;
	line-height: 35px;
	font-size: 16px;
	color: #3D3D3D;
	text-align: center;
	vertical-align: middle;
	height: 35px;
	padding: 0;
	text-align: center;
	min-width: 112px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
body > #header ul#nav-menu > li.the-menu > ul > li > a#home.active,
body > #header ul#nav-menu > li.the-menu > ul > li > a#home:hover {
	background-color: #B61F25;
	color: #FFF
}body > #header ul#nav-menu > li.the-menu > ul > li > a#jg-tv.active,
body > #header ul#nav-menu > li.the-menu > ul > li > a#jg-tv:hover {
	background-color: #4A4A4A;
	color: #FFF 
}body > #header ul#nav-menu > li.the-menu > ul > li > a#news.active,
body > #header ul#nav-menu > li.the-menu > ul > li > a#news:hover {
	background-color: #00ADEF;
	color: #FFF 
}body > #header ul#nav-menu > li.the-menu > ul > li > a#business.active,
body > #header ul#nav-menu > li.the-menu > ul > li > a#business:hover {
	background-color: #b3b3b3;
	color: #FFF
}body > #header ul#nav-menu > li.the-menu > ul > li > a#international.active,
body > #header ul#nav-menu > li.the-menu > ul > li > a#international:hover {
	background-color: #0066CC;
	color: #FFF
}body > #header ul#nav-menu > li.the-menu > ul > li > a#sports.active,
body > #header ul#nav-menu > li.the-menu > ul > li > a#sports:hover {
	background-color: #1AB385;
	color: #FFF
}body > #header ul#nav-menu > li.the-menu > ul > li > a#features.active,
body > #header ul#nav-menu > li.the-menu > ul > li > a#features:hover {
	background-color: #FF8C55;
	color: #FFF
}body > #header ul#nav-menu > li.the-menu > ul > li > a#opinion.active,
body > #header ul#nav-menu > li.the-menu > ul > li > a#opinion:hover {
	background-color: #00C3C3;
	color: #FFF
}body > #header ul#nav-menu > li.the-menu > ul > li > a#index.active,
body > #header ul#nav-menu > li.the-menu > ul > li > a#index:hover {
	background-color: #666666;
	color: #FFF
}body > #header ul#nav-menu > li.the-menu > ul > li.index a#index:before {
    color: #000;
    content: "\f00b";
    font-family: "FontAwesome";
    font-size: 18px;
    position: absolute;
    top: 1px;
    left: 20px;
}
body > #header ul#nav-menu > li.the-menu > ul > li.international {
	width: 12%;
}

body > #header ul#nav-menu > li.clear {
	float: left;
	width: 52px;
}
body > #header ul#nav-menu .menu-button {
	position: relative;
	padding: 0;
	text-align: left;
	text-decoration: none !important;
    height: 36px;
    display: block;
}body > #header ul#nav-menu .menu-button:before {
	content: '\f0c9';
	font-family: 'FontAwesome';
	font-size: 30px;
	display: block;
	color: #B61F25;
	padding-left: 13px;
	line-height: 36px;
}body > #header ul#nav-menu .menu-button:hover:before,
body > #header ul#nav-menu .menu-button.active:before {
	color: #000
}

body > #header ul#nav-menu > li > a.home.active {
	background-color: #B61F25;
	color: #FFF
}

body > #header ul#nav-menu > li .sub-menu {
	position: absolute;
	top: 36px;
	left: 0;
	display: none
}

#menu-slide-down {
	width: 320px;
	background: #FFF;
}#menu-slide-down > ul.header,
#menu-slide-down > ul.content {
	list-style: none;
	padding: 0;
	margin: 0;
}#menu-slide-down > ul.header > li {
	display: inline-block;
	vertical-align: top;
	width: 50%;
}#menu-slide-down > ul.header > li > a {
	display: block;
	white-space: nowrap;
	background: #CCC;
	text-align: center;
	vertical-align: middle;
	text-decoration: none !important;
	line-height: 44px;
	height: 44px;
	color: #FFF
}#menu-slide-down > ul.header > li > a.active {
	background: #A5A5A5
}
#menu-slide-down > ul.content > li, .none, #none {
	display: none;
}#menu-slide-down > ul.content > li.active {
	display: block;
}

#menu-slide-down > ul.content > li .sub-tab > ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#menu-slide-down > ul.content > li .sub-tab > ul.header {
	background-color: #ECECEC;
}
#menu-slide-down > ul.content > li .sub-tab > ul.header > li {
	display: inline-block;
	width: 33%;
}#menu-slide-down > ul.content > li .sub-tab > ul.header > li > a {
	display: block;
	margin: 5px;
	background-color: #B81F25;
	padding: 10px;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	outline: none;
}#menu-slide-down > ul.content > li .sub-tab > ul.header > li > a.active {
	background-color: #FFF;
	color: #3F3F3F
}#menu-slide-down > ul.content > li .sub-tab > ul.header > li > a:before {
	content: '';
	display: block;
	text-align: center;
	font-family: 'FontAwesome';
	font-size: 26px;
	line-height: 26px;
	height: 26px;
	margin-bottom: 5px;
}#menu-slide-down > ul.content > li .sub-tab > ul.header > li > a.news:before {
	content: '\f0f6';
}#menu-slide-down > ul.content > li .sub-tab > ul.header > li > a.video:before {
	background-image: url('../images/icon-vid-overlay.png') ;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 26px auto;
}#menu-slide-down > ul.content > li .sub-tab > ul.header > li > a.video.active:before {
	background-position: center bottom;
}#menu-slide-down > ul.content > li .sub-tab > ul.header > li > a.photo:before {
	content: '\f03e';
}
#menu-slide-down > ul.content > li .sub-tab > ul.content > li {
	display: none;
	width: 320px;
}#menu-slide-down > ul.content > li .sub-tab > ul.content > li.active {
	display: block;
}#menu-slide-down > ul.content > li .sub-tab > ul.content > li > section {
	display: block;
}
#menu-slide-down > ul.content > li .sub-tab > ul.content > li > .scrolled {
	overflow-x: hidden;
	overflow-y: auto;
}
/*
#menu-slide-down > ul.content > li .sub-tab > ul.content > li::-webkit-scrollbar {
    width: 12px;
    background-color: transparent;
}

#menu-slide-down > ul.content > li .sub-tab > ul.content > li::-webkit-scrollbar-track {
    background-color: transparent;
    opacity: 0
}

#menu-slide-down > ul.content > li .sub-tab > ul.content > li::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
#menu-slide-down > ul.content > li .sub-tab > ul.content > li::-webkit-scrollbar-thumb:window-inactive {
	
}*/


body > #body-content {
	margin-top: 44px;
	margin-bottom: 10px;
}body > #body-content > .wrapper:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
}body > #body-content > .wrapper {
	box-shadow: 0 0 10px rgba(0,0,0,.2);
	background: #FFF;
}body > #body-content > .wrapper.overflow {
	overflow: hidden;
}body > #body-content > .wrapper > .site-content > .main-content {
	position: relative;
	left: 0;
}body > #body-content > .wrapper > .site-content > .main-content:after {
	content: '';
	display: block;
	clear: both;
}body > #body-content > .wrapper .side-content {
	float: left;
	width: 963px;
}body > #body-content > .wrapper .sidebar {
	float: right;
	width: 320px;
	background: #ECECEC;
	overflow: hidden
}body > #body-content > .wrapper .sidebar.fixed {
	position: fixed;
	bottom: 0;
	z-index: 50
}
body > #body-content > .wrapper .sidebar li.footer {
	background: #F6F6F6;
}body > #body-content > .wrapper .sidebar li.footer > ul {
	padding: 10px 0;
	margin: 0;
	list-style: none;
	text-align: center;
}body > #body-content > .wrapper .sidebar li.footer > ul > li {
	display: inline-block;
	vertical-align: middle;
	background: #F6F6F6;
	border: 0;
	color: #898989;
	margin-left: 10px;
}body > #body-content > .wrapper .sidebar li.footer > ul > li:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	line-height: 8px;
	background-color: #353535;
	width: 8px;
	height: 8px;
	border-radius: 50%;
}body > #body-content > .wrapper .sidebar li.footer > ul > li > a {
	color: #353535;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
}body > #body-content > .wrapper .sidebar li.footer > .content {
	padding: 10px;
	border-bottom: thin solid #DFDFDF
}body > #body-content > .wrapper .sidebar li.footer > .content > section {
	display: block;
	border-top: thin solid #DFDFDF
}body > #body-content > .wrapper .sidebar li.footer > .content > section b {
	color: #898989;
	font-size: 12px;
	line-height: 16px;
}body > #body-content > .wrapper .sidebar li.footer > .content > section > .social {
	padding: 10px;
}body > #body-content > .wrapper .sidebar li.footer > .content > section > .social > a {
	display: inline-block;
	width: 30px;
	height: 26px;
	text-align: center;
	text-decoration: none;
}body > #body-content > .wrapper .sidebar li.footer > .content > section > .social > a:before {
	content: "";
	font-family: 'FontAwesome';
	font-size: 26px;
	line-height: 26px;
	color: #898989;
}body > #body-content > .wrapper .sidebar li.footer > .content > section > .social > a.fb:before {
	content: "\f09a";
	color: #4964A5;
}body > #body-content > .wrapper .sidebar li.footer > .content > section > .social > a.twitter:before {
	content: "\f099";
	color: #2AB3E7;
}body > #body-content > .wrapper .sidebar li.footer > .content > section > .social > a.gplus:before {
	content: '\f0d5';
	color: #EE5012;
}body > #body-content > .wrapper .sidebar li.footer > .content > section > .social > a.rss:before {
	content: "\f09e";
	color: #F09C0F;
}body > #body-content > .wrapper .sidebar li.footer > .content > section > .social > a.youtube:before {
	content: "\f167";
	color: #C80033;
}body > #body-content > .wrapper .sidebar li.footer > .content > section > .social > a.apple:before {
	content: "\f179";
}body > #body-content > .wrapper .sidebar li.footer > .content > section > .social > a.android:before {
	content: "\f17b";
	color: #79C55B;
}body > #body-content > .wrapper .sidebar li.footer > .content > section > .social > a.windows:before {
	content: "\f17a";
	color: #00BCF2;
}body > #body-content > .wrapper .sidebar li.go-top {
	background: #FFF;
}body > #body-content > .wrapper .sidebar li.go-top > a {
	display: block;
	background: #FFF;
	text-align: center;
	color: #B81F25;
	padding: 10px;
	outline: none;
}body > #body-content > .wrapper .sidebar li.go-top > a:after {
	content: attr(title);
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
}body > #body-content > .wrapper .sidebar li.go-top > a:before {
	content: "\f062";
	display: inline-block;
	vertical-align: middle;
	font-family: 'FontAwesome';
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	border-radius: 50%;
	color: #FFF;
	background: #B81F25;
	margin-right: 10px;
}

body .footer:before {
	content: '';
	display: block;
	clear: both;
	border-top: thin solid #DFDFDF
}body .footer {
	
}
/* footer */
body .footer .bottom .left {
	background: url("../images/foot-town1.png") no-repeat scroll 0 100% / 100% 100% rgba(0, 0, 0, 0);
    display: inline-block;
    vertical-align: top;
    min-height:200px;
    width: 33.333%;
}body .footer .bottom .right {
	background: url("../images/foot-town2.png") no-repeat scroll 100% 100% rgba(0, 0, 0, 0);
    display: inline-block;
    width: 33.333%;
    min-height:200px;
    vertical-align: top;
}body .footer .bottom .mid {
	width: 33.333%;
	min-height:200px;
	display: inline-block;
	vertical-align: top;
}body .footer .top ul,body .footer .bottom .right ul,body .footer .bottom .left ul, body .footer .bottom .mid ul {
	list-style-type: none;
	padding:0;
	margin:0;
}body .footer .top .pad10 {
	padding:8px 25px;
}body .footer .top ul .in {
	display: inline-block;
	width: 12%;
	vertical-align: top;
}body .footer .top, body .footer .bottom {
	background:#f6f6f6;
	border-bottom: thin solid #dfdfdf;
}body .footer .top ul .in a, body .footer .bottom .right ul .in ul li a {
	color:#5c5c5c;
	font-size:13px;
	text-decoration: none;
}body .footer .top ul .in .head {
	color: #000;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 0 5px;
    text-transform: uppercase;
}body .footer .top ul .in ul li, body .footer .bottom .right ul .in ul li {
	padding: 1px 0;
}body .footer .top ul .news {
	border-top: 2px solid #23b2ee;
}body .footer .top ul .business {
	border-top: 2px solid #b3b3b3;
}body .footer .top ul .international {
	border-top: 2px solid #0066cc;
}body .footer .top ul .sports {
	border-top: 2px solid #1ab385;
}body .footer .top ul .lifestyle {
	border-top: 2px solid #ffb347;
}body .footer .top ul .opinis {
	border-top: 2px solid #00c3c3;
}body .footer .top ul .blogs {
	border-top: 2px solid #666666;
}body .footer .top ul .information {
    border-top: 2px solid #B61F25;
}body .footer .bottom .mid .col2 {
	text-align:center;
}body .footer .bottom .mid .col1, body .footer .bottom .mid .col2 {
	vertical-align: top;
}body .footer .bottom .mid .col1 .socmed {
	display:inline-block;
	text-align: center;
    width: 50%;
}body .footer .bottom .mid .col1 .apps {
	display:inline-block;
	text-align: center;
    width: 50%;
}body .footer .bottom .mid .col1 .socmed h6, body .footer .bottom .mid .col1 .apps h6 {
	font-size: 11px;
    margin-bottom: 10px;
    margin-top: 10px;
    color:#898989;
}body .footer .bottom .mid ul li.col1 .socmed ul li, body .footer .bottom .mid ul li.col1 .apps ul li {
	display:inline-block;
	margin-right: 10px;
}body .footer .bottom .mid ul li.col1 .socmed ul li.fb a {
	background: url("../images/footer/f.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 25px;
    display: block;
    width: 25px;
}body .footer .bottom .mid ul li.col1 .socmed ul li.tw a {
	background: url("../images/footer/tw(1).png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 25px;
    display: block;
    width: 25px;
}body .footer .bottom .mid ul li.col1 .socmed ul li.go a {
	background: url("../images/footer/g+(1).png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 25px;
    display: block;
    width: 25px;
}body .footer .bottom .mid ul li.col1 .socmed ul li.rss a {
	background: url("../images/footer/rss.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 25px;
    display: block;
    width: 25px;
}body .footer .bottom .mid ul li.col1 .socmed ul li.yt a {
	background: url("../images/footer/yt.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 25px;
    display: block;
    width: 25px;
}body .footer .bottom .mid ul li.col1 .apps ul li.ios a {
	background: url("../images/footer/ios.png") no-repeat scroll 0 0 / 25px 25px rgba(0, 0, 0, 0);
    height: 25px;
    display: block;
    width: 25px;
}body .footer .bottom .mid ul li.col1 .apps ul li.android a {
	background: url("../images/footer/andro.png") no-repeat scroll 0 0 / 25px 25px rgba(0, 0, 0, 0);
    height: 25px;
    display: block;
    width: 25px;
}body .footer .bottom .mid ul li.col1 .apps ul li.windows a {
	background: url("../images/footer/windows.png") no-repeat scroll 0 0 / 25px 25px rgba(0, 0, 0, 0);
    height: 25px;
    display: block;
    width: 25px;
}

.copyright {
	font-size: 12px;
	line-height: 16px;
}

/* end footer */

.headline {
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: 320px;
	outline: none;
	padding: 0;
}.headline > span {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	padding: 10px;
	color: #FFF;
	font-size: 16px;
	line-height: 20px;	
	text-shadow: 1px 0px 0px #999;
	font-family: 'Futura';
	font-weight: bold
}.headline > i {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 40%;
	z-index: 1;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1.0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1.0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1.0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1.0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1.0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1.0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}.headline > img {
	display: block;
	border: 0;
	width: 100%;
}
#jg-tv ul.content li#item1 > a:nth-child(3n+3) {  
	margin-right: 0;
}
a.headline {
	margin-right: 1px;
	margin-bottom: 1px;
}a.headline[data-title]:before {
	content: attr(data-title);
	position: absolute;
	display: block;
	z-index: 2;
	padding: 5px;
	background: #CCC;
	color: #FFF;
	font-family: 'Futura Bold';
	text-transform: uppercase
}
a.headline:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	background: rgba(0,0,0,.1)
}a.headline:hover:after {
	background: none
}a.headline.video >i:after {
	content: '';
	display: block;
	position: absolute;
	background: url('../images/icon-vid.png') center no-repeat;
	top: -150%;
	left: 0;
	bottom: 0;
	right: 0;
}

a.headline.red:before {
	background: #B61F25;
}a.headline.ocean:before, a.headline.news:before, ul.news:before {
	background: #00ADEF !important;
}a.headline.black:before {
	background: #000;
}a.headline.violet:before {
	background: rgb(165,143,252) !important;
}a.headline.green:before, a.headline.sports:before, ul.sports:before  {
	background: #1AB385 !important;
}a.headline.international:before, ul.international:before  {
	background: #0066CC !important;
}a.headline.features:before, ul.features:before  {
	background: #FF8C55 !important;
}a.headline.business:before, ul.business:before  {
	background: #b3b3b3 !important;
}a.headline.blogs:before, ul.blogs:before  {
	background: #666666 !important;
}a.headline.opinion:before, ul.opinion:before  {
	background: #00C3C3 !important;
}a.headline.globe-asia:before, ul.globe-asia:before  {
	background: #28235B !important;
}

.headline.big {
	width: 641px;
}a.headline.big[data-title]:before {
	font-size: 24px;
	line-height: 24px;
	padding: 6px;
}.headline.big > span {
	font-family: 'Futura Bold';
	font-size: 32px;
	line-height: 36px;
	width: 623px;	
	text-shadow: 1px 0px 0px #999;
}
.headline.full {
	display: block;
	width: auto
}.headline.full > span {
	font-family: 'Futura Bold';
	font-size: 32px;
	line-height: 36px;
}
.single .headline.full > span{
	padding: 10px 80px 10px 20px;	
}.banners > .item {
	display: inline-block;
	vertical-align: top
}

body > #body-content > .wrapper .side-content > article {
	margin-right: 1px;
}


/* Home Tabs */
.home-tabs {
	
}.home-tabs > ul.header, .home-tabs > ul.content {
	list-style: none;
	padding: 0;
	margin: 0
}
.home-tabs > ul.header {
	padding: 0 30px 0 0;
	background: #4A4A4A;
	position: relative;
	text-align: right;
}.home-tabs > ul.header::after{
	content: "";
	clear: both;
	display: block;
}.home-tabs > ul.header > li {
	display: inline-block;
	vertical-align: bottom;
}.home-tabs > ul.header > li.left{
	float: left;
}.home-tabs > ul.header > li.left a{
	display: inline-block !important;
	background: none !important;
	text-align: left;
	border: 0 !important;
	padding-top: 2px;
	font-size: 24px;
}.home-tabs > ul.header > li > a {
	display: block;
	line-height: 40px;
	padding: 0 10px;
	text-decoration: none !important;
	color: #FFF;
	border-width: 3px 0;
	border-style: solid;
	border-color: transparent;
	white-space: nowrap;
	font-size: 16px;
	text-shadow: 1px 0px 0px #999;
	font-family: 'Futura';
	font-weight: bold	
}.home-tabs > ul.header > li > a.active {
	border-bottom-color: #00ADEF;
}

.home-tabs > ul.content > li {
	display: none;
}.home-tabs > ul.content > li.active {
	display: block;
}
/* end home tabs*/

/* Home Slider */
.home-slider, .video-slider {
	position: relative;
}
.home-slider > .bx-wrapper > .bx-viewport > ul {
	margin: 0;
	padding: 0;
	list-style: none
}.home-slider > .bx-wrapper > .bx-viewport > ul > li > a {
	position: relative;
	display: block;
	outline: none
}.home-slider > .bx-wrapper > .bx-viewport > ul > li > a > img {
	display: block;
	width: 100%;
	border: 0;
}.home-slider > .bx-wrapper > .bx-viewport > ul > li > a > span {
	/*position: absolute;
	left: 10px;
	bottom: 9px;
	right: 10px;
	color: #FFF;
	overflow: hidden;
	z-index: 1;
	font-size: 16px;
	font-family: 'Futura';
	font-weight: bold;
	line-height: 20px;*/
	bottom: -1px;
    color: #fff;
    font-family: "Futura";
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    overflow: hidden;
    padding: 10px 10px 13px 10px;
    position: absolute;
    width: calc(100% - 20px);
    background-color: rgba(0,0,0,.4);
    z-index: 1;
}.home-slider > .bx-wrapper > .bx-viewport > ul > li > a > span > b {
	display: block
}.home-slider > .bx-wrapper > .bx-viewport > ul > li > a:before {
	content:'';
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
	right: 0;
	/*height: 97px;*/
	background-color: rgba(0,0,0,.4)
}

.home-slider > .bx-wrapper > .bx-controls > .bx-controls-direction > a,
.video-slider .bx-wrapper > .bx-controls > .bx-controls-direction > a,
.editor-choice-slider .bx-wrapper > .bx-controls > .bx-controls-direction > a {
	position: absolute;
	top: 160px;
	left: 0;
	display: block;
	width: 25px;
	height: 50px;
	background: rgba(200,200,200,.8);
	color: transparent;
}.home-slider > .bx-wrapper > .bx-controls > .bx-controls-direction > a:hover,
.video-slider .bx-wrapper > .bx-controls > .bx-controls-direction > a:hover,
.editor-choice-slider .bx-wrapper > .bx-controls > .bx-controls-direction > a:hover {
	background: rgb(200,200,200);
}.home-slider > .bx-wrapper > .bx-controls > .bx-controls-direction > a.bx-prev,
.video-slider .bx-wrapper > .bx-controls > .bx-controls-direction > a.bx-prev,
.editor-choice-slider .bx-wrapper > .bx-controls > .bx-controls-direction > a.bx-prev {
	border-radius: 0 50px 50px 0
}.home-slider > .bx-wrapper > .bx-controls > .bx-controls-direction > a.bx-next,
.video-slider .bx-wrapper > .bx-controls > .bx-controls-direction > a.bx-next,
.editor-choice-slider .bx-wrapper > .bx-controls > .bx-controls-direction > a.bx-next {
	left: auto;
	right: 0;
	border-radius: 50px 0 0 50px
}.home-slider > .bx-wrapper > .bx-controls > .bx-controls-direction > a.bx-prev:after,
.video-slider .bx-wrapper > .bx-controls > .bx-controls-direction > a.bx-prev:after,
.editor-choice-slider .bx-wrapper > .bx-controls > .bx-controls-direction > a.bx-prev:after {
	content: '\f053';
	font-family: 'FontAwesome';
	color: #FFF;
	font-size: 20px;
	line-height: 50px;
	display: block;
	position: absolute;
	top: 0;
	left: 2px;
	right: 0;
	bottom: 0
}.home-slider > .bx-wrapper > .bx-controls > .bx-controls-direction > a.bx-next:after,
.video-slider .bx-wrapper > .bx-controls > .bx-controls-direction > a.bx-next:after,
.editor-choice-slider .bx-wrapper > .bx-controls > .bx-controls-direction > a.bx-next:after {
	content: '\f054';
	font-family: 'FontAwesome';
	color: #FFF;
	font-size: 20px;
	line-height: 50px;
	display: block;
	position: absolute;
	top: 0;
	left: 10px;
	right: 0;
	bottom: 0
}.home-slider > #sidebar-pager {
	background: #242220;
	padding: 5px 40px;
	text-align: center
}.home-slider > #sidebar-pager > a {
	display: inline-block;
	vertical-align: middle;
	/*margin: 5px;*/
	border: 2px solid #3a3835
}.home-slider > #sidebar-pager > a > img {
	border: 0;
	display: block;
}.home-slider > #sidebar-pager > a.active {
	border-color: #00ADEF
}

.video-slider .bx-wrapper > .bx-controls > .bx-controls-direction > a,
.editor-choice-slider .bx-wrapper > .bx-controls > .bx-controls-direction > a {
	top: 73px;
}
/* End Home Slider*/

.the-block-articles {
	position: relative
}.the-block-articles:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 6px;
	z-index: 1;
	background: -moz-linear-gradient(top,  rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.3)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,.3) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,.3) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,.3) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,.3) 0%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}
.header-2{
	position: relative;
}
.header-2 ul{
	float: right;
}
.the-block-articles > .header {
	height: 40px;
	background-color: #565656;
	position: relative;
	border-bottom: 2px solid #999;
	margin-right: 1px;
}.the-block-articles > .header > a {
	float: right;
	color: #FFF;
	text-decoration: none !important;
	margin-top: 10px;
	margin-right: 10px
}.the-block-articles > .header[data-title] a.label, .section-title {
	margin-top: 0;
	float: left;
	background: #CCC;
	display: block;
	position: absolute;
	line-height: 40px;
	height: 40px;
	white-space: nowrap;
	padding: 0 10px;
	width: 150px;
	color: #FFF;
	font-family: 'Futura Bold';
	font-size: 24px;
}.the-block-articles > .header[data-title="INTERNATIONAL"] a.label {
	width: 210px;
}.the-block-articles > .header[data-title]:after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	left: 170px;
	border-width: 20px 14px;
	border-style: solid;
	border-color: transparent transparent #CCC #CCC
}.the-block-articles > .header[data-title="INTERNATIONAL"]:after {
	left: 230px;
}.the-block-articles > ul {
	display: inline-block;
	vertical-align: top;
	width: 320px;
	padding: 0;
	margin: 0;
	list-style: none;
	margin-right: 1px;
	position: relative
}.the-block-articles > ul[data-title]:before {
	content: attr(data-title);
	position: absolute;
	top: 0;
	display: block;
	z-index: 2;
	padding: 5px;
	background: #CCC;
	color: #FFF;
	font-family: 'Futura Bold';
	text-transform: uppercase
}.the-block-articles > ul > li {
	border-bottom: thin solid #dfdfdf
}.the-block-articles > ul > li:last-child {
	border: 0;
}.the-block-articles > ul > li > a {
	display: block;
	position: relative;
	text-decoration: none !important;
	color: #3F3F3F
}.the-block-articles > ul > li > a:after {
	clear: both;
	content: '';
	display: block;
}.the-block-articles > ul > li > a > img {
	display: inline-block;
	float: left;
	border: 0;
}.the-block-articles > ul > li > a > span, .the-block-articles > ul > li > a > i {
	display: block;
	margin-left: 100px;
	margin-right: 8px;
	padding:5px 0;
	font-family: 'Futura';
	font-weight: bold
}.the-block-articles > ul > li > a > i {
	padding-top: 10px;
	color: #999;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
}.the-block-articles > ul > li > a > span {
	overflow: hidden;
	max-height: 80px;
}.the-block-articles > ul > li:first-child > a > img,
.the-block-articles > ul > li.big > a > img {
	float: none;
	display: block;
}.the-block-articles > ul > li:first-child > a > i,
.the-block-articles > ul > li.big > a > i {
	display: none
}.the-block-articles > ul > li:first-child > a > span,
.the-block-articles > ul > li.big > a > span {
	margin: 0;
	position: absolute;
	z-index: 2;
	bottom: 10px;
	left: 10px;
	right: 10px;
	color: #FFF;
	text-shadow: 1px 0px 0px #999;
	font-size: 16px;
	line-height: 20px;
	font-family: 'Futura';
	font-weight: bold
}.the-block-articles > ul > li:first-child > a:before,
.the-block-articles > ul > li.big > a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	background: rgba(0,0,0,.1)
}.the-block-articles > ul > li:first-child > a:after,
.the-block-articles > ul > li.big > a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 40%;
	z-index: 1;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1.0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1.0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1.0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1.0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1.0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1.0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}.the-block-articles > ul > li:first-child > a:hover:before,
.the-block-articles > ul > li.big > a:hover:before {
	background: transparent
}

.the-block-articles > .header[data-title] a.label:hover{
	color: rgba(255,255,255,0.8);
}

.the-block-articles.ocean > .header[data-title]:before, .the-block-articles.ocean > .header[data-title] a.label {
	background: #00ADEF
}.the-block-articles.ocean > .header[data-title]:after {
	border-color: transparent transparent #00ADEF #00ADEF;
}.the-block-articles.ocean > .header {
	border-color: #0E59B4
}

.the-block-articles.blue > .header[data-title]:before, .the-block-articles.blue > .header[data-title] a.label {
	background: #0066CC
}.the-block-articles.blue > .header[data-title]:after {
	border-color: transparent transparent #0066CC #0066CC;
}.the-block-articles.blue > .header {
	border-color: #403889
}

.the-block-articles.tosca > .header[data-title]:before, .the-block-articles.tosca > .header[data-title] a.label {
	background: #1AB385
}.the-block-articles.tosca > .header[data-title]:after {
	border-color: transparent transparent #1AB385 #1AB385;
}.the-block-articles.tosca > .header {
	border-color: #408C59
}

.the-block-articles.orange > .header[data-title]:before, .the-block-articles.orange > .header[data-title] a.label {
	background: #FF8C55
}.the-block-articles.orange > .header[data-title]:after {
	border-color: transparent transparent #FF8C55 #FF8C55;
}.the-block-articles.orange > .header {
	border-color: #D36842
}

.the-block-articles.opinion > .header[data-title]:before, .the-block-articles.opinion > .header[data-title] a.label {
	background: #00C3C3
}.the-block-articles.opinion > .header[data-title]:after {
	border-color: transparent transparent #00C3C3 #00C3C3;
}.the-block-articles.opinion > .header {
	border-color: #00C3C3
}

.the-block-articles.blogs > .header[data-title]:before, .the-block-articles.blogs > .header[data-title] a.label {
	background: #666666
}.the-block-articles.blogs > .header[data-title]:after {
	border-color: transparent transparent #666666 #666666;
}.the-block-articles.blogs > .header {
	border-color: #666666
}

.the-block-articles.globe-asia > .header[data-title]:before, .the-block-articles.globe-asia > .header[data-title] a.label {
	background: #28235B
}.the-block-articles.globe-asia > .header[data-title]:after {
	border-color: transparent transparent #28235B #28235B;
}.the-block-articles.globe-asia > .header {
	border-color: #28235B
}




/* START SIDEBAR */
.sidebar > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sidebar ul > li{
	border-bottom: thin solid #DFDFDF;
	background: #898989;
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
}
.sidebar .banner{	
	display: block;
	padding: 10px;
	background: #898989;
}.sidebar .banner iframe{
	display: block;
}
.sidebar .banner.medium-rectangle{
	max-height: 250px;
	overflow: hidden;
}
.sidebar li.banner a > img{
	max-width: 100%;
	display: block;
}

.sidebar li.head{
	background: #B7B7B7;
	color: #000;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
	border-bottom: thin solid #DFDFDF;
	text-transform: uppercase;
}

.sidebar li.top-hastag{
	background: #00ABF0;
	font-size: 22px;
	padding: 8px;
	color: #fff;
	text-transform: capitalize;
}
.sidebar .the-top-tags > ul{
	margin: 0;
	padding: 0;
}
.sidebar .the-top-tags ul > li{
	list-style: none;
	background: #ECECEC;
}
.sidebar .the-top-tags ul li > a{
	padding: 10px;
	border-left: 5px solid #00ABF0;
	display: block;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding-right: 60px;
	color: #000;
	text-decoration: none;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.sidebar .the-top-tags ul li > a:after{
	font-family: "FontAwesome";
	content: "";
	position: absolute;
	bottom: 5px;
	right: 10px;
	padding: 5px 3px 5px 7px;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #00ABF0;
	color: #fff;
	font-size: 18px;
	line-height: 20px;
	width: 20px;
}
.sidebar .the-block-articles ul > li{
	background: #ECECEC;
}
.sidebar .the-block-articles ul li a > i{
	color: #a1a1a1;
	font-weight: bold;
}
.sidebar > .the-block-articles > ul > li > a > span{
	color: #3f3f3f;
}

.sidebar li.social-media-corner{
	background: #ECECEC;
	padding: 10px;
}
.sidebar li.social-media-corner > img{
	max-width: 100%;
	display: block;
}
.sidebar li .the-author{
	padding: 10px;
	display: block;
	background: #EBEBEB;
}
.sidebar li .the-author b, .sidebar li .the-author i{
	display: block;
}
.sidebar li .the-author b{
	padding-top: 5px;
}
.sidebar li .the-author i{
	font-weight: normal !important; 
}
.sidebar li .the-author a:first-child{
	display: block;
	position: relative;
	text-decoration: none !important;
	color: #3F3F3F;
}
.sidebar li .the-author a::after{
	clear: both;
	content: "";
	display: block;
}
.sidebar li .the-author a > img{	
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	float: left;
	border: 0px none;
	margin-right: 10px;
}
.sidebar .side-opinion::before, .sidebar .side-special-repots:before{
	display: none;
	content: "";
}
.sidebar li.special-repots{
	background: #EA1E1E;
	padding: 5px;
	text-align: center;
}

.sidebar li.editor-choice-slider{
	margin: 0;
	padding: 0;
	position: relative
}
.none{
	display: none;
}

/* END SIDEBAR*/

/* Landing Single */
.wait {
	display: block;
	text-align: center;
	position: relative;
}.wait:before {
	content: '';
	display: block;
	width: 64px;
	height: 64px;
	margin: 0 auto;
	background: url('../images/spinner.gif') center no-repeat;
}.wait:after {
	content: '';
	display: block;
	position: absolute;
	top: 32px;
	left: 50%;
	margin-right: -50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 32px;
	height: 26px;
	background: url('../images/jg.png') center no-repeat;
}

body > #body-content > .wrapper .article.side-content {
	float: left;
	margin-left: 63px;
}
.side-content.single > .article > article a {
	color: rgb(205, 23, 19);
	text-decoration: none;
}
.side-content.single > .article > article a:hover {
	text-decoration: underline
}
body > #body-content > .wrapper .side-content.single {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 2px solid #CCC;
	position: relative
}
body > #body-content > .wrapper .side-content.single > .article:after {
	content: '';
	display: block;
	clear: both
}
body > #body-content > .wrapper .side-content.single > .article > article {
	display: block;
	margin-left: 53px;
	margin-right: 1px;
	padding-bottom: 10px;
}
body > #body-content > .wrapper .side-content:first-child {
	margin-top: 0;
	padding-top: 0;
	border: 0;
}

.side-content.single > .article > article .attachment {
	margin-bottom: 10px;
}
.side-content.single > .article > article .attachment img {
	min-height: 300px;
}
.side-content.single > .article > article .attachment > p {
	color: #6E6E6E;
	padding: 0 20px;
	margin: 0;
	font-style: italic
}
.side-content.single > .article > article .attachment b{
	text-align: center;
	position: absolute;
	right: 12px;
	bottom: 12px;
	font-size: 27px;
	color: #fff;
	background: #C1272D;
	border-radius: 50%;
	padding: 6px 11px;
	z-index: 3;
	cursor: pointer;
}
.side-content.single > .article > article .attachment b:hover, .side-content.single > .article > article .attachment b.active{
	background: #00ABF0;
}
.side-content.single > .article > article > .information {
	border: thin solid #ddd;
	border-radius: 5px;
	margin: 0 2px 10px 2px;
	padding: 10px 20px;
	color: #6E6E6E;
	display: none;
}
.side-content.single > .article > article > .information b, .side-content.single > .article > article > .information a {
	color: #3F3F3F;
	text-decoration: none
}
.side-content.single > .article > article > .information a:hover {
	text-decoration: underline
}
.side-content.single > .article > article > .content, .side-content > .content {
	padding: 0 20px;
	font-size: 16px;
	line-height: 130%;
}
.side-content.single > .article > article > .content .caption-content, .side-content > .content{
	max-width: 100%;
	font-size: 14px;
	background: #ededed;
	padding: 5px;
	text-align: center;
}
.side-content > .content h2{
	font-family: 'Futura Bold';
    font-size: 28px;
    line-height: 32px;
}.side-content > .content > h2 > a{
	text-decoration:none;
	color:#3D3D3D;
}.side-content > .content > p {
	font-size: 16px;
    line-height: 130%;
}.side-content > .content > p a{
	color:#B61F25;
}
.side-content.single > .article > article > .content .caption-content img{
	max-width: 100% !important;
	height: auto !important;
}
.side-content.single > .article > article > .content .tags, .side-content.single > .article > article > .content .information {
	margin: 5px 0 10px 0;
	padding: 0;
	list-style: none;
	font-size: 13px;
}.side-content.single > .article > article > .content .tags{
	margin-bottom: 20px;
}.side-content.single > .article > article > .content .tags:before {
	content: '\f02c';
	font-family: 'FontAwesome';
	display: inline-block;
	background: #00ADEF;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	line-height: 24px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
}.side-content.single > .article > article > .content .tags > li {
	display: inline-block;
	margin-top: 5px;
}.side-content.single > .article > article > .content .tags > li > a {
	display: block;
	border: thin solid #00ADEF;
	margin-left: 5px;
	padding: 0 10px;
	height: 24px;
	line-height: 24px;
	white-space: nowrap;
	border-radius: 20px;
	text-decoration: none;
	color: #00ADEF
}.side-content.single > .article > article > .content .tags > li > a:hover {
	background: #DDD;
	border-color: #CCC;
	color: #FFF
}

.side-content.single > .article > article > .content .related {
	list-style: none;
	padding: 0;
	margin: 0;
	border: thin solid #DDD;
	background: #f1f1f1;
}.side-content.single > .article > article > .content .related:before {
	content: 'RELATED ARTICLES:';
	display: block;
	border-bottom: thin solid #DDD;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	padding: 10px;
}.side-content.single > .article > article > .content .related > li {
	display: inline-block;
	vertical-align: top;
	/*width: 388px;
	height: 90px;*/
	width:405px;
	height:125px;
	/*padding: 10px;*/
	padding: 5px 10px 10px 10px;
	border-right: thin solid #DDD;
}.side-content.single > .article > article > .content .related > li:last-child {
	border: 0;
}.side-content.single > .article > article > .content .related > li > a {
	display: block;
	outline: none;
	text-decoration: none;
}.side-content.single > .article > article > .content .related > li > a > img {
	float: left;
	border: 0
}.side-content.single > .article > article > .content .related > li > a > section {
	display: block;
	/*margin-left: 170px;*/
	margin-left:135px;
}.side-content.single > .article > article > .content .related > li > a > section > .date {
	display: block;
	color: #999;
}.side-content.single > .article > article > .content .related > li > a > section > .title {
	display: block;
	margin-top: 5px;
	color: #3F3F3F;
	text-shadow: 1px 0px 0px #999;
    font-family: 'Futura';
    font-weight: bold;
	max-height: 100px;
	overflow-y: hidden;
}
.side-content.single > .article > article > h1.titlerightalign{
	margin: 20px;
}
.side-content.single > .article > article > .content .show-more > .more-content {
	display: none;
}
.side-content.single > .article > article > .content .show-more > .more-content p:first-child {
	margin-top: 0;
}
.side-content.single > .article > article > .content .show-more > a {
	display: block;
	width: 126px;
	margin: 0 auto;
	border: thin solid #DADADA;
	border-radius: 2em;
	text-decoration: none;
	outline: none;
	white-space: nowrap;
	
	background: rgb(242,242,242); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}.side-content.single > .article > article > .content .show-more > a:before {
	display: inline-block;
	vertical-align: top;
	content: '\f0d7';
	font-family: 'FontAwesome';
	text-align: center;
	line-height: 26px;
	border-right: thin solid #DADADA;
	width: 26px;
	height: 26px;
	padding-left: 4px;
	color: #3F3F3F
}.side-content.single > .article > article > .content .show-more > a > i {
	font-style: normal;
	display: inline-block;
	vertical-align: top;
	line-height: 26px;
	height: 26px;
	margin-left: 5px;
	color: #3F3F3F
}.side-content.single > .article > article > .content .show-more > a.open:before {
	content: '\f0d8';
}
.side-content > .live-streaming-box{
	margin-bottom: 1px;
}

body > #body-content > .wrapper .side-content.single > .article > .social {
	position: absolute;
	width: 52px;
	height: 100%;
	background: #DADADA url('../images/sharebg.png');
	padding: 0;
	margin: 0;
	list-style: none;
	z-index: 99
}body > #body-content > .wrapper .side-content.single > .article > .social.fixed {
	position: fixed;
	top: 75px;
}

.side-content.single > .article > .social > li {
	border-bottom: thin solid #BDBDBD
}
.side-content.single > .article > .social > li > a {
	display: block;
	text-decoration: none;
	outline: none;
	position: relative;
	color: #3F3F3F
}.side-content.single > .article > .social > li > a span {
	display: none
}
.side-content.single > .article > .social > li > a:before {
	content:'';
	display: block;
	font-family: 'FontAwesome';
	width: 36px;
	height: 30px;
	font-size: 30px;
	line-height: 30px;
	text-align: center;
	margin: 10px auto 0 auto;
	color: #898989
}.side-content.single > .article > .social > li > a:after {
	content: attr(data-value);
	display: block;
	text-align: center;
	color: #818080;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	margin: 10px 0;
}.side-content.single > .article > .social > li > a.fb:before {
	content: '\f09a';
	color: #4964A5;
	font-size: 36px;
	line-height: 36px;
}.side-content.single > .article > .social > li > a.twitter:before {
	content: '\f099';
	color: #2AB3E7;
	font-size: 36px;
	line-height: 36px;
}.side-content.single > .article > .social > li > a.g-plus:before {
	content: '\f0d5';
	color: #EE5012;
	font-size: 36px;
	line-height: 36px;
}.side-content.single > .article > .social > li > a.comments:before,
.side-content.single > .article > .social > li > a.email:before {
	content: '\f075';
	color: #999;
}.side-content.single > .article > .social > li > a.comments:before{
	content:'';
	background: url('http://jakartaglobe.beritasatu.com/assets/desktop/images/comments-logo.png?a') center center ;
    background-size: 43px;
}.side-content.single > .article > .social > li > a.comments:after,
.side-content.single > .article > .social > li > a.email:after {
	font-size: 11px;
}.side-content.single > .article > .social > li > a.email:before {
	content: "\f0e0"
}

.the_comments {
	color: #3F3F3F;
	text-decoration: none;
	display: none;
	position: absolute;
	background: #FFF;
	left: 53px;
	top: -325px;
	border: thin solid #CCC;
	border-radius: 5px;
	padding: 10px;
	box-shadow: 2px 2px 10px #666;
}.the_comments:before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	top: 330px;
	left: -10px;
	z-index: 1;
	border-color: transparent #FFF transparent transparent;
	border-style: solid;
	border-width: 10px 10px 10px 0;
}.the_comments > .section {
	display: block;
	width: 887px;
	height: 500px;
	overflow-x: hidden;
	overflow-y: auto;
}
.the_comments_body{
	display: none;
}
.the_comments_body > .section {
	padding-left: 18px; padding-right: 18px;	
}
.the_comments_body.active {
	display: block;
}
.show_hide_commt{
	cursor: pointer;
	padding: 5px;
	font-size: 12px;
    display: block;
    width: 126px;
    margin: 0 auto;
    border: thin solid #DADADA;
    border-radius: 2em;
    text-decoration: none;
    outline: none;
    white-space: nowrap;
    background: rgb(242,242,242);
    background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 );
}

.the_comments.active {
	display: block;
}.the_comments > .x {
	display: block;
	position: absolute;
	top: -10px;
	right: -10px;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #3F3F3F;
	box-shadow: 0 0 10px #3F3F3F;
	text-decoration: none;
}.the_comments > .x:before {
	content: '\f00d';
	font-family: 'FontAwesome';
	color: #FFF;
	display: block;
	text-align: center;
	line-height: 26px;
}body > #body-content > .wrapper .side-content:first-child > .article > .more-singel {
	display:block;
    padding: 5px 0 0 0;
	margin-left: 63px;
}body > #body-content > .wrapper .side-content:first-child > .article > .more-singel .text {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    color: #5C5C5C;
    padding-left: 20px;
}body > #body-content > .wrapper .side-content:first-child > .article > .more-singel .row {
    display: inline-block;
    width: 730px;
}body > #body-content > .wrapper .side-content:first-child > .article > .more-singel .row:before {
	
}body > #body-content > .wrapper .side-content:first-child > .article > .more-singel .line1 {
	height: 4px;
    border-top: 2px solid #DADADA;
    border-bottom: 2px solid #DADADA;
}body > #body-content > .wrapper .side-content:first-child > .article > .more-singel .line2 {
	height: 4px;
    border-bottom: 2px solid #DADADA;
}body > #body-content > .wrapper .side-content > .article > .more-singel {
	display:none;
}video[poster]{
	height:100%;
	width:100%;
}
/* End landing single*/
/*62x73*/
#menu-slide-down .the-block-articles > ul > li:first-child > a span.titlerightalignmore > i,a span.titlerightalignmore > i {
	color: #999;
	font-weight:normal;
	font-size:12px;
}

.titlerightalign:after{
	/*content:"..."*/
}.titlerightaligndata_home:after{
	/*content:"..."*/
}

ul.articles.related {
	display: none
}

/*Padding Margin*/
.p10{
	padding: 0 15px;
}
/* Row */
.row {
}
.row::before, .row::after {
    display: table;
    content: " ";
}
.row::after {
	clear: both;
}
.col-1 {
    width: 8.33333%;
}
.col-10 {
    width: 83.33333%;
}
.col-11 {
    width: 91.6667%;
}
.col-12 {
    width: 100%;
}
.col-2 {
    width: 16.6667%;
}
.col-2-0 {
    width: 20%;
}
.col-3 {
    width: 25%;
}
.col-4 {
	width: 33.3333%;
}
.col-5 {
    width: 41.6667%;
}
.col-6 {
    width: 50%;
}
.col-7{
	width: 58.3333%;
}
.col-8 {
    width: 66.6667%;
}
.col-9{
	width: 75%;
}
.col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-2-0{
	float: left;
	vertical-align: middle;
}
.col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-2-0{    		
	position: relative;
	min-height: 1px;
}


/* OSX Scrollbar */
.osx-scrollbar {
	position: relative;
}
.osx-scrollbar > .scrolled {
	overflow: hidden;
}
.osx-scrollbar > .scroll_y {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 5px;
	height: 100%; 
}.osx-scrollbar > .scroll_y > a {
	display: block;
	width: 5px;
	background: rgba(0,0,0,.5);
	border-radius: 5px;
}
.headline-photos{
	font-size: 22px;
	margin-bottom: 10px;
	display: inline-block;
}.snapshots{
	width: 319px !important;
}.bged{
	background: #ededed;
}.p5{
	padding: 5px;
}