@charset "UTF-8";
@font-face{font-family:Quicksand;font-style:normal;font-display:swap;src:url('../fonts/Quicksand.woff2') format('woff2')}
@font-face{font-family:jatimnowcom;src:url('../fonts/jatimnowcom.eot?osrad3');src:url('../fonts/jatimnowcom.eot?osrad3#iefix') format('embedded-opentype'),url('../fonts/jatimnowcom.ttf?osrad3') format('truetype'),url('../fonts/jatimnowcom.woff?osrad3') format('woff'),url('../fonts/jatimnowcom.svg?osrad3#jatimnowcom') format('svg');font-weight:400;font-style:normal;font-display:block}
/* Amazing - Multiconcept News, Magazine, Blog and eCommerce Mobile Template */
body {
	font-family: Quicksand, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 2rem;
	margin: 0;
	background-color: #ffffff;
	background: #fff;
	background-size: cover;
	color: #787878;
}

body::-webkit-scrollbar {
	display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0;
	margin: 0;
	color: #464646;
}

h1 {
	font-size: 32px;
}

h2 {
	font-size: 26px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 22px;
}

h5 {
	font-size: 20px;
}

h6 {
	font-size: 18px;
}

a {
	text-decoration: none;
	color: #464646;
}

p {
	line-height: 1.6rem;
}

.section {
	padding: 20px 0;
}

.section h5 {
	font-weight: 500;
	margin: 0 0 10px 0;
}

.pages {
	margin-top: 55px !important;
}

.pages-head {
	text-align: center;
	padding: 0 10px 15px 10px;
	text-transform: uppercase;
}

.pages-head h1 {
	font-size: 18px;
	font-weight: 700;
}

.bg-second {
	background: #f4f4f4;
}

.section-head {
	text-align: center;
	margin: 0 auto 15px auto;
}

.section-head h4 {
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 700;
}

input:not([type]),
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search] {
	background-color: transparent;
	border: none;
	border: 1px solid #ddd;
	border-radius: 0;
	outline: none;
	height: 36px;
	width: 100%;
	font-size: 1rem;
	margin: 0 0 20px 0;
	padding: 0 12px;
	box-shadow: none;
	box-sizing: border-box;
	transition: all 0.3s;
	font-size: 13px;
}

textarea.materialize-textarea {
	background-color: transparent;
	border: none;
	border: 1px solid #ddd;
	border-radius: 0;
	outline: none;
	height: auto;
	width: 100%;
	font-size: 1rem;
	margin: 0 0 20px 0;
	padding: 12px;
	box-shadow: none;
	box-sizing: border-box;
	transition: all 0.3s;
	font-size: 13px;
}


input:not([type]):focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border: 1px solid #ccc;
  box-shadow: none;
  font-size: 13px;
}	

::-webkit-input-placeholder { 
  color: #111;
}
::-moz-placeholder { 
  color: #111;
}
:-ms-input-placeholder { 
  color: #111;
}
:-moz-placeholder {
  color: #111;
}

/* Navbar */
.navbar-top {
	background: #fff;
	border-bottom: 2px solid #f0f0f0;
	height: 55px;
	width: 100%;
	padding: 5px 18px;
	border-top: 3px solid #3498db;
	top: 0;
	right: 0;
	left: 0;
	text-align: center;
	position: fixed;
	z-index: 99;
    box-shadow: 0 4px 8px 0 #e4e3e3;
}

.site-brand {
	text-align: center;
	display: inline-block;
}

.site-brand a h1 {
	font-size: 28px;
	font-weight: 700;
	line-height: 40px;
	color: #333;
}

.site-brand a h1 span {
	color: #3498db;
}

/* Sidenav */
.side-nav a {
	font-size: 13px;
	height: 45px;
}

.side-nav li.active {
	background: #fbfbfb;
}

.side-nav-panel-left {
	float: left;
	font-size: 28px;
}

.side-nav-panel-left i {
	color: #333;
}

.side-nav-panel-right {
	float: right;
	font-size: 22px;
	position: relative;
	top: 5px;
}

.side-nav-panel-right i {
	color: #333;
}

.side-nav-left {
	font-size: 22px;
	color: #313131;
}

.side-nav-panel {
	text-align: left;
}

.side-nav-panel li a {
	color: #444;
}

.side-nav-panel li {
	font-weight: 700;
	border-bottom: 1px solid #f9f9f9;
}

.side-nav-panel li:last-child {
	border-bottom: 0px solid #f5f5f5;
}

.side-nav-panel .li-menu-item {
	padding: 0 16px 0;
	font-size: 18px;
	font-weight: 600;
}

