/*
Author: arisdwisulistiawan.com
Follow: @arisds
*/
/* FONT STYLE  font-family: 'Merriweather', serif; font-family: 'Oswald', sans-serif; */
/* DEFAULT */
body {
	background: #fafafa;
	color: #000000;
	letter-spacing: normal;
	margin: 0;
	padding: 0;
	font-size: 100%;
	outline: none;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
}
a,
a:link,
a:visited,
a:active {
	text-decoration: none;
	color: #333;
	transition: background-color 0.3s ease-in 0s, color 0.3s ease-in 0s;
	cursor: pointer;
	outline: none;
	display: block;
}
a:hover,
a.active,
.pagination li.active a {
	text-decoration: none;
	color: #dd2317;
}
.block {
	display: block;
}
.fleft {
	float: left;
}
.fright {
	float: right;
}
.fnone {
	float: none;
}
.clear {
	clear: both;
}
.h0 {
	height: 0;
}
.h10 {
	height: 10px;
}
.h20 {
	height: 20px;
}
.h50 {
	height: 50px;
}
.h60 {
	height: 60px;
}
.h80 {
	height: 80px;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.container {
	padding: 0;
	position: relative;
	margin: 0 auto;
}
.border-box {
	border: 1px solid #b4b4b4;
}
.content {
	padding: 10px;
}
.border-bottom {
	border-bottom: 1px solid #fafafa;
}
.border-top-0 {
	border-top: none;
}
.bagi-1 {
	width: 4%;
	float: left;
}
.bagi-7 {
	width: 96%;
	float: left;
}
h1 {
	font-family: "Merriweather", Georgia, "Times New Roman", serif;
}
h3 {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-weight: 400;
	margin: 0;
	padding: 0;
	font-size: 18px;
	position: relative;
}
h4 {
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #555;
	font-style: italic;
	font-weight: normal;
}
.titleh3 {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-weight: 400;
	margin: 0;
	padding: 0;
	font-size: 18px;
	position: relative;
}
h6 {
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	font-weight: 400;
}
p {
	margin: 10px 0;
}
img.rsp {
	max-width: 100%;
	height: auto;
	display: block;
}
.red,
a.red {
	color: #dd2317;
}
.blue,
a.blue {
	color: #dd2317;
}
.black,
a.black {
	color: #444444;
}
.silver,
a.silver {
	color: #999999;
}
.white,
a.white {
	color: #ffffff;
}
.gold,
a.gold {
	color: #e0ac07;
}
.indeks-link {
	font-size: 10px;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	float: right;
	padding: 10px 0 0;
}
.uppercase {
	text-transform: uppercase;
}
.pt-0 {
	padding-top: 0 !important;
}
.ml-0 {
	margin-left: 0 !important;
}
.mr-0 {
	margin-right: 0 !important;
}
.mt-0 {
	margin-top: 0 !important;
}
.pl-0 {
	padding-left: 0 !important;
}
.pb-0 {
	padding-bottom: 0 !important;
}
.pr-0 {
	padding-right: 0 !important;
}
.prl-10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.mb-5 {
	margin-bottom: 5px;
}
.relative {
	position: relative;
}
a.inline,
.inline {
	display: inline;
}
.content-half-left {
	float: left;
	width: 50%;
}
.content-half-right {
	float: right;
	width: 50%;
}
.content-third {
	float: left;
	width: 33.3333%;
}
a.button {
	background: #e0ac07;
	color: #ffffff;
	font-size: 16px;
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	display: inline-block;
	margin: 15px auto;
	padding: 8px 25px;
}
a.button:hover {
	background: #dd2317;
}
.pagination {
	position: relative;
	margin: 0;
	padding: 0;
}
.pagination a {
	display: inline-block;
	background: #fafafa;
	border: 1px solid #b4b4b4;
	padding: 4px 8px;
}
.pagination li {
	display: inline-block;
	background: #fafafa;
}
button.button {
	background: #f32c35;
	border: none;
	color: #ffffff;
	font-size: 12px;
	padding: 10px 15px;
	cursor: pointer;
}
button.button:hover {
	background: #dd2317;
}
.select {
	position: relative;
	display: inline-block;
	width: 100%;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	background: #cccccc;
	padding: 15px 0;
}
.select select {
	display: inline-block;
	width: 100%;
	cursor: pointer;
	padding: 10px 15px;
	outline: 0;
	background: #020a31;
	color: #ffffff;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	border-radius: 0;
	font-size: 12px;
}
.select .newdate {
    display: inline-block;
    cursor: pointer;
    width: 90px;
    padding: 10px 0px;
    outline: 0;
    background: #020a31;
    color: #ffffff;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    border-radius: 0;
    font-size: 12px;
}
.select .newdate::placeholder {
    color: white;
    opacity: 1;
}
.wrap-newdate {
    display: inline-block;
    cursor: pointer;
    padding: 0px 15px;
    outline: 0;
    background: #020a31;
    color: #ffffff;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    border-radius: 0;
    font-size: 12px;
}
.select select:hover,
.select select:focus {
	color: #ffffff;
	background: #004a8f;
}
.select select:disabled {
	opacity: 0.5;
	pointer-events: none;
}
.select_arrow {
	position: absolute;
	top: 40%;
	right: 10%;
	pointer-events: none;
	border-style: solid;
	border-width: 8px 5px 0 5px;
	border-color: #ffffff transparent transparent transparent;
}
.select select:hover ~ .select_arrow,
.select select:focus ~ .select_arrow {
	border-top-color: #ffffff;
}
.select select:disabled ~ .select_arrow {
	border-top-color: #cccccc;
}
.mobile {
	display: none;
}
.at4-jumboshare .at4-share-container {
	border: none;
}
.LogoJPNN {
	float: left;
}
.LogoJPNN a {
	width: 196px;
	height: 65px;
	overflow: hidden;
}
.home-h1 {
	border: 0 !important;
	clip: rect(0 0 0 0) !important;
	height: 0.0625rem !important;
	margin: -0.0625rem !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 0.0625rem !important;
	font-size: 40px;
}

/* LOADING */
.loading {
	position: relative;
}
.loading a.stream-loading {
	background: #dd2317;
	color: #fff;
	padding: 5px 0;
	margin: 10px 0;
	font-size: 18px;
	font-weight: 400;
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	text-align: center;
	display: block;
	text-transform: uppercase;
}
.loading .stream-loading .fa-plus {
	border: 2px solid #fff;
	border-radius: 50%;
	padding: 3px 5px;
	color: #fff;
	float: right;
	margin: 0 10px;
	opacity: 0.8;
}
a.backtop {
	position: fixed;
	bottom: 3%;
	right: 3%;
	width: 38px;
	height: 38px;
	font-size: 30px;
	text-align: center;
	z-index: 99;
	border: 2px solid #e0ac07;
	color: #e0ac07;
	border-radius: 50%;
}

/* HEADER */
header {
	position: fixed;
	width: 100%;
	background: #020a31;
	display: block;
	padding: 8px 0;
	border-bottom: 2px solid #fad940;
	top: 0;
	z-index: 99;
}
header .menu {
	font-size: 24px;
	float: left;
	padding: 8px;
	width: 18px;
	overflow: hidden;
}
header .menu a .fa {
	color: #fff;
}
header .search {
	position: relative;
	padding: 6px;
	float: right;
	margin-right: 25px;
	border: 1px solid #fff;
}
header .search input {
	border: none;
	background: none;
	outline: none;
	font-size: 12px;
	color: #444;
	font-weight: 400;
	min-width: 300px;
	padding: 5px 10px 4px;
}
header .search button {
	border: none;
	background: transparent;
	outline: none;
	cursor: pointer;
	font-size: 14px;
	color: #ffffff;
	padding: 4px 10px;
}
.medsos {
	float: right;
	padding: 5px 12px;
}
.navshow-top {
	padding-top: 12px;
}
.navshow-bottom {
	display: block;
}
.show-nav1 {
	display: block;
}
.show-nav2 {
	display: block !important;
}

.medsos a {
	display: inline-block;
	font-size: 18px;
	margin: 2px 0 0 8px;
	color: #fff;
}
.medsos a i.fa-facebook-square {
	color: #fff;
}
.medsos a i.fa-twitter-square {
	color: #fff;
}
.medsos a i.fa-flipboard {
	color: #fff;
}
.medsos a i.fa-youtube-square {
	color: #fff;
}
.medsos a i.fa-instagram {
	color: #fff;
}
.medsos a i.fa-google-plus-g {
	color: #fff;
}

footer .medsos a {
	display: inline-block;
	font-size: 30px;
	margin: 0 2px;
	color: #999;
}
footer .medsos a i.fa-facebook-square {
	color: #3b5998;
}
footer .medsos a i.fa-twitter-square {
	color: #00aced;
}
footer .medsos a i.fa-flipboard {
	color: #f52828;
}
footer .medsos a i.fa-youtube-square {
	color: #bb0000;
}
footer .medsos a i.fa-instagram {
	color: #b67f15;
}
footer .medsos a i.fa-google-plus-g {
	color: #dd4b39;
}

section {
	position: relative;
	width: 100%;
	display: block;
}
ul.hz-rubrik {
	list-style: none;
	margin: 14px 0 0;
	padding: 0;
}
ul.hz-rubrik li {
	display: inline-block;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	vertical-align: middle;
}
ul.hz-rubrik li h3 a {
	padding: 4px;
	font-size: 16px;
	color: #fff;
	font-weight: 400;
}
ul.hz-rubrik li h3 a:hover {
	color: #dd2317;
}
ul.hz-rubrik li a.icon-search {
	font-size: 16px;
	border: 1px solid #ddd;
	padding: 5px 10px;
	background: #fafafa;
	border-radius: 3px;
}
ul.hz-rubrik li:last-child {
	padding-left: 10px;
}


/* MENU BESAR */
.menu-expand {
	background: #020a31;
	color: #fff;
	padding: 15px 0;
	display: none;
}
.menu-expand a {
	color: #fff;
}
.menu-expand ul.coloumn {
	list-style: none;
	padding: 0;
	margin: 0;
	max-height: 500px;
	overflow-y: scroll;
}
.menu-expand ul.coloumn li {
	display: inline-block;
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: 14%;
	margin-bottom: 15px;
}
.menu-expand ul.coloumn li h3 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.menu-expand ul.coloumn li h3 a {
	margin: 0;
	padding: 0;
	display: block;
}
.menu-expand ul.coloumn li ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.menu-expand ul.coloumn li ul li {
	margin: 0;
	padding: 0;
	display: block;
	font-size: 14px;
	width: 100%;
}
.menu-expand ul.coloumn li ul li a {
	margin: 0;
	padding: 2px 0;
	display: block;
	text-transform: capitalize;
	color: #ccc;
}
.menu-expand ul.coloumn li ul li a:hover {
	color: #fff;
}
.menu-expand ul.coloumn li ul li a.showfull {
	color: #fefefe;
}
.menu-expand h3 .fa-home {
	font-size: 22px;
}

/* IKLAN */
.ans-top {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	overflow-x: hidden;
}
.ans-970x60 {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	overflow-x: hidden;
}
.ans-300x250 {
	position: relative;
	line-height: 0;
	text-align: center;
}
.ans-300x600 {
	position: relative;
	line-height: 0;
	text-align: center;
}
.ans-650x90 {
	position: relative;
	line-height: 0;
	text-align: center;
}
.ans-320x50 {
	position: relative;
	line-height: 0;
	text-align: center;
}
.ans-320x100 {
	position: relative;
	line-height: 0;
	text-align: center;
}
.ans-sky {
	position: relative;
	height: 0;
	width: 1000px;
	margin: 0 auto;
}
.ans-300x250-artikel {
	margin: 10px 0;
	display: block;
	text-align: center;
}
.ans-sky .ans-160x600 {
	position: absolute;
}
.ans-sky .ans-160x600.left {
	margin-top: 10px;
	margin-left: -162px;
	z-index: 1;
	position: absolute;
	height: 0;
}
.ans-sky .ans-160x600.right {
	z-index: 1;
	margin-left: 1002px;
	margin-right: 0;
	position: relative;
	height: 0;
}
.sl-fixed,
.sr-fixed {
	position: fixed !important;
	top: 0;
	z-index: 1;
}
.static {
	position: static;
}
.sl-absolute,
.sr-absolute {
	bottom: 165px;
	top: auto !important;
	height: auto !important;
}

/* HEADLINE */
.headline-1 {
	position: relative;
	background: #ffffff;
}
.headline-1 .hl-kiri {
	width: 67%;
	float: left;
}
.headline-1 .hl-kiri img {
	width: 100%;
}
.headline-1 .hl-kanan {
	width: 33%;
	float: right;
}
.headline-1 h1 {
	padding: 0;
	margin: 0;
	font-family: "Merriweather", Georgia, "Times New Roman", serif;
}
.headline-1 p {
	font-size: 12px;
	color: #444444;
	padding-bottom: 10px;
	margin: 0;
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 5px;
}
.headline-1 ul {
	list-style: circle;
	position: relative;
	margin: 0 0 0 1.2em;
	padding: 0;
}
.headline-1 ul li {
	font-size: 12px;
	font-family: "Merriweather", Georgia, "Times New Roman", serif;
	margin: 10px 0;
	border-bottom: 1px solid #fafafa;
	font-weight: bold;
}
.headline-1 ul li:last-child {
	margin-bottom: 0;
}

.headline-2 {
	position: relative;
	background: #ffffff;
}
.headline-2 .content-half-left,
.headline-2 .content-half-right {
	width: 49%;
}
.headline-2 .content-half-left img,
.headline-2 .content-half-right img {
	width: 100%;
}
.headline-2 h1 {
	padding: 0;
	margin: 0;
	font-family: "Merriweather", Georgia, "Times New Roman", serif;
}
.headline-2 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.headline-2 ul li {
	border-bottom: 1px solid #f0f0f0;
	padding: 10px 0;
}
.headline-2 ul li h1 {
	font-size: 13px;
	font-weight: 400;
}

.headline-3 {
	position: relative;
	background: #ffffff;
}
.headline-3 .owl-thumb-item img {
	width: 100%;
	height: auto;
}
.headline-3 .owl-thumbs {
	position: relative;
	display: table;
	width: 100%;
	text-align: center;
	padding: 0;
	line-height: 0;
}
.headline-3 .owl-thumb-item {
	display: table-cell;
	vertical-align: top;
	border: 1px solid #ffffff;
	background: none;
	padding: 0;
	width: 20%;
	outline: none;
	cursor: pointer;
}
.headline-3 .owl-thumb-item h1 {
	padding: 2px 0;
	margin: 0;
	font-size: 11px;
	font-weight: 400;
	position: relative;
	bottom: inherit;
}
.headline-3 .owl-thumb-item h2 {
	padding: 2px 0;
	margin: 0;
	font-size: 11px;
	font-weight: 400;
	position: relative;
	bottom: inherit;
}
.headline-3 .owl-thumb-item.active {
	border: 1px solid #c2c2c2;
	background: #f0f0f0;
}
.headline-3 .owl-dots {
	display: none;
}
.headline-3 .title-teaser {
	position: absolute;
	width: 100%;
	bottom: 0;
}
.headline-3 .title-teaser,
.headline-3 .title-teaser a {
	color: #ffffff;
}
.headline-3 .title-teaser p {
	padding: 0 15px;
	color: #cacaca;
	font-size: 14px;
	z-index: 2;
	position: relative;
}
.headline-3 .title-teaser h1,
.headline-3 .title-teaser h2 {
	margin: 0;
	padding: 0 15px;
	font-size: 28px;
	text-shadow: 1px 1px 5px #000;
	z-index: 2;
	position: relative;
}

.headline-4 {
	position: relative;
}
.headline-4 .owl-thumb-item img {
	width: 100%;
	height: auto;
}
.headline-4 .owl-thumbs {
	position: relative;
	display: table;
	width: 100%;
	text-align: center;
	padding: 0;
	line-height: 0;
}
.headline-4 .owl-thumb-item {
	display: inline-block;
	border: 1px solid #ffffff;
	background: none;
	padding: 0;
	width: 20%;
	outline: none;
}
.headline-4 .owl-thumb-item h1 {
	padding: 2px 0;
	margin: 0;
	font-size: 11px;
	font-weight: 400;
	position: relative;
	bottom: inherit;
}
.headline-4 .owl-thumb-item.active {
	border: 1px solid #c2c2c2;
	background: #f0f0f0;
}
.headline-4 .owl-dots {
	display: none;
}
.headline-4 .title-teaser {
	position: absolute;
	width: 100%;
	bottom: 0;
}
.headline-4 .title-teaser,
.headline-3 .title-teaser a {
	color: #ffffff;
}
.headline-4 .title-teaser h1 {
	margin: 0;
	padding: 10px 15px;
	font-size: 28px;
	text-shadow: 1px 1px 5px #000;
	text-align: center;
}
.headline-4 .title-teaser h1 a {
	color: #ffffff;
}
.headline-4 .prev-foto {
	position: absolute;
	left: 2%;
	top: 45%;
	font-size: 45px;
	z-index: 1;
}
.headline-4 .next-foto {
	position: absolute;
	right: 2%;
	top: 45%;
	font-size: 45px;
	z-index: 1;
	color: #ffffff;
}
.headline-4 .prev-foto a,
.headline-4 .next-foto a {
	color: #ffffff;
}
.headline-4 .prev-foto a:hover,
.headline-4 .next-foto a:hover {
	color: #dc2731;
}

/* HOME */
.kolom-kiri {
	float: left;
	width: 685px;
}
.kolom-kanan {
	float: right;
	width: 300px;
}
.content h3 {
	color: #444444;
}
.slide-sponsor-content .item a {
	font-size: 14px;
	letter-spacing: -0.2px;
}
.bg-sponsored-content {
	background: #ffffff;
}
.bg-sponsored-content h3 {
	padding-bottom: 5px;
}
.list-berita {
	position: relative;
	background: #ffffff;
}
.list-berita h3 {
	border-bottom: 1px solid #c2c2c2;
}
ul.content-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.content-list h1 {
	color: #193e62;
	font-size: 18px;
	font-family: "Merriweather", Georgia, "Times New Roman", serif;
	line-height: 24px;
	font-weight: 700;
	margin: 8px 0;
	padding: 0;
}
ul.content-list h2 {
	color: #193e62;
	font-size: 18px;
	font-family: "Merriweather", Georgia, "Times New Roman", serif;
	line-height: 24px;
	font-weight: 700;
	margin: 8px 0;
	padding: 0;
}
ul.content-list h6 a:hover {
	color: inherit;
}
ul.content-list p {
	font-size: 13px;
	letter-spacing: -0.25px;
	line-height: 18px;
	font-family: "Merriweather", Georgia, "Times New Roman", serif;
	color: #333333;
}
ul.content-list .content-picture {
	float: left;
	width: 35%;
}
ul.content-list .content-description {
	float: right;
	width: 65%;
}
ul.content-list li {
	border-bottom: 1px solid #f0f0f0;
	margin-top: 15px;
}
ul.content-list li:hover {
	background: #f0f0f0;
}
.separate-content-list {
	background: linear-gradient(-150deg, #daac1d, #fbf5b7, #ecbb15);
}
.separate-content-list h3 a {
	display: inline-block;
}
.big-foto {
	position: relative;
	width: 66.5%;
	float: left;
}
.big-foto h1,
.small-foto h1 {
	position: absolute;
	bottom: 0;
	width: 100%;
	font-family: "Merriweather", Georgia, "Times New Roman", serif;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 1px;
	font-weight: 700;
}
.big-foto h2,
.small-foto h2 {
	position: absolute;
	bottom: 0;
	width: 100%;
	font-family: "Merriweather", Georgia, "Times New Roman", serif;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 1px;
	font-weight: 700;
	z-index: 2;
}
.big-foto h1 a,
.small-foto h1 a {
	color: #ffffff;
	display: block;
	padding: 0 10px;
}
.big-foto h2 a,
.small-foto h2 a {
	color: #ffffff;
	display: block;
	padding: 0 10px;
}
.small-foto {
	position: relative;
	width: 32%;
	float: right;
}
.small-foto h1 {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.5px;
}
.small-foto h2 {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.5px;
}
.bg-shadow {
	background: transparent url("../img/bg-foto.png") repeat-x center center;
	position: absolute;
	width: 100%;
	height: 117px;
	bottom: 0;
	z-index: 1;
}
.icon-foto {
	position: absolute;
	right: 0;
	top: 0;
	background: rgba(255, 0, 0, 0.6);
	color: #ffffff;
	padding: 4px;
}
.video-hz {
	padding: 0;
	width: 31.5%;
	display: inline-block;
	margin: 0 1%;
	vertical-align: top;
}
.video-hz h1 {
	font-size: 14px;
	font-family: "Merriweather", Georgia, "Times New Roman", serif;
	margin: 4px 0;
}
.video-hz h2 {
	font-size: 14px;
	font-family: "Merriweather", Georgia, "Times New Roman", serif;
	margin: 4px 0;
}
.icon-video {
	position: absolute;
	right: 0;
	top: 0;
	background: rgba(255, 0, 0, 0.6);
	color: #ffffff;
	padding: 4px;
	z-index: 1;
}
.historiana h1 {
	color: #193e62;
	font-size: 18px;
	font-family: "Merriweather", Georgia, "Times New Roman", serif;
	line-height: 24px;
	font-weight: 700;
	margin: 8px 0;
	padding: 0;
}
.historiana h2 {
	color: #193e62;
	font-size: 18px;
	font-family: "Merriweather", Georgia, "Times New Roman", serif;
	line-height: 24px;
	font-weight: 700;
	margin: 8px 0;
	padding: 0;
}
.historiana p {
	font-size: 12px;
	letter-spacing: -0.25px;
	line-height: 17px;
	font-family: "Merriweather", Georgia, "Times New Roman", serif;
	color: #333333;
}
.donwori h1 {
	font-size: 16px;
	line-height: 20px;
	font-family: "Merriweather", Georgia, "Times New Roman", serif;
	margin: 5px 0;
}
.donwori .content-picture {
	float: left;
	width: 30%;
}
.donwori .content-description {
	float: right;
	width: 70%;
}
.donwori h1 {
	font-size: 14px;
	margin: 5px;
}
.donwori h2 {
	font-size: 14px;
	margin: 5px;
}
.donwori .content-description h1 {
	font-size: 12px;
	margin: 0 5px;
	line-height: 16px;
}
.investasi .content-half-left,
.investasi .content-half-right {
	width: 49%;
	background: #ffffff;
}
.investasi .info {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-size: 20px;
}
.investasi .price {
	font-size: 15px;
}
.investasi .source {
	font-size: 12px;
}
.investasi .icon-invest {
	float: left;
	width: 50%;
	text-align: center;
}
.investasi .price-invest {
	float: right;
	width: 50%;
	text-align: left;
}
.page-content span.date-publish {
	font-size: 13px;
	padding-bottom: 10px;
	display: block;
	color: #777;
}
.page-content p iframe {
	width: 100%;
	border: none;
}
.page-content h4 {
	margin-top: 0;
	margin-bottom: 10px;
	font-family: "Merriweather", Georgia, "Times New Roman", serif;
}
a.button-block{
	background: #dd2317;
	color: #ffffff;
	font-size: 16px;
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	display: block;
	margin: 15px auto 0 auto;
	padding: 8px 25px;
	text-align: center;
}


/* KANAL */
.kanal {
	position: relative;
	margin: 5px 0;
	padding: 0;
}
.kanal ul.list-kanal {
	margin: 0;
	padding: 0;
	list-style: none;
	text-transform: uppercase;
}
.kanal ul.list-kanal li.kanal {
	font-size: 18px;
	border-bottom: 1px solid #176caf;
	font-weight: 700;
	float: left;
	line-height: 22px;
}
.kanal ul.list-kanal li {
	display: inline-block;
	margin: 0 10px;
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
}

/* TAG dan TOPIK */
.tag-topik {
	position: relative;
	margin: 5px 0;
	padding: 0;
}
.tag-topik h1,
.tag-topik h2,
.tag-topik h3 {
	font-size: 28px;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}
.tag-topik h1 span {
	padding: 0 15px;
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #555555;
}
.tag-topik h2 span {
	padding: 0 15px;
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #555555;
}
.headline-tag-topik {
	background: #ffffff;
}

/* SEARCH by GOOGLE */
.search-selection {
	background: #ccc;
}
.search-selection ul.selection {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}
.search-selection ul.selection li {
	position: relative;
	display: inline-block;
	width: 50%;
	margin-left: -2px;
}
.search-selection ul.selection li a {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-size: 18px;
	-webkit-font-smoothing: antialiased;
	width: 100%;
	text-align: center;
	padding: 15px 0;
}
.search-selection ul.selection li.active {
	background: #020a31;
}
.search-selection ul.selection li.active:before {
	bottom: 0;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
.search-selection ul.selection li.active a {
	color: #ffffff;
}
.form-search-selection {
	background: #ffffff;
	border-bottom: 1px solid #b4b4b4;
	padding: 15px;
	text-align: center;
	position: relative;
}
.form-search-selection input {
	padding: 15px;
	border: 1px solid #ddd;
	width: 90%;
	font-size: 18px;
	position: relative;
}
.form-search-selection input:after {
	content: "l";
	position: absolute;
	width: 5px;
	height: 5px;
}

.search-by-google {
	background: #ffffff;
	position: relative;
}
.search-by-google ul.loadmore {
	padding-left: 0;
	margin-left: 0;
}

/* INDEKS */
.indeks h1 {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	padding: 0 15px;
	margin: 0;
}
.indeks ul.list-indeks {
	margin: 0;
	padding: 0;
	list-style: none;
	text-transform: uppercase;
}
.indeks ul.list-indeks li {
	display: inline-block;
	margin: 0 10px;
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
}
.label-text {
	font-size: 24px;
}
.option {
	display: inline-block;
	position: relative;
	width: 30%;
}
.option.op1 {
	width: 10%;
}

/* SIDEBAR */
.trending-topic {
	position: relative;
	background: #fff;
}
.trending-topic ul {
	list-style: none;
	margin-top: 10px;
	margin-left: 0;
	margin-bottom: 0;
	padding: 0;
	text-transform: uppercase;
}
.trending-topic ul li {
	margin: 0;
	padding: 12px 5px;
	font-size: 14px;
	font-weight: 700;
}
.trending-topic ul li:nth-child(even) {
	background: #fafafa;
}

.trending-topic ul li img{
	float: left;
	margin: 0 10px;
}
.sponsored-content-sidebar {
	background: #ffffff;
}
.sponsored-content-sidebar h3 {
	margin-bottom: 5px;
	text-transform: uppercase;
}
.sponsored-content-sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sponsored-content-sidebar ul li {
	margin-bottom: 15px;
	position: relative;
}
.sponsored-content-sidebar ul li:last-child,
.terpopuler ol li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}
.sponsored-content-sidebar ul li:first-child img {
	width: 100%;
	margin-bottom: 5px;
}
.sponsored-content-sidebar ul li:first-child h1 {
	font-size: 14px;
}
.sponsored-content-sidebar ul li:first-child h2 {
	font-size: 14px;
}
.sponsored-content-sidebar ul li:first-child h5 {
	font-size: 14px;
}
.sponsored-content-sidebar ul li img,
.terpopuler ol li img {
	width: 40%;
	height: 40%;
	float: left;
	margin-right: 5px;
}
.sponsored-content-sidebar.Barometer ul li img {
	display: none;
}
.sponsored-content-sidebar.Barometer ul li:first-child img {
	display: block;
}
.sponsored-content-sidebar.Barometer ul li {
	padding-bottom: 10px;
	border-bottom: #ddd 1px solid;
}
.sponsored-content-sidebar ul li h1,
.terpopuler ol li h1 {
	font-size: 12px;
	padding: 0;
	margin: 0;
	font-family: "Merriweather", Georgia, "Times New Roman", serif;
}
.sponsored-content-sidebar ul li h2,
.sponsored-content-sidebar ul li h5,
.terpopuler ol li h2,
.terpopuler ol li h5 {
	font-size: 12px;
	padding: 0;
	margin: 0;
	font-family: "Merriweather", Georgia, "Times New Roman", serif;
}
.sponsored-content-sidebar.cc h3 {
	margin-bottom: 0;
}
.terpopuler {
	background: #ffffff;
}
.terpopuler .tab-terpopuler {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	font-size: 14px;
	padding: 4px;
	background: #020a31;
	color: #fff;
}
.terpopuler .tab-terpopuler span {
	padding: 0;
	font-size: 14px;
	color: #fff;
}
.terpopuler .tab-terpopuler a {
	display: inline-block;
	padding: 0 5px;
	margin-left: 5px;
	font-size: 12px;
	color: #fff;
}
.terpopuler .tab-terpopuler a.active {
	background: #dd2317;
	color: #fff;
}

.nusantara .tab-nusantara {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	font-size: 14px;
	padding: 4px;
	background: #020a31;
	color: #fff;
	overflow-x: scroll;
	white-space: nowrap;
}
.nusantara .tab-nusantara span {
	padding: 0;
	font-size: 14px;
	color: #fff;
}
.nusantara .tab-nusantara a {
	display: inline-block;
	padding: 0 5px;
	margin-left: 5px;
	font-size: 14px;
	color: #fff;
}
.nusantara .tab-nusantara a.active {
	background: #dd2317;
	color: #fff;
}

.terpopuler ol {
	list-style: none;
	margin: 0;
	padding: 0;
	counter-reset: Numbers;
}
.terpopuler ol li {
	position: relative;
	padding: 10px 0;
	border-bottom: 1px solid #dddddd;
	display: block;
}
.terpopuler ol li:first-child {
	padding-top: 0;
}
.terpopuler ol li:before {
	position: absolute;
	right: 0;
	bottom: 0;
	content: counter(Numbers);
	counter-increment: Numbers;
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	font-size: 54px;
	color: rgba(0, 0, 0, 0.1);
	line-height: 54px;
}
.terpopuler ol li h6 {
	vertical-align: bottom;
}
.pilred {
	background: #ffffff;
}
.pilred ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.pilred ul li {
	margin: 15px 0;
	position: relative;
}
.pilred ul li img {
	width: 100%;
}
.pilred ul li:first-child {
	margin-top: 0;
}
.pilred ul li:last-child {
	margin-bottom: 0;
}
.pilred ul li h1 {
	font-size: 14px;
	padding: 5px 0 0;
	margin: 0;
	font-family: "Merriweather", Georgia, "Times New Roman", serif;
}
.pilred ul li h2 {
	font-size: 14px;
	padding: 5px 0 0;
	margin: 0;
	font-family: "Merriweather", Georgia, "Times New Roman", serif;
}
.pilred ul li h5 {
	font-size: 14px;
	padding: 5px 0 0;
	margin: 0;
	font-family: "Merriweather", Georgia, "Times New Roman", serif;
}
.disway {
	background: transparent
		url("https://cloud.jpnn.com/photo/news/normal/2021/11/04/dahlan-iskan-cxtp.jpg")
		no-repeat center center;
	width: 300px;
	height: 100px;
	position: relative;
}
.disway h1,
.disway h2 {
	position: absolute;
	font-size: 12px;
	font-family: "Merriweather", Georgia, "Times New Roman", serif;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	font-weight: 400;
	letter-spacing: 0.2px;
	margin: 0;
	padding: 0;
}
.disway h1 a,
.disway h2 a {
	display: block;
	padding: 5px;
	color: #fff;
}
.pantulan {
	background: transparent url("../img/pantulanrev.jpg") no-repeat center center;
	width: 300px;
	height: 130px;
	position: relative;
}
.pantulan h1,
.pantulan h2 {
	position: absolute;
	font-size: 12px;
	font-family: "Merriweather", Georgia, "Times New Roman", serif;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	font-weight: 400;
	letter-spacing: 0.2px;
	margin: 0;
	padding: 0;
}
.pantulan h1 a,
.pantulan h2 a {
	display: block;
	padding: 5px;
	color: #fff;
}
.abc-australia ul {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.abc-australia ul li {
	background: transparent url("../img/abc-ausplus-list.png") no-repeat center
		center;
	font-family: "Merriweather", Georgia, "Times New Roman", serif;
	font-size: 12px;
	min-height: 48px;
	padding: 6px 0 2px 3.5em;
}
.abc-australia ul li span {
	font-size: 10px;
	color: #999999;
}
.abc-australia ul li:last-child {
	border-bottom: 10px solid #000;
}

/* CONTENT ARTIKEL */
.content-artikel {
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 17.5px;
	color: rgba(0, 0, 0, 0.87);
	background: #ffffff;
	line-height: 1.47059;
}
.breadcrumb {
	font-size: 12px;
	font-style: italic;
	color: #444444;
}
.breadcrumb a {
	color: #444444;
	display: inline-block;
	padding-right: 5px;
}
.breadcrumb a:hover {
	color: #dd2317;
}
.content-artikel h1 {
	font-size: 42px;
	line-height: 48px;
	padding: 0;
	margin: 15px 0;
}
.content-artikel .jpnncom {
	font-family: "Arima Madurai", serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 15px;
}
.content-artikel .top-medsos {
	width: 58px;
	float: right;
}
.content-artikel .top-medsos a {
	display: block;
	font-size: 32px;
	text-align: center;
}
.content-artikel .top-medsos a.fb {
	background: #36589f;
	color: #fff;
	padding: 4px 0 4px;
}
.content-artikel .top-medsos a.twt {
	background: #59aae0;
	color: #fff;
	padding: 4px 0 4px;
}
.content-artikel .top-medsos a.gp {
	background: #de4f38;
	color: #fff;
	padding: 8px 0 4px;
}
.content-artikel .top-medsos a.pt {
	background: #cb1c18;
	color: #fff;
	padding: 9px 0 4px;
}
.content-artikel .top-medsos a.ld {
	background: #338170;
	color: #fff;
	padding: 9px 0 4px;
}
.content-artikel .top-medsos a.fl {
	background: #f52828;
	color: #fff;
	padding: 5px 0 4px;
}
.content-artikel .top-medsos a.li {
	background: #0077b5;
	color: #fff;
	padding: 4px 0 4px;
}
.content-artikel .top-medsos a.wa {
	background: #54d057;
	color: #fff;
	padding: 4px 0 4px;
}
.content-artikel .top-medsos a.ln {
	background: #17b700;
	color: #fff;
	padding: 4px 0 4px;
}
.content-artikel .top-medsos a.bb {
	background: #0074c9;
	color: #fff;
	padding: 4px 0 4px;
}
.content-artikel .top-medsos a.cp {
	background: #153d44;
	color: #fff;
	padding: 5px 0 4px;
}
.content-artikel .caption {
	font-size: 13px;
	color: #999999;
	margin: 10px 0;
}
.content-artikel p a {
	display: inline-block;
	color: #dd2317;
}
.content-artikel .creator {
	font-size: 14px;
}
.content-artikel .creator span {
	position: relative;
	display: inline-block;
	width: 100px;
}
.content-artikel .creator span:after {
	content: ":";
	position: absolute;
	right: 5px;
	top: 0;
}
.content-artikel .creator a {
	display: inline-block;
}
.content-artikel .share-medsos {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	clear: both;
}
.content-artikel .share-medsos #total-shares {
	float: left;
	width: 100px;
}
.content-artikel .share-medsos .counter {
	font-size: 30px;
	font-weight: 600;
	text-align: center;
	color: #dd2317;
}
.content-artikel .share-medsos .counter-text {
	font-size: 10px;
	color: #999;
	text-align: center;
	height: 15px;
	line-height: 15px;
}
.content-artikel .share-medsos a {
	font-size: 22px;
	display: inline-block;
	text-align: center;
}
.content-artikel .share-medsos a.fb {
	background: #36589f;
	color: #fff;
	padding: 6px 15px 4px;
}
.content-artikel .share-medsos a.twt {
	background: #59aae0;
	color: #fff;
	padding: 6px 9px 4px;
}
.content-artikel .share-medsos a.gp {
	background: #de4f38;
	color: #fff;
	padding: 6px 7px 4px;
}
.content-artikel .share-medsos a.pt {
	background: #cb1c18;
	color: #fff;
	padding: 6px 12px 4px;
}
.content-artikel .share-medsos a.ld {
	background: #338170;
	color: #fff;
	padding: 6px 12px 4px;
}
.content-artikel .share-medsos a.fl {
	background: #f52828;
	color: #fff;
	padding: 6px 12px 4px;
}
.content-artikel .share-medsos a.li {
	background: #0077b5;
	color: #fff;
	padding: 6px 11px 4px;
}
.content-artikel .share-medsos a.wa {
	background: #54d057;
	color: #fff;
	padding: 6px 11px 4px;
}
.content-artikel .share-medsos a.ln {
	background: #17b700;
	color: #fff;
	padding: 6px 11px 4px;
}
.content-artikel .share-medsos a.bb {
	background: #0074c9;
	color: #fff;
	padding: 6px 8px 4px;
}
.content-artikel .share-medsos a.cp {
	background: #153d44;
	color: #fff;
	padding: 6px 11px 4px;
}
.content-artikel .shares-medsos {
	margin-top: 8px;
	float: left;
	border-left: 1px solid #f6f6f6;
	padding-left: 15px;
}
.content-artikel .tags a {
	font-family: "Lato", Helvetica, Arial, sans-serif;
	background: #eee;
	padding: 4px 10px;
	margin: 4px 5px;
	display: inline-block;
	color: #000;
	font-size: 14px;
}
.content-artikel .tags a:hover {
	background: #dc2731;
	color: #ffffff;
}
.content-artikel .tags .text-tags {
	display: inline-block;
	background: none;
	color: #dc2731;
	padding: 0;
	margin: 0;
}
.content-artikel .tags .text-tags:hover {
	background: none;
	color: inherit;
}
.content-artikel .terkait {
	background: #eeeeee;
	padding: 10px;
}
.content-artikel .terkait ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-family: "Merriweather", Georgia, "Times New Roman", serif;
	font-size: 12px;
	font-weight: bold;
}
.content-artikel .terkait ul li {
	margin: 0;
	padding: 0;
	width: 33.3333%;
	float: left;
	display: flex;
	min-height: 90px;
}
.content-artikel .terkait ul li a {
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	min-height: 45px;
	width: 100%;
}
.content-artikel .terkait ul li:nth-child(4) a,
.content-artikel .terkait ul li:nth-child(5) a,
.content-artikel .terkait ul li:nth-child(6) a {
	border-bottom: none;
}
.content-artikel .terkait ul li:nth-child(3) a,
.content-artikel .terkait ul li:nth-child(6) a,
.content-artikel .terkait ul li:nth-child(9) a {
	border-right: none;
}
.content-artikel .crosscontent {
	background: #eeeeee;
	padding: 10px;
}
.content-artikel .crosscontent ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-family: "Merriweather", Georgia, "Times New Roman", serif;
	font-size: 12px;
	font-weight: bold;
}
.content-artikel .crosscontent ul li article {
	margin: 0;
	padding: 0;
	width: 33.3333%;
	float: left;
	display: flex;
	min-height: 90px;
}
.content-artikel .crosscontent ul li article a {
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	min-height: 45px;
	width: 100%;
}
.content-artikel .crosscontent ul li:nth-child(4) article a,
.content-artikel .crosscontent ul li:nth-child(5) article a,
.content-artikel .crosscontent ul li:nth-child(6) article a {
	border-bottom: none;
}
.content-artikel .crosscontent ul li:nth-child(3) article a,
.content-artikel .crosscontent ul li:nth-child(6) article a,
.content-artikel .crosscontent ul li:nth-child(9) article a {
	border-right: none;
}
.content-artikel .other-news {
	background: #ffffff;
}
.content-artikel .other-news h3 {
	border-bottom: 1px solid #c2c2c2;
}
.content-artikel .other-news ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.content-artikel .other-news ul li {
	margin: 15px 0 0 0;
	padding: 0;
	width: 33.3333%;
	float: left;
}
.content-artikel .other-news ul li h1 {
	font-size: 14px;
	font-family: "Merriweather", Georgia, "Times New Roman", serif;
	margin: 4px 0;
	line-height: normal;
	height: 73px;
	overflow: hidden;
	-webkit-font-smoothing: antialiased;
}
.content-artikel .other-news ul li h2 {
	font-size: 14px;
	font-family: "Merriweather", Georgia, "Times New Roman", serif;
	margin: 4px 0;
	line-height: normal;
	height: 73px;
	overflow: hidden;
	-webkit-font-smoothing: antialiased;
}
.content-artikel .other-news ul li a {
	padding: 0 5px;
}
.content-artikel .baca-juga {
	background: #fafafa;
	padding: 15px;
}
.content-artikel .baca-juga .titleh4 {
	color: #000;
	font-size: 14px;
	margin: 0;
	padding: 0;
	font-weight: 400;
}
.content-artikel .baca-juga h4 {
	color: #000;
	font-size: 14px;
	margin: 0;
	padding: 0;
	font-weight: 400;
}
.content-artikel .baca-juga h2 {
	color: #000;
	font-size: 14px;
	margin: 0;
	padding: 0;
	font-weight: 400;
}
.content-artikel .baca-juga ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
}
.content-artikel .baca-juga ul li:last-child a {
	border-right: none;
}
.content-artikel .baca-juga ul li a {
	padding: 10px;
	font-size: 14px;
	border-right: 1px solid #ccc;
	font-weight: bold;
	font-family: "Merriweather", Georgia, "Times New Roman", serif;
	color: #de2418;
}
.content-artikel .twitter-tweet {
	margin: 0 auto;
}
.content-artikel .twitter-tweet {
	font-size: 1.4em;
	margin: 30px auto;
	font-style: italic;
	color: #555555;
	padding: 0.4em 30px 0.4em 75px;
	border-left-width: 8px;
	border-left-style: solid;
	border-image: linear-gradient(to bottom, #d8ae15, #f4e176, #d8ae15) 1 100%;
	line-height: 1.6;
	position: relative;
	background: #f7f5eb;
}
.content-artikel .twitter-tweet::before {
	content: "\201C";
	color: #de2418;
	font-size: 4em;
	position: absolute;
	left: 10px;
	top: -10px;
}
.content-artikel .twitter-tweet::after {
	content: "";
}
.content-artikel .twitter-tweet p {
	font-weight: 700;
}
.content-artikel .twitter-tweet a {
	display: block;
	font-size: 0.8em;
	text-align: right;
	border-top: 1px solid #010a31;
	padding-top: 10px;
	margin-top: 10px;
}
.content-artikel .next-read h5 {
	display: block;
	background: #ffd700;
	padding: 10px;
	margin: 0;
}
.content-artikel .next-read a {
	display: block;
	font-weight: bold;
	font-size: 18px;
	padding: 10px;
	color: #010a31;
}

/* FOOTER */
footer {
	position: relative;
	width: 100%;
	background: #fff;
	display: block;
	padding: 10px 0;
	border-bottom: 1px solid #b4b4b4;
	border-top: 1px solid #b4b4b4;
	padding-bottom: 80px;
}
footer .info-jpnn,
footer .info-share,
footer .info-apps {
	width: 37.5%;
	display: inline-block;
	float: left;
}
footer .info-apps {
	width: 25%;
}
footer .copyright {
	border-top: 1px solid #f0f0f0;
	font-size: 13px;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	padding: 4px 0;
}
footer .info-apps a,
footer .copyright a {
	display: inline-block;
}
footer .copyright .fa-circle {
	font-size: 7px;
	color: #ccc;
	vertical-align: middle;
	padding: 0 4px;
}
footer .titleh4 {
	font-size: 12px;
	color: #333333;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	padding: 0;
	margin-bottom: 5px;
}
footer .medsos {
	padding: 0;
	float: none;
}
footer p {
	font-size: 12px;
}

.shareit{
	display: block;
	text-align: center;
	padding: 10px 0;
	line-height: 0;
}
.shareit a{
	display: inline-block;
	text-align: center;
}

/* FOTO */
.foto-detail .kolom-center {
	background: #222;
}
.foto-detail .nav-foto-detail {
	position: relative;
	padding: 0;
	text-align: center;
}
.foto-detail .nav-foto-detail a.prev-foto {
	float: left;
	padding: 17px 10px;
	color: #ffffff;
}
.foto-detail .nav-foto-detail a.next-foto {
	float: right;
	padding: 17px 10px;
	color: #ffffff;
}
.foto-detail .top-medsos {
	display: inline-block;
	margin: 0 auto;
	padding: 10px 0 0;
}
.foto-detail .top-medsos a {
	display: inline-block;
	font-size: 16px;
	color: #ffffff;
	margin: 5px;
}
.foto-detail .top-medsos a.fb {
	color: #fff;
	padding: 9px 15px 9px;
	border: 1px solid #fff;
	border-radius: 50%;
}
.foto-detail .top-medsos a.twt {
	color: #fff;
	padding: 9px 12px 9px;
	border: 1px solid #fff;
	border-radius: 50%;
}
.foto-detail .top-medsos a.gp {
	color: #fff;
	padding: 9px 10px 9px;
	border: 1px solid #fff;
	border-radius: 50%;
}
.foto-detail .top-medsos a.pt {
	color: #fff;
	padding: 9px 12px 9px;
	border: 1px solid #fff;
	border-radius: 50%;
}
.foto-detail .top-medsos a.ld {
	color: #fff;
	padding: 9px 12px 9px;
	border: 1px solid #fff;
	border-radius: 50%;
}
.foto-detail .top-medsos a.fl {
	color: #fff;
	padding: 9px 12px 9px;
	border: 1px solid #fff;
	border-radius: 50%;
}
.foto-detail .top-medsos a.li {
	color: #fff;
	padding: 9px 11px 9px;
	border: 1px solid #fff;
	border-radius: 50%;
}
.foto-detail .top-medsos a.cp {
	color: #fff;
	padding: 10px 13px 10px;
	border: 1px solid #fff;
	border-radius: 50%;
}
.foto-detail .item {
	position: relative;
	padding: 10px;
}
.foto-detail .item h3,
.foto-detail .item p {
	font-size: 14px;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	color: #ffffff;
	text-align: center;
	padding: 5px 0;
}
.foto-detail h1 {
	color: #ffffff;
}
.foto-detail .date {
	font-size: 12px;
}
.foto-detail .date,
.foto-detail p {
	color: #ffffff;
	font-weight: 400;
}
.foto-detail .full-screen {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 1;
	background: rgba(0, 0, 0, 0.5);
	padding: 10px;
	color: #ffffff;
}
.foto-detail .owl-thumb-item img {
	width: 100%;
	height: auto;
}
.foto-detail .owl-thumbs {
	position: relative;
	display: table;
	width: 100%;
	text-align: center;
	padding: 0;
	line-height: 0;
}
.foto-detail .owl-thumb-item {
	display: inline-block;
	border: 1px solid #ffffff;
	background: none;
	padding: 0;
	width: 20%;
	outline: none;
}
.foto-detail .owl-thumb-item h1 {
	padding: 2px 0;
	margin: 0;
	font-size: 11px;
	font-weight: 400;
	position: relative;
	bottom: inherit;
	display: none;
}
.foto-detail .owl-thumb-item.active {
	border: 1px solid #c2c2c2;
	background: #f0f0f0;
}
.foto-detail .owl-dots {
	display: none;
}
.foto-detail .scroll-y {
	overflow-y: scroll;
}
.list-foto h3 {
	border-bottom: 1px solid #c2c2c2;
}
.karikatur .owl-thumbs {
	display: none;
}
.rubrik-name {
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	font-weight: 400;
}

/* VIDEO */
.rangedate {
	position: relative;
	padding: 0;
	margin: 0;
	background: #004a8f;
	color: #fff;
	font-family: "Lato", Helvetica, Arial, sans-serif;
}
.rangedate span {
	float: left;
}
.rangedate form {
	float: right;
	position: relative;
}
.rangedate form input {
	border: none;
	border-radius: 3px;
	margin-left: 6px;
	padding: 4px 8px;
	font-size: 13px;
}
.rangedate form .fa-calendar {
	color: #999;
	margin-left: -21px;
	margin-right: 10px;
}
.rangedate button {
	padding: 4px 10px;
	border-radius: 3px;
	cursor: pointer;
}
.content-artikel .video h1 {
	font-size: 18px;
	line-height: normal;
	margin: 5px 0;
}
.content-artikel .video {
	padding-top: 10px;
}

.headline-tag-topik .microsite h1 {
	font-size: 18px;
	line-height: normal;
	margin: 5px 0;
}

/* loading animation */
.spinner {
	margin: 20px auto 0;
	width: 70px;
	text-align: center;
}
.spinner > div {
	width: 18px;
	height: 18px;
	background-color: #dc2731;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
	}
	40% {
		-webkit-transform: scale(1);
	}
}
@keyframes sk-bouncedelay {
	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	40% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
.border-middle {
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #ddd;
	line-height: 0.1em;
	margin: 10px 0 20px;
}
.border-middle span {
	background: #fff;
	padding: 0 10px;
	color: #c1c1c1;
}

/* Google */
.gsc-input-box {
	padding: 7px !important;
}
.gsc-search-button-v2,
.gsc-search-button-v2:hover,
.gsc-search-button-v2:focus {
	padding: 13px 16px !important;
}
.gsc-control-cse .gs-spelling,
.gsc-control-cse .gs-result .gs-title,
.gsc-control-cse .gs-result .gs-title * {
	font-size: 18px !important;
	text-decoration: none !important;
	color: #333 !important;
	font-family: "Merriweather", Georgia, "Times New Roman", serif !important;
	font-weight: 700 !important;
}
.gs-webResult div.gs-visibleUrl,
.gs-imageResult div.gs-visibleUrl {
	color: #666 !important;
	padding: 5px 0 !important;
}
.gsc-control-cse,
.gsc-control-cse .gsc-table-result {
	font-size: 14px !important;
}
.gs-web-image-box img.gs-image,
.gs-promotion-image-box img.gs-promotion-image {
	max-width: 130px !important;
}
.gs-web-image-box,
.gs-promotion-image-box {
	width: 130px !important;
}
.gsc-webResult.gsc-result {
	border: 1px solid #ebebeb !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
	padding: 5px 10px !important;
	font-size: 18px !important;
	border: 1px solid #ebebeb !important;
	margin-right: 2px !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
	background: #dc2731 !important;
	color: #ffffff !important;
}
.gsc-adBlock {
	border-bottom: none !important;
}

.bottom-sky {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
}

.bg-green {
	background: #35a936;
}
.bg-purple {
	background: #814997;
}
.bg-orange {
	background: #f28b02;
}
.bg-blue {
	background: #0d8fd1;
}
.bg-pink {
	background: #da2b82;
}
.bg-grey {
	background: #cccccc;
}
.bg-white {
	background: #ffffff;
}
.bg-black {
	background: #333333;
}
.bg-red {
	background: #ff0042;
}

/* TABLE */
.page-content table {
	border-collapse: collapse;
	width: 100%;
}
.page-content table td,
.page-content table th {
	border: 1px solid #ddd;
	padding: 8px;
}
.page-content table tr:nth-child(even) {
	background-color: #f2f2f2;
}
.page-content table tr:hover {
	background-color: #ddd;
}
.page-content table th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	background-color: grey;
	color: white;
}