.side-nav-panel li a:hover {
	background: transparent;
}

.side-nav-panel li a i {
	margin: 0 8px 0 0;
	font-size: 16px;
	color: #333333;
	line-height: 45px;
}

/* Slider */
.slider {
	margin-top: 54px;
	height: 260px !important;
}

.slider .slides {
	height: 260px !important;
}

.slider-content {
	margin: 10px auto;
	top: 40% !important;
	width: 100% !important;
	left: 0 !important;
	right: 0 !important;
	position: relative;
	flex-shrink: 0;
	padding-left: 18px;
	padding-right: 18px;
}

.slider .slides li img {
	width: 100%;
	height: 100%;
}

.slider .slides li::before {
	background-color: #000;
	opacity: 0.6;
	content: "";
	top: 0;
	right: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.slider-content h2 {
	line-height: 25px;
}

.slider-content h2 a {
	font-weight: 700;
	margin-bottom: 8px;
	letter-spacing: 1px;
	color: #fefefe;
	font-size: 20px;
}

.slider-content h4 {
	font-size: 18px;
	color: #ffffff;
}

.slider-content .category {
	font-size: 12px;
	background: #3498db;
	display: inline-block;
	padding: 0px 10px 1px;
	border-radius: 2px;
	margin-bottom: 10px;
}

.slider-content .date {
	font-size: 13px;
	color: #eee;
	margin-top: 10px;
}

.slider-content .button-default {
	margin: 20px 0;
}

.slider .indicators {
	position: relative;
	bottom: 35px;
	z-index: 95;
	text-align: right;
	padding-right: 13px;
}

.slider .indicators .indicator-item {
	z-index: 1000;
	height: 9px;
	width: 9px;
	background: #cccccc;
	margin: 0 5px;
	border-radius: 0;
}

.slider .indicators .indicator-item.active {
	background: #ffffff;
}

/* popular post */
.popular-post .item {
	padding: 5px;
	margin: 0 10px;
	border: solid 1px #e2dfdf;
	border-radius: 8px;
}

.popular-post .item .date {
	font-size: 11px;
}

.popular-post .item h2 {
	line-height: 1rem;
	margin-bottom: 0px;
	margin-top: -8px;
}

.popular-post .item h2 a {
	font-weight: 600;
	font-size: 14px;
}

.popular-post .item img {
	width: 100%;
	height: 100%;
	border-radius: 8px 8px 0 0;
}

.popular-post .owl-pagination {
	display: none;
}

.popular-post .owl-theme .owl-controls .owl-buttons .owl-prev {
	position: relative;
}

.popular-post .owl-theme .owl-controls .owl-buttons div {
	background: transparent;
}

.popular-post .owl-theme .owl-controls .owl-buttons .owl-prev:before {
	position: absolute;
	content: "\e904";
	font-family: jatimnowcom;
	color: #444;
	width: 25px;
	height: 30px;
	border: 1px solid #ddd;
	border-radius: 10%;
	text-align: center;
	padding: -2px 0;
	background: #fff;
	z-index: 1;
}

.popular-post .owl-theme .owl-controls .owl-buttons {
	position: relative;
}

.popular-post .owl-theme .owl-controls .owl-buttons:after {
	border-bottom: 1px solid #dedede;
	position: absolute;
	content: "";
	height: 1px;
	top: 20px;
	left: 0;
	right: 0
}

.popular-post .owl-theme .owl-controls .owl-buttons .owl-next {
	position: relative;
}

.popular-post .owl-theme .owl-controls .owl-buttons div {
	background: transparent;
	padding: 0;
	opacity: 1;
}

.popular-post .owl-theme .owl-controls .owl-buttons .owl-next:before {
	position: absolute;
	content: "\e920";
	font-family: jatimnowcom;
	color: #444;
	width: 25px;
	height: 30px;
	border: 1px solid #ddd;
	border-radius: 10%;
	text-align: center;
	padding: -2px 0;
	background: #fff;
	z-index: 1;
}

/* post */
.post {
	margin-bottom: 20px;
}

.post .post-head {
	margin-bottom: 10px;
	justify-content:space-between;
	display:flex;
	flex-flow:wrap;
	align-items:center;
	vertical-align: middle;
	font-size: 18px;
	font-weight: 600;
}

.post .post-content img {
	width: 100%;
	height: 100%;
	border-radius: 8px;
}

.clear-both {
	clear: both;
}

.post .post-content {
	position: relative;
	margin-bottom: -33px;
}

.post .post-content h2 {
	line-height: 1.3rem;
	font-weight: 600;
	font-size: 15px;
	margin-bottom: 0;
}

.post .content h2 {
	line-height: 1.5rem;
	margin-bottom: 0px;
}

.post .content h2 a {
	font-weight: 600;
	font-size: 15px;
}

.post .content .category {
	color: #3498db;
	font-size: 12px;
}

.post .content .date {
	font-size: 12px;
	color: #999;
}

.post .top-post {
	margin-bottom: 16px;
}

.post .top-post h2 {
	line-height: 1.5rem;
}

.post .top-post h2 a {
	font-weight: 600;
	font-size: 16px;
}

.post .top-post .category {
	color: #3498db;
	font-size: 12px;
}

.post .top-post .date {
	font-size: 12px;
	color: #999;
	margin-top: 2px;
}

/* About us */
.about-us {
	margin: 0;
}

.about-us img {
	width: 100%;
	height: 100%;
	margin-bottom: 8px;
}

/* Single post */
.single-post img {
	width: 100%;
	height: 100%;
	margin-bottom: 10px;
}

.single-post .date {
	font-size: 12px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 6px;
	margin-bottom: 12px;
}

.single-post h1 {
	line-height: 1.7rem;
	margin: 5px 0;
	font-weight: 600;
	font-size: 20px;
}

.single-post .subtitle {
	font-size: 12px;
	font-weight: 600;
	color: #3498db;
}

.share-post {
	margin: 10px 0;
}

.share-post ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
	justify-content:space-between;
	display:flex;
	flex-flow:wrap;
	align-items:center;
}