/* RAMADAN */
.ramadankareem {
	background: rgb(4, 54, 15);
	background: linear-gradient(
		90deg,
		rgba(4, 54, 15, 1) 0%,
		rgba(3, 103, 23, 1) 35%,
		rgba(70, 167, 15, 1) 100%
	);
}
.ramadankareem .ramadan {
	background: transparent url(../img/bg-ramadan-white.png) bottom left no-repeat;
	background-size: 100% 100%;
}
.ramadankareem .head-ramadan,
.ramadankareem .content-ramadan {
	padding: 10px;
}
.ramadankareem span.JD {
	font-weight: normal;
	font-size: 12px;
	font-family: "Oswald", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.ramadankareem span.TM {
	font-weight: bold;
	font-size: 14px;
	font-family: "Oswald", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.ramadankareem table.ramadantabel {
	border: 1px solid #fff;
	border-radius: 10px;
	padding: 10px;
	background: rgba(255, 255, 255, 0.5);
}
.ramadankareem table.ramadantabel tr td {
	line-height: 15px;
	text-align: center;
	font-weight: bold;
	padding: 0 7px;
}
.ramadankareem .ramadannews {
	width: 58%;
}
.ramadankareem .ramadanvideo {
	width: 40%;
}
.ramadankareem .ramadannews a,
.ramadankareem .ramadanvideo a {
	color: #fff;
	font-size: 16px;
}
.ramadankareem .ramadannews .content {
	background: rgba(255, 255, 255, 0.2);
	border-radius: 0 0 10px 10px;
}
.ramadankareem .ramadannews .time {
	color: #fff;
	font-size: 12px;
}
.ramadankareem .ramadannews h2 {
	padding: 0;
	margin: 10px 0 5px 0;
}
.ramadankareem .ramadannews .content-list ul ul {
	color: #fff;
}
.ramadankareem .ramadannews .content-list ul li {
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
	padding: 5px;
	margin: 5px 0;
	border-radius: 5px;
}
.ramadankareem .ramadanvideo .relative {
	padding-bottom: 10px;
}
.ramadankareem .ramadanvideo .rubrikvideo,
.ramadanvideo .rubrikvideo {
	background: #d20d00;
	color: #fff;
	font-family: "Oswald", Arial, "Helvetica Neue", Helvetica, sans-serif;
	display: inline-block;
	padding: 0 5px;
	margin: 2px 0;
}
.ramadankareem .ramadanvideo .news-title a {
	background: #fff;
	color: #333;
	font-weight: bold;
	padding: 0 5px;
}
.ramadan .ramadanvideo .rubrikvideo .idulfitri {
	background: transparent url(../img/bg-idulfitri.jpg);
}
.idulfitri .head-ramadan {
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.8px;
	padding-left: 0;
	padding-top: 10px;
}
.jadwal {
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-weight: 700;
}
.waktu {
	font-size: 14px;
}
.title-ramadan {
	padding-top: 10px;
}
/*
blockquote{ font-size: 1.4em; margin:50px auto; font-style:italic; color: #555555; padding:1.2em 30px 1.2em 75px; border-left:8px solid #78C0A8; line-height:1.6; position: relative; }
blockquote::before{ content: "\201C"; color:#78C0A8; font-size:4em; position: absolute; left: 10px; top:-10px; }
blockquote::after{ content: ''; }
blockquote span{ display:block; color:#333333; font-style: normal; font-weight: bold;margin-top:1em;}
*/
.highlight {
	background: linear-gradient(328deg, #ff5d00, #bb0707, #0d2476, #0d4700);
	background-size: 800% 800%;
	-webkit-animation: AnimationName 15s ease infinite;
	-moz-animation: AnimationName 15s ease infinite;
	-o-animation: AnimationName 15s ease infinite;
	animation: AnimationName 15s ease infinite;
	padding: 5px 0;
}
@-webkit-keyframes AnimationName {
	0% {
		background-position: 13% 0%;
	}
	50% {
		background-position: 88% 100%;
	}
	100% {
		background-position: 13% 0%;
	}
}
@-moz-keyframes AnimationName {
	0% {
		background-position: 13% 0%;
	}
	50% {
		background-position: 88% 100%;
	}
	100% {
		background-position: 13% 0%;
	}
}
@-o-keyframes AnimationName {
	0% {
		background-position: 13% 0%;
	}
	50% {
		background-position: 88% 100%;
	}
	100% {
		background-position: 13% 0%;
	}
}
@keyframes AnimationName {
	0% {
		background-position: 13% 0%;
	}
	50% {
		background-position: 88% 100%;
	}
	100% {
		background-position: 13% 0%;
	}
}

/* EURO */
.euro_event {
	width: 100%;
}
.euro_event_container {
	background: transparent url("../euro2020/img/euro-2020-bg.jpg") center bottom;
	background-size: cover;
}
.euro_event_date {
	width: 70px;
	height: 70px;
	background: #b10707;
}
.euro_event_day {
	font-size: 32px;
	font-weight: 600;
	color: #ffffff;
	line-height: 0.75;
}
.euro_event_month {
	font-size: 16px;
	font-weight: 400;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 0.75;
	margin-top: 11px;
}
.euro_event_content .countdown {
	margin: 10px;
	width: 255px;
}
.euro_event_title,
.event_title a {
	margin-top: 10px;
	font-size: 18px;
	color: #ffffff;
	font-weight: 600;
	font-family: "Dusha", sans-serif;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.euro_event_title a:hover {
	color: #b10707;
}
.euro_event_row {
	margin: 10px 0;
}
.euro_event_icon {
	display: inline-block;
	width: 14px;
	height: 15px;
}
.euro_event_icon i {
	font-size: 16px;
	color: #ffffff;
}
.euro_event_row li {
	color: #ffffff;
}
.euro_event_row_date {
	font-size: 18px;
	color: #ffffff;
	font-weight: bold;
}
.euro_event_row li:not(:last-child) {
	margin-bottom: 7px;
}
.euro_event_timer li {
	display: inline-block;
	width: 50px;
	text-align: center;
	background: #fff;
	border-radius: 10px;
	margin: 0 5px;
}
.euro_event_num {
	font-size: 20px;
	font-weight: 600;
	line-height: 0.75;
	color: #000;
	margin-top: 8px;
}
.euro_event_ss {
	font-size: 10px;
	line-height: 0.75;
	color: #000;
	text-transform: uppercase;
	padding: 5px;
}
.d-flex {
	display: -ms-flexbox !important;
	display: flex !important;
}
.flex-lg-row {
	-ms-flex-direction: row !important;
	flex-direction: row !important;
}
.flex-column {
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}
.align-items-center {
	-ms-flex-align: center !important;
	align-items: center !important;
}
.justify-content-start {
	-ms-flex-pack: start !important;
	justify-content: flex-start !important;
}
.justify-content-center {
	-ms-flex-pack: center !important;
	justify-content: center !important;
}
.list-euro ol {
	list-style: none;
	margin: 0;
	padding: 0;
	counter-reset: Numbers;
}
.list-euro ol li {
	position: relative;
	padding: 10px 0;
	border-bottom: 1px solid #dddddd;
	display: block;
}
.list-euro ol li:last-child {
	border-bottom: none;
}
.list-euro ol li h2 {
	font-size: 12px;
	padding: 0;
	margin: 0;
	font-family: "Merriweather", Georgia, "Times New Roman", serif;
}
.list-euro ol li a {
	color: #fff;
}
.list-euro ol li img {
	width: 40%;
	float: left;
	margin-right: 5px;
}
img.img-responsive {
	width: 600px;
}

/* RESPONSIVE THEME
Author: arisdwisulistiawan.com
Follow: @arisds
*/
@media screen and (min-width: 1000px) {
	.container {
		width: 1000px;
	}
}
@media screen and (max-width: 980px) {
	.kolom-kiri {
		width: 675px;
	}
	.ans-970x60 {
		width: 970px;
	}
	.content-artikel .top-medsos {
		width: 50px;
	}
}
@media screen and (max-width: 480px) {
	/* ADS */
	.ans-650x90,
	.ans-970x60,
	.ans-sky {
		display: none;
		width: 100%;
	}
	.ans-300x250-artikel {
		float: none;
		text-align: center;
		margin: 10px 0 0;
	}
	.ans-300x600 {
		display: none;
	}

	/* DEFAULT */
	.container,
	iframe,
	.fb_iframe_widget {
		width: 100%;
	}
	.fleft,
	.fright {
		float: none;
	}
	.mobile {
		display: block;
	}
	.page-not-found img {
		width: 100%;
	}

	/* HEADER */
	.menu-expand {
		overflow-y: scroll;
		height: 75%;
		position: fixed;
	}
	.menu-expand .bagi-1 {
		width: 11%;
		text-align: center;
	}
	.menu-expand .bagi-7 {
		width: 89%;
		position: relative;
	}
	.menu-expand ul.coloumn li {
		width: 49%;
	}
	.search,
	.medsos,
	ul.hz-rubrik {
		display: none;
	}
	.kanal ul.list-kanal {
		list-style: none;
		margin: 0;
		padding: 0;
		white-space: nowrap;
		overflow-x: scroll;
		text-align: center;
		width: 98%;
	}

	/* SIDEBAR */
	.kolom-kanan {
		float: right;
		width: 100%;
		display: block;
		margin-top: 10px;
	}

	/* FOOTER */
	footer .info-jpnn,
	footer .info-share,
	footer .info-apps {
		width: 100%;
		float: none;
	}
	footer h4,
	footer p {
		padding: 0 10px;
	}
	footer .medsos {
		display: block;
		padding: 0 10px;
	}
	footer .info-apps a,
	footer .copyright a {
		padding: 0 10px;
	}
	footer .copyright .fleft {
		padding: 0 10px;
	}

	/* CONTENT ARTIKEL */
	.home .kolom-kiri {
		width: 100%;
	}
	.content-artikel img {
		width: 100%;
	}
	.top-medsos {
		display: none;
	}
	.content-artikel h1 {
		font-size: 32px;
		line-height: 38px;
	}
	.content-artikel .baca-juga ul {
		display: block;
	}
	.content-artikel .baca-juga ul li a {
		border-right: none;
		border-bottom: 1px solid #ccc;
		padding: 10px 0;
	}
	.content-artikel .share-medsos {
		border-top: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		padding: 10px 0;
		margin-top: 10px;
		text-align: center;
	}
	.content-artikel .share-medsos #total-shares {
		width: 100%;
		float: none;
	}
	.content-artikel .terkait ul li a {
		min-height: 115px;
	}
	.content-artikel .crosscontent ul article li a {
		min-height: 115px;
	}
	.content-artikel .other-news ul li {
		width: 50%;
	}
}

.ads-under-tag > div > iframe {
	width: 664px;
}

.owl-theme .owl-dots {  text-align: center;  -webkit-tap-highlight-color: transparent; padding-top: 5px }
.owl-theme .owl-dots .owl-dot {  display: inline-block;  zoom: 1;  *display: inline; }
.owl-theme .owl-dots .owl-dot span {  width: 10px;  height: 10px;  margin: 5px 7px;  background: #D6D6D6;  display: block;  -webkit-backface-visibility: visible;  transition: opacity 200ms ease;  border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #020a31; }
#subdomain a{
	background: #020a31;
	overflow: hidden;
	line-height: 0;
}
#subdomain img {
	object-fit: cover;
	opacity: 0.6;
}
#subdomain .block-subdomain {
	text-align: center;
	font-size: 22px;
	left: 0;
	right: 0;
	top: 35%;
	color: #fff;
	position: absolute;
	line-height: normal;
	font-weight: bold;
}
#subdomaincenter a{
	background: #020a31;
	overflow: hidden;
	line-height: 0;
}
#subdomaincenter img {
	object-fit: cover;
	opacity: 0.6;
}
#subdomaincenter .block-subdomain {
	text-align: center;
	font-size: 22px;
	left: 0;
	right: 0;
	top: 35%;
	color: #fff;
	position: absolute;
	line-height: normal;
	font-weight: bold;
}
.word-break-all {
	word-break: break-all;
}