.share-post ul li {
	display: inline-block;
	text-align: center;
	border: 1px solid #f5f5f5;
	height: 32px;
	width: 19%;
	margin: auto;
	border-radius: 4px;
	line-height: 32px;
	margin: 0;
	font-size: 18px;
	color: #f4f4f4;
}

.share-post i {
	color: #f4f4f4;
	font-weight: 600;
}

.share-post .facebook {
	background: #3b5998;
}

.share-post .twitter {
	background: #00aced;
}

.share-post .pinterest {
	background: #dd4b39;
}

.share-post .whatsapp {
	background: #25df8c;
}

.share-post .bagikan {
	background: #676464;
}

/* Search Result */
.list-post .search-form {
	position: relative;
	width: 100%;
	display: block;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}

.list-post .title-result {
	margin-bottom: 12px;
}

.list-post .title-result h1 {
	margin-bottom: 0;
}

.list-post .title-result p {
	margin-bottom: 0;
}

.list-post h1 {
	font-weight: 600;
	font-size: 18px;
}

.list-post h1 a {
	color: #3498db;
}

.list-post .search-form input {
	width: calc(100% - 40px);
	float: left;
}

.list-post .search-form .button {
	float: right;
	height: 36px;
	width: 36px;
	background: #fff;
	border: 1px solid #ddd;
	font-weight: 600;
}

.list-post img {
	width: 100%;
	height: 100%;
	border-radius: 8px;
}

.list-post h2 {
	line-height: 15px;
	margin-bottom: 5px;
}

.list-post h2 a {
	font-weight: 600;
	font-size: 15px;
}

.list-post .category {
	color: #3498db;
	font-size: 12px;
}

.list-post .date {
	font-size: 12px;
	color: #999;
	margin-top: 8px;
}

/* Author Page */
.author-profile {
	border-bottom: 1px solid #eee;
	margin-bottom: 15px;
}
/* Footer */
.footer {
	background: #111111;
	padding: 35px 0;
}

.about-us-foot {
	text-align: center;
	color: #eee;
}

.social-media {
	text-align: center;
	margin: 16px 0 0;
	border-bottom: 1px solid #222222;
}

.social-media a {
	margin: 0 3px;
}

.social-media a i {
	font-size: 20px;
	text-align: center;
	color: #ffffff;
	border: 1px solid #ffffff;
	height: 32px;
	width: 32px;
	margin: auto;
	padding: 8px;
	border-radius: 15%;
	line-height: 29px;
}

.copyright {
	text-align: center;
	padding: 20px 0 0 0;
}

.copyright span {
	color: #eeeeee;
	text-align: center;
}

/** TAMBAHaN PARTO */
ins.adsbygoogle[data-ad-status=unfilled]{display: none !important;}
.listview-meta-title{font-size: 14px;font-weight: 600;}
.img-h90,.img-h110,.img-h150,.img-h180,.img-h220,.img-h335{object-fit:cover}
.img-h90{max-height:90px}
.img-h110{max-height:110px}
.img-h150{max-height:150px}
.img-h180{max-height:180px}
.img-h220{max-height:220px}
.img-h335{max-height:335px}
.judul-dua-baris,.judul-tiga-baris{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.judul-dua-baris{-webkit-line-clamp:2}
.judul-tiga-baris{-webkit-line-clamp:3}
.gbr-detailpost{margin:0}.gbr-detailpost img{margin:0;position:relative;width:100%;height:180px;border-top:3px solid #305783;border-top-right-radius:8px;border-top-left-radius:8px;object-fit:cover}
.pict_desc{left:0;right:0;padding:8px;background:#151414;color:#f0f0f0;font-size:11.5px;max-height:30%;border-bottom-right-radius:8px;border-bottom-left-radius:8px}
.pagination{display:inline-block;padding-top:10px;margin:auto;border-radius:4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{background-color:#eee}
.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{font-size:.8rem;font-weight:600;position:relative;float:left;padding:6px 12px;margin-left:8px;margin-top:10px;line-height:1.428571429;text-decoration:none;background-color:#fff;border:1px solid #ddd;border-radius:10%}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#222425;border-color:#1f1f20}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.gmr-embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden;margin:1em 0}
.gmr-embed-responsive-16by9{padding-bottom:56.25%}
.gmr-embed-responsive-4by3{padding-bottom:75%}
.gmr-embed-responsive .gmr-embed-responsive-item,.gmr-embed-responsive embed,.gmr-embed-responsive iframe,.gmr-embed-responsive object,.gmr-embed-responsive video{position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;border:0}
.icon{font-family:jatimnowcom!important;speak-as:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-menu-left:before{content:"\79"}.icon-dashboard:before{content:"\e900"}.icon-arrow-left:before{content:"\e904"}.icon-arrow-right:before{content:"\e920"}.icon-menu-right:before{content:"\e92f"}.icon-search:before{content:"\e93d"}.icon-tags:before{content:"\e936"}.icon-close:before{content:"\ea0d"}.icon-right:before{content:"\ea42"}.icon-share:before{content:"\ea7d"}.icon-google:before{content:"\ea88"}.icon-facebook:before{content:"\ea90"}.icon-instagram:before{content:"\ea92"}.icon-whatsapp:before{content:"\ea93"}.icon-telegram:before{content:"\ea95"}.icon-twitter:before{content:"\ea96"}.icon-rss:before{content:"\ea9b"}.icon-youtube:before{content:"\ea9d"}.icon-windows:before{content:"\eac2"}.icon-pinterest:before{content:"\ead2"}
.adsPushdown__container{top:0;width:100%;position:relative;z-index:-1;background:#212121;height:320px;overflow:hidden}
.adsPushdown__big{width:360px;height:320px;left:0;right:0;margin:0 auto}
.adsPushdown__inner{position:fixed;top:0;left:0;right:0;margin:10px auto;width:360px;max-height:300px}
.adsPushdown__inner:before{z-index:99;content:"Advertisement";position:absolute;left:0;top:0;width:100%;height:100%;font:400 11px/1.4 Open sans,sans-serif;color:#c8ccce;align-items:center;background-color:transparent;justify-content:center;display:flex}
.adsPushdown__close,.adsPushdown__swipe{overflow:hidden;color:#fff;font-weight:600}.adsPushdown__close{background:0 0;top:10px;right:10px;width:24px;height:24px;position:absolute;font-size:20px;cursor:pointer}
.adsPushdown__swipe{position:relative;font-size:10px;background:#121416;text-transform:uppercase;top:0;width:100%;height:20px;line-height:2;text-align:center;letter-spacing:.6px;}
.adsPushdown__swipe::before{content:"Scroll untuk melanjutkan membaca";}
.is-ts-sticky.sticky{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.08);box-shadow:0 2px 2px 0 rgba(0,0,0,.08);position:fixed;top:0;z-index:999;left:0;right:0;margin:0 auto;border-radius:0}
.flying_carpet_div{width:100%;height:400px;position:relative;margin-bottom:10px!important;margin-top:0!important}
.parallax_abs{height:100%;top:0;width:100%;position:absolute;left:0;clip:rect(auto,auto,auto,auto)}
.parallax_fix{height:100%;top:0;width:100%;position:fixed;-moz-transform:translateZ(0);-webkit-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);margin:0 auto}
.parallax_ads{width:100%;height:auto;border:none;position:absolute;left:50%;top:80px;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
.gpt-flyingcarpet{height:600px;width:auto;overflow:hidden;margin:0 auto}
.content_flyingcarpet{border:0;margin:auto;text-align:center;width:auto;height:600px}
.flex-between{justify-content:space-between;display:flex;flex-flow:wrap;align-items:center}