/* ---------------------------------------------------------------------------- */

body {
	font-family: 'Rubik', sans-serif;
	color: #000007;
	background-color: #fff;
	font-size: 13px;
	line-height: 1.5;
	font-weight: 400;
	color: #343741;
}

html,
body {
	width: 100%;
	padding: 0;
	margin: 0;
}

img {
	max-width: 100%;
	height: auto;
	/* ie8 */
}

.play img {
	position: absolute;
	z-index: 2;
	width: 24%;
	float: center;
	margin-top: -43%;
	margin-left: 37%;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 36px;
}

h4 {
	font-size: 35px;
}

h5 {
	font-size: 30px;
}

h6 {
	font-size: 20px;
}

p {
	margin: 0 0 20px;
	width: auto;
	/* height: 100%; */
}

#title a {
	text-align: left;
	color: #333;
	display: inline-block;
	font-weight: bold;
}

#title1 a {
	color: #000;
	font-size: 100%;
	background-color: #fff;
	font-weight: bold;
}

@media(max-width:420px) {
	#title1 a {
		font-size: 90%;
	}
}

@media(max-width:380px) {
	#title1 a {
		font-size: 80%;
	}
}

@media(max-width:360px) {
	#title1 a {
		font-size: 70%;
	}
}

@media(max-width:340px) {
	#title1 a {
		font-size: 60%;
	}
}

@media(max-width:290px) {
	#title1 a {
		font-size: 50%;
	}
}

.wrap_title {
	background-color: #fff;
	width: 100%;
}

a {
	/* color: #000; */
	color: #343741;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

a:hover,
a:focus {
	text-decoration: underline;
	color: #000;
	/*saya tambah*/
}

.center {
	text-align: center;
	margin: 0 auto;
}

.f-right {
	float: right;
}

.f-left {
	float: left;
}

.t-right {
	text-align: right;
}

.t-left {
	text-align: left;
}

.judul_atas {
	font-weight: bold;
}

.post:after,
.post:before,
article:after,
article:before,
section:after,
section:before {
	clear: both;
	content: '\0020';
	display: block;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clear {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* .clearfix:after, .clearfix:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;} */

/* --Line-- */

hr.line {
	border-color: #ddd;
	width: 100%;
	padding: 0;
	margin: 0;
}

/* --Page-- */

body.sub-page {
	padding-top: 30px;
	background-color: #F9F9F9;
}

body.sub-page .logo {
	background: url(../images/bg.jpg) fixed;
}

/* ---------------------------------------------------------------------------- */

/* -------------------------------------Top------------------------------------ */

/* ---------------------------------------------------------------------------- */

#top {
	background: #fff;
	padding: 10px 0 0;
	color: #000;
	border-bottom: 1px solid #ddd;
}

#top a {
	color: #000;
}

#top a:hover {
	color: #69BF03
}

.link {
	text-align: right
}

.link a {
	display: inline-block;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-top: 20px;
}

.link li:after {
	content: '/';
	margin: 0 0 0 12px;
	display: inline-block;
	font-weight: bold;
}

.link li:last-child:after {
	content: '';
	margin-right: 0px;
	margin-left: 0;
	display: none
}

.link li ul {
	display: none
}

/* ---------------------------------------------------------------------------- */

/* ------------------------------------Menu------------------------------------ */

/* ---------------------------------------------------------------------------- */

#cari {
	height: 42px;
	text-align: left;
	margin-left: 100px;
	display: inline-block;
	border-radius: 5px;
	background-color: rgba(224, 224, 224, 0.44);
	vertical-align: middle;
	padding: 10px;}

#cari1 {
	width: 100%;
	display: block;
	margin: auto;
	color: #fff;
	background-color: #14afb4;
	margin-bottom: -2px;
	padding: 5px;
}

#cari1 a {
	color: #fff;
	text-decoration: none;
}

.mid1 {
	text-align: center;
}

.mid1 li {
	display: inline;
	padding: 3px;
	margin: 3px;
}

#cari button {
	margin-left: 10px;
	color: #035680;
	background-color: #f1f1f1;
	border: 0px;
	outline: 0;
}

#cari input {
	width: 400px;
	font-size: 15px;
	color: #262932;
	border: 0;
	outline: 0;
	background: transparent;
}

#menu {
	background-color: #F1F1F1;
	border-radius: 0;
	border: 0;
	/*border-bottom: solid 3px #14afb4;*/
}

#menu a.navbar-brand:hover {
	color: #fff;
}

#menu .navbar-brand {
	margin-top: 11px;
	padding: 1px 1px;
	/*background-color: #000000;*/
	height: auto;
	text-transform: uppercase;
}

#menu .logo {
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 0;
	position: relative;
}

#menu .dropdown-menu {
	background-color: #fff;
	border: none;
}

#menu ul.nav .dropdown-menu li a {
	font-size: 15px;
	color: #14afb4;
	background-color: #fff;
	font-weight: bold;
	text-align: center;
}

#menu ul.nav .dropdown-menu li a:hover {
	color: #14afb4;
	background-color: #fff;
	text-decoration: none;
}

#menu .dropdown-inner {
	display: table;
	background-color: #fff;
	text-align: center;
}

#menu .dropdown-inner ul {
	display: table-cell;
	text-align: center;
}

#menu .dropdown-inner a {
	min-width: 150%;
	text-align: center;
	display: block;
	padding: 3px 20px;
	clear: both;
	line-height: 20px;
	color: #000;
	font-size: 14px;
	margin: 0 5px;
}

#menu li.dropdown:hover>a,
#menu li.dropdown:focus>a,
#menu li.dropdown:active>a {
	background: #14afb4;
	color: #fff;
}

#menu ul.nav li a {
	color: #14afb4;
	padding: 14px 15px;
	font-weight: bold;
}

#menu ul.nav li.dropdown a {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

#menu .nav>li>a:hover,
#menu .nav>li>a:focus {
	background-color: #14afb4;
	color: #fff;
}

#menu .top-social {
	/*background-color:#505052;*/
	padding: 5px;
	font-size: 20px;
	text-align: center;
}

#menu ul.top-social {
	margin: 0;
}

#menu ul.top-social li {
	height: 38px;
	width: 38px;
}

#menu ul.top-social a i {
	color: #14afb4;
	line-height: 1.9;
	height: 38px;
	width: 38px;
	border-radius: 50%;
	background-color: #fff;
	border: 1px solid #fff;
}

/*#menu ul.top-social a i:hover{border: 1px solid #14afb4;}*/

#menu .btn-navbar {
	font-size: 20px;
	color: #14afb4;
	padding: 5px 15px;
	float: right;
	border: 1px solid #ccc;
}

@media(max-width:991px) {
	#menu ul.nav .dropdown-menu li a {
		font-size: 13px;
	}
}

@media(max-width:920px) {
	#menu ul.nav .dropdown-menu li a {
		font-size: 12px;
	}
}

@media(max-width:779px) {
	#cari1 {
		width: 100%;
		display: block;
		margin: auto;
		font-size: 14px;
		color: #fff;
		background-color: #14afb4;
		margin-bottom: -2px;
		padding: 5px;
	}
}

@media(max-width: 768px) {
	#menu {
		background-color: #fff;
		border-radius: 0;
	}
}

@media (min-width: 768px) {
	#menu.navbar {
		padding: 0;
		height: auto;
	}
	#menu .dropdown:hover .dropdown-menu {
		display: block;
	}
}

@media(max-width:767px) {
	#menu .navbar-brand {
		display: block;
		color: #fff;
	}
	#menu div.dropdown-inner>ul.list-unstyled {
		display: block;
	}
	#menu .dropdown-inner a {
		width: 100%;
		color: #fff;
	}
	#menu div.dropdown-menu {
		margin-left: 0 !important;
		background-color: #fff;
	}
}

/* ---------------------------------------------------------------------------- */

/* -----------------------------------Trending----------------------------------- */

/* ---------------------------------------------------------------------------- */

#box-trending {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	-webkit-box-shadow: inset 0 -2px 0 #ddd;
	box-shadow: inset 0 -2px 0 #ddd;
	border: 1px solid #ebebeb;
}

#box-trending h4 {
	font-size: 30px;
	font-weight: 100;
	text-align: center;
	text-decoration: none;
	background: #81b964;
	color: white;
	margin: 0;
	padding-top: 15px;
	padding-bottom: 15px;
}

#box-trending h4 b {
	font-size: 30px;
	font-weight: 100;
	width: 100%;
	z-index: 1;
	text-align: center;
	text-decoration: none;
	background: #44B6CC;
	color: white;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 24px;
	padding-right: 24px;
}

#box-trending ul {
	padding: 0;
	margin-top: 5px;
}

#box-trending ul li {
	list-style: none;
	overflow: hidden;
	border-bottom: 1px solid #e0e0e0;
	height: auto;
}

#box-trending ul li:hover {
	background: #ebffe1;
}

#box-trending ul li a {
	text-decoration: none;
}

#box-trending ul li span {
	float: left;
	font-size: 30px;
	color: #81b964;
	margin: 16px 0 0 5px;
}

#box-trending ul li:last-child {
	border: none;
}

#box-trending .waktu-berikut {
	padding: 0;
}

#box-trending .waktu-berikut p {
	margin: 15px 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	color: #292929;
	padding: 0 5px 0 30px;
}

#box-trending figcaption h3 {
	font-size: 16px;
	font-weight: 400;
	padding: 0 5px 0 30px;
	margin: 10px 0;
	text-align: left;
	color: #292929;
}

/* ---------------------------------------------------------------------------- */

/* -----------------------------------Header----------------------------------- */

/* ---------------------------------------------------------------------------- */

/* Carousel Styles */

#carousel-example-generic {
	height: 675px;
}

.hl-slider .carousel-indicators {
	top: 0;
	left: 0;
	width: 100%;
	text-align: left;
	margin-left: 0;
}

.hl-slider .carousel-indicators li {
	background-color: rgba(0, 0, 0, 0);
	width: 159px;
	border: 0;
	border-radius: 0;
	text-indent: 0;
	margin-right: 15px;
	height: 230px;
	line-height: 1.2;
	vertical-align: text-top;
	position: relative;
}

.hl-slider .carousel-indicators li:last-child {
	margin: 0;
}

.featured_nav0.berita-lainnya li{
	margin:0 15px 10px 0;
	padding-right:0;
	width:215px;
}

.featured_nav0.berita-lainnya li:nth-child(3n+1){
	margin-right: 0;
}

.hl-slider .carousel-indicators li.active::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	border-top: 2px solid #035680;
}

.hl-slider .carousel-indicators img {
	-o-object-fit: cover;
	height: 100px;
	object-fit: cover;
	object-position: top;
	position: relative;
}

.hl-slider .carousel-indicators img[alt]::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background-color: #eee;
}


.hl-slider .carousel-inner {
	overflow: visible;
}

.carousel-inner img {
	width: 100%;
	height: 380px;
	-o-object-fit: cover;
	object-fit: cover;
	object-position: top;
position: relative;
}

.carousel-inner img[alt]::after{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #eee;
	content: '';

}

.carousel-fade .carousel-inner .item {
	-webkit-transition-property: opacity;
	transition-property: opacity;
}

.carousel-fade .carousel-inner .item {
	opacity: 0;
}

.carousel-fade .carousel-inner .active {
	opacity: 1;
}

.carousel-inner>.item {
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
	width: 100%;
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
	display: block;
	max-width: 100%;
	height: auto;
	margin-left: 0;
	padding-left: 0;
	/* margin-top:38px; */
}

.berita-terkini {
	background-color: #fff;
	/* background-image: -webkit-gradient(linear, left top, right top, from(#252831), to(#404350));
  background-image: linear-gradient(90deg, #252831 0%, #404350 100%); */
	padding: 0;
}

.berita-popular .title {
	color: #fff;
	padding: 10px 15px;
	background-color: #1c9fa7;
	background-image: linear-gradient(255deg, #1c9fa7 25%, #11747c 100%);
}

.berita-terkini .title {
	padding: 10px 15px;
	border-bottom: 1px solid #EFCB03;
	color: white;
	font-weight: bold;
}

/* Carousel Header Styles */

.header-text {
	width: 100%;
	color: #fff;
}

.header-text h2 {
	font-size: 40px;
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
	background-color: #DA251D;
	display: inline-block;
	color: #fff;
}

.header-text h3 {
	color: #fff;
}

ul#list-terkini-middle li[data-berita] img{
	width: 200px;
	height: 112px;
	object-fit: cover;
	vertical-align: top;
	object-position: top;
	display: inline-block;
	position: relative;	
}

ul#list-terkini-middle li[data-berita] img[alt]::after{
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background-color: #eee;;
}

/* ---------------------------------------------------------------------------- */

/* -------------------------------------Content-------------------------------- */

/* ---------------------------------------------------------------------------- */

#page-content {
	padding: 0;
}

#page-content.index-page,
#page-content.single-page,
#page-content.archive-page {
	margin-top: 40px;
	background-color: #fff;
}

.archive-page .box .zoom-container {
	max-width: 250px;
	display: inline-block;
	margin-right: 5px;
}

.featured {
	background-color: #fff;
}

li p[data-opacity='true'] {
	opacity: 0;
}

li:hover p[data-opacity='true'] {
	opacity: 1;
}

/* ---MainContent--- */

.box {
	background-color: #fff;
	padding: 20px 20px 10px;
}

.box:last-child {
	padding: 20px 20px 5px;
}

.box:after,
.box:before {
	clear: both;
	content: '\0020';
	display: block;
	visibility: hidden;
	width: 0;
	height: 0;
}

.box .info {
	margin: 5px 0 10px 0;
}

.box .info a {
	color: #000;
	border-bottom: 1px solid #000;
	-webkit-box-shadow: inset 0 -1px 0 #000;
	box-shadow: inset 0 -1px 0 #000;
	-webkit-transition: all ease 150ms;
	transition: all ease 150ms;
}

.box .info a:hover {
	color: #FFFFFF;
	text-shadow: none;
	border-bottom: 1px solid #000;
	-webkit-box-shadow: inset 0 -1.3em 0 #000;
	box-shadow: inset 0 -1.3em 0 #000;
	text-decoration: none;
}

.box h2 {
	font-size: 30px;
	margin: 0;
}

.box .box-header.header-photo {
	background: url(../images/title-picture.png) repeat-x center center;
	margin-bottom: 20px;
}

.box .box-header.header-natural {
	background: url(../images/title-natural.png) repeat-x center center;
	margin-bottom: 20px;
}

.box .box-header.header-vimeo {
	background: url(../images/title-vimeo.png) repeat-x center center;
	margin-bottom: 20px;
}

.box .box-header h2 {
	font-size: 25px;
	padding: 0px 8px;
	background-color: #fff;
	display: inline-block;
	margin-left: 15px;
	color: #333;
}

.box .box-content {
	margin-top: 30px;
}

.box .box-content a {
	font-weight: bold;
	color: #333;
}

.box .box-content a:hover {
	color: #555;
}

.box .box-content h3 {
	font-size: 18px;
	margin: 10px 0 5px;
}

.box .box-content span {
	font-size: 15px;
}

.box .box-content span i {
	font-size: 14px;
	margin-right: 2px;
}

.box .box-content p {
	margin-top: 10px;
}

/* ---Vid-Effect--- */

.vid-item {
	position: relative;
}

.vid-name {
	margin: 0;
}

.vid-name a {
	font-size: 19px;
	color: #333;
}

.vid-name a:hover {
	color: #FD0005;
}

.vid-tags {
	margin: 15px 0;
	border: 1px solid #ddd;
	padding: 30px;
}

.vid-tags a {
	background: #FD0005;
	padding: 5px 10px;
	color: #fff;
}

.vid-tags a:hover {
	background: #000;
}

.info {
	margin: 0;
	font-size: 14px;
}

/* .info i{margin-right: 8px;} */

.info span {
	margin-right: 10px;
}

.info h5,
.info a {
	font-size: 13px;
	line-height: 1;
	margin: 0 0 5px;
}

.info a {
	color: #006EA0;
	cursor: pointer;
}

.info .daftar-redaksi i {
	width: 2em;
	font-size: 10px;
}

.info a:hover {
	text-decoration: underline;
}

.rating {
	font-size: 14px;
	line-height: 1.2;
}

ul.pagination {
	margin: 42px auto 25px;
}

ul.pagination li a {
	color: #444;
}
/* ---Sidebar--- */

#sidebar {
	padding: 0 30px 0 0;
}

#sidebar .flex-container {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.flex-container .item-flex {
	position: relative;
}

.black_layer {
	top: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000));
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
	opacity: 1;
}

.grid-0, .grid-1, .grid-2 {
	width: 350px;
	height: 500px;
	margin-right: 10px
}
.grid-2{
	margin: 0;
}

.grid-thumb-big {
	width: 570px;
	height: 328px;
}

.grid-thumb-big img {
	-o-object-fit: cover;
	object-fit: cover;
	height: inherit;
	width: inherit;
}

.grid-thumb-medium {
	width: 250px;
	height: 164px;
}

.grid-thumb-medium:nth-child(4),
.grid-thumb-medium:nth-child(5) {
	margin-top: -164px
}

.grid-thumb-medium img {
	width: inherit;
	height: inherit;
	-o-object-fit: cover;
	object-fit: cover;
}

/* .grid-0{order:1;}
.grid-1{order:2;}
.grid-2{order:3;}
.grid-3{order:4;}
.grid-4{order:5;} */

.widget {
	background: #fff;
	padding: 10px 20px;
}

.widget:after,
.widget:before {
	clear: both;
	content: '\0020';
	display: block;
	visibility: hidden;
	width: 0;
	height: 0;
}

.widget ul li {
	list-style: none;
}

.widget .heading {
	background: url(../images/title.png) repeat-x center center;
}

.widget .heading h4 {
	font-size: 22px;
	padding: 0px 8px;
	background-color: #fff;
	display: inline-block;
	margin-left: 15px;
	color: #333;
	text-transform: uppercase;
}

.widget.wid-vid ul a {
	display: inline;
	margin: 3px 2px;
	color: #333;
	padding: 5px;
	border-bottom: 1px solid transparent;
	border-top: none;
	border-right: none;
	border-left: none;
	font-weight: bold;
}

.widget.wid-vid .tab-content {
	margin-top: 13px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	background: none;
}

.widget.wid-vid ul a:hover,
.widget.wid-vid ul a:focus {
	background: none;
	border-top: none;
	border-right: none;
	border-left: none;
}

.widget.wid-vid ul li {
	border-bottom: 1px solid transparent;
}

.widget.wid-vid ul li:hover {
	border-bottom: 1px solid #FD0005;
}

.widget.wid-vid ul li+:hover {
	border-bottom: 1px solid #7DC314;
}

.widget.wid-vid ul li+li+:hover {
	border-bottom: 1px solid #966B20;
}

.widget.wid-vid .post {
	margin-top: 12px;
}

.widget.wid-vid .post img {
	max-width: 105px;
	display: inline-block;
}

.widget.wid-vid h5 {
	margin-top: 0;
	font-size: 18px;
}

/*.widget.wid-vid .wrapper {vertical-align: middle;text-align: left;line-height: 1.4em;padding-bottom: 7px;margin-top: 20px;}*/

.widget.wid-gallery img {
	padding: 2px;
}

.widget.wid-new-post h6 {
	font-size: 16px;
}

.widget.wid-new-post ul {
	margin: 5px 0;
}

.widget.wid-new-post p:last-child {
	margin: 0;
}

.widget.wid-recent-post span {
	display: block;
	margin-bottom: 7px;
}

.widget.wid-comment img {
	max-width: 50px;
	border: 1px solid #ddd;
}

.widget.wid-comment .post {
	margin-bottom: 0;
	border-bottom: 1px solid #ddd;
	padding-top: 10px;
}

.widget.wid-comment .wrapper {
	margin-left: 5px;
}

@media (min-width: 1100px) {
	.widget.wid-comment .wrapper {
		max-width: 175px;
	}
}

.widget.wid-categoty select {
	padding: 6px 10px;
}

.widget.wid-tweet p {
	margin: 0;
}

.widget.wid-tweet span {
	display: block;
	color: #999;
}

.widget.wid-tweet .tweet-item {
	border-bottom: 1px solid #ddd;
	padding: 5px;
}

.widget.wid-tweet .tweet-item:last-child {
	border-bottom: none;
	padding: 5px 0 0;
}

.widget.wid-tags a {
	color: #333;
	border: 1px solid #333;
	padding: 1px 10px;
	line-height: 2.2;
	font-size: 14px;
	text-transform: capitalize;
}

.widget.wid-tags a:hover {
	color: #7DC314;
	border: 1px solid #999;
}

.box-facebook,
.box-twitter,
.box-google,
.box-dibaca {
	width: 95px;
	height: 95px;
	;
	color: #fff;
	text-align: center;
	padding: 15px;
}

.box-facebook:hover,
.box-twitter:hover,
.box-google:hover,
.box-dibaca:hover {
	background-color: #000;
}

.box-facebook {
	background-color: #3B5998
}

.box-twitter {
	background-color: #1DCAFF
}

.box-google {
	background-color: #DD4B39
}

.box-facebook span,
.box-twitter span,
.box-google span,
.box-dibaca span {
	display: block;
	line-height: 1;
}

.icon {
	margin-bottom: 10px;
}

.post {
	margin-bottom: 15px;
}

.post:after,
.post:before {
	clear: both;
	content: '\0020';
	display: block;
	visibility: hidden;
	width: 0;
	height: 0;
}

.post:last-child {
	margin-bottom: 0;
}

.post:after,
.post:before {
	clear: both;
	content: '\0020';
	display: block;
	visibility: hidden;
	width: 0;
	height: 0;
}

.post h5 {
	margin: 0;
	font-size: 15px;
}

.post img {
	max-width: 125px;
	display: inline-block;
}

.post .zoom-container .zoom-caption p {
	font-size: 15px;
	padding: 4px;
}

.post .wrapper {
	display: inline-block;
	text-align: left;
}

.post .info h6,
.post .info a {
	font-size: 13px;
	margin: 1px 0 3px;
}

.post .info {
	font-size: 12px;
	margin-top: 0;
}

.post .info span {
	display: block;
	margin: 0;
	line-height: 1.6;
	font-size: 11px;
}

.post .info i {
	font-size: 11px;
	margin-right: 2px;
}

footer {
	background-color:#394867;
}

footer .footer-logo img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

footer .footer-logo {
	text-align: center;
	padding: 5px 0;
	background-color: #ebebec;
}

footer .footer-menu{
	margin-bottom: 15px;
}
footer>.footer-menu ul.must-know {
	text-align: right;
	padding: 10px 0 15px;
}

footer>.footer-menu ul.must-know>li {
	display: inline-block;
}

footer>.footer-menu ul.must-know>li+li {
	padding-left: 20px;
}

footer>.footer-menu-expand {
	padding-top: 15px;
}

footer>.footer-menu-expand ul.menu-utama>li {
	display: inline-table;
	width: 344px;
}

footer>.footer-menu-expand ul.menu-utama>li li {
	display: inline-block;
}

footer>.footer-menu-expand ul.menu-utama ul.block li {
	display: block;
}

footer>.footer-menu-expand ul.menu-utama ul {
	margin-top: 10px
}

footer span {
	color: #E8BF0A;
	font-size: 20px;
}

footer a {
	color: #fff;
	text-decoration: none !important;
	font-size: 12px;
	font-weight: bold;
}

footer a:focus {
	color: #fff;
}

footer a:hover,
footer a:active {
	color: #EFCB03;
	cursor: pointer;
}

footer .wrap-footer {
	padding: 15px 0px;
	position: relative;
}

footer .copy-right {
	text-align: right;
	font-size: 15px;
	padding: 5px 0;
	color: #fff;
	background-color: #394867;
}

footer .footer-heading h4 {
	color: #464646;
	font-size: 20px;
}

@media (max-width:600px) {
	footer .content {
		text-align: center !important;
	}
	footer .footer-2,
	footer .footer-3 {
		margin-top: 30px;
	}
}

footer .footer-1 img {
	max-width: 140px;
	margin-bottom: 10px;
}

footer .footer-1 p {
	border-bottom: 1px solid #444;
	margin-bottom: 10px;
	padding-bottom: 7px;
}

footer .footer-1 input[type="text"] {
	border: 2px solid #E7E7E7;
	outline: medium none;
	color: #999999;
	display: block;
	font-size: 14px;
	height: 40px;
	line-height: 1.2;
	margin: 10px 0;
	padding: 5px 10px 0;
	width: 100%;
	background-color: transparent;
	border: 2px solid #444444;
}

footer .footer-2 a {
	color: #14afb4;
	border: 1px solid #14afb4;
	padding: 1px 10px;
	line-height: 2.2;
	font-size: 14px;
	text-transform: capitalize;
}

footer .footer-2 a:hover {
	color: #14afb4;
}

footer .footer-3 ul {
	padding: 0;
}

footer .footer-3 ul li {
	list-style: none;
	margin-bottom: 15px;
	border-bottom: 1px solid #444;
	padding-bottom: 10px;
}

footer .footer-3 ul li:last-child {
	border-bottom: none;
}

footer .footer-3 ul li a {
	color: #999;
}

footer .footer-3 ul li a:hover {
	color: #666;
}

.contact h2 {
	font-size: 34px;
	font-weight: 500;
	letter-spacing: 3px;
	padding-top: 20px;
	text-align: center;
}

#contact_form {
	padding: 25px;
}

#ff label {
	cursor: pointer;
	margin: px 0;
	display: block;
	font-weight: bold;
}

#ff input {
	display: block;
	width: 100%;
	color: #000;
	padding: 10px;
	margin: 5px 0 25px 0;
}

#ff textarea {
	display: block;
	width: 100%;
	height: 200px;
	background-color: #fff;
	color: #000;
	padding: 10px;
	margin: 5px 0 25px 0;
}

#ff .sendButton {
	border: none;
	cursor: pointer;
	background-color: #FD0005;
	border-radius: 3px;
	;
	width: 100px;
	color: #ffffff;
}

#ff .sendButton:hover {
	background-color: #000;
}

.message {
	text-align: center;
}

.message .wrap {
	padding: 50px;
	background: #ffffff;
	border: 1px solid #333333;
	display: inline-block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
}

.message .text {
	font-size: 35px;
	margin-bottom: 30px;
}

.owl-theme .owl-controls .owl-page span {
	background-color: #999;
	border: 1px solid #666;
}

.owl-theme .owl-controls .owl-page span:hover {
	background-color: #666;
}

#owl-demo-2 .item {
	margin: 1px;
}

#owl-demo-2 .item img {
	margin: 1px;
}

.btn-facebook,
.btn-twitter,
.btn-pinterest,
.btn-google,
.btn-mail {
	color: #fff;
}

.btn-facebook:hover,
.btn-twitter:hover,
.btn-pinterest:hover,
.btn-google:hover,
.btn-mail:hover {
	background-color: #000;
	color: #fff;
}

.btn-facebook {
	background-color: #3B5998;
}

.btn-google {
	background-color: #ad3434;
}

.btn-twitter {
	background-color: #00ACED;
}

.btn-dibaca {
	background-color: #FFF;
	color: #000;
	border: solid 1px #ccc;
	font-size: 100%;
	font-weight: bold;
	padding: 8px 17px;
}

.btn-pinterest {
	background-color: #CA212A;
}

.btn-google {
	background-color: #EB4026;
}

.btn-mail {
	background-color: #666666;
}

.btn-2 {
	padding: 3px 8px;
}

.btn-3 {
	background-color: #444444;
	color: #FADA1A;
	font-weight: bold;
}

.btn-3:hover {
	background-color: #fff;
	color: #000;
}


.zoom-container {
	position: relative;
	overflow: hidden;
	display: inline-block;
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.zoom-container a {
	display: block;
	position: absolute;
	top: -100%;
	opacity: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
	color: inherit;
}

.zoom-container:hover a {
	opacity: 1;
	top: 0;
	z-index: 500;
}

.zoom-container:hover a i {
	top: 50%;
	position: absolute;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.zoom-container img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.zoom-container .zoom-caption i.icon-play {
	font-size: 22px;
	background-color: rgba(17, 17, 17, 0.8);
	max-width: 60px;
	margin: 0 auto;
	padding: 8px 5px;
	border-radius: 8px;
}

.zoom-container .zoom-caption i.icon-play:hover {
	background-color: rgba(210, 0, 0, 0.9);
}

.zoom-container .zoom-caption {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	-webkit-transition: all .5s ease;
	/* Safari and Chrome */
	/* Firefox */
	/* IE 9 */
	/* Opera */
	transition: all .5s ease;
	color: #fff;
}

.zoom-container .zoom-caption span {
	position: absolute;
	top: 0;
	padding: 0px 7px;
	font-weight: bold;
	font-size: 13px;
}

.zoom-container .zoom-caption span.youtube {
	background-color: #FD0005;
}

.zoom-container .zoom-caption span.vimeo {
	background-color: #17B3E8;
}

.zoom-container .zoom-caption p {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	background: rgba(0, 0, 0, .5);
	margin: 0;
	padding: 10px;
}

.zoom-container:hover img {
	-webkit-transform: scale(1.25) rotate(5deg);
	/* Safari and Chrome */
	/* Firefox */
	/* IE 9 */
	/* Opera */
	transform: scale(1.25) rotate(5deg);
}

.zoom-container:hover .zoom-caption {
	background: rgba(0, 0, 0, .5);
}

.judul h1 {
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold !important;
	font-size: 35px;
}

.news-category>article:nth-child(3n) {
	margin-right: 0;
}
.news-category>article {
	float: left;
	height: 250px;
	width: 257px;
	margin: 10px 10px 0 0;
	position: relative;
}

.news-category>article .badges-cate {
	margin: 10px 0 0;
	position: absolute;
	z-index: 1;
}

.news-category>article .badges-cate span {
	display: inline-block;
	font-size: 12px;
}

.news-category>article .badges-cate span:first-child {
	padding: 5px;
	color: #fff;
	background-color: #052844;
}

.news-category>article .badges-cate span:last-child {
	float: right;
	padding: 5px;
}

.news-category>article .captions {
	word-break: break-word;
	font-size: 15px;
	line-height: 1.1;
	display: inline-block;
	font-weight: 800;
}

.news-category>article img {
	width: 100%;
	min-height: 140px;
	height: 140px;
	-o-object-fit: cover;
	object-fit: cover;
	object-position: top;
	position: relative;
}

.user-panel>.image>img {
	width: 100%;
	max-width: 50px;
	height: auto;
	float: left;
}

.img-circle {
	border-radius: 50%;
}

.info {
	max-width: 100%;
}

.info .info-name {
	font-weight: lighter;
	color: #000000;
	font-size: 12px;
	display: block;
}

.tips .teks-foto h4 {
	font-size: 20px;
	font-weight: bold;
	margin-top: 6px;
}

.tips .teks-foto p {
	margin: 0;
	font-size: 16px;
	text-align: center;
	line-height: 1.3;
	padding: 0 7px;
}

.sosial ul.list-inline>li {
	padding: 0;
}

.tagline {
	margin-bottom: 20px;
}

.sosial>span,
.tagline>span {
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 20px;
}

.tagline>a {
	display: inline-block;
	padding: 5px 12px;
	font-size: 12px;
	border-radius: 50px;
	background: #eee;
	color: #333;
	margin-right: 7px;
	margin-bottom: 7px;
}

.email-subs .panel-heading i.main-icon {
	display: block;
	text-align: center;
	color: #333;
}

.email-subs .panel-heading span.caption-text {
	font-size: 15px;
	display: block;
	text-align: center;
	padding: 10px 0;
}

.email-subs .panel-heading span.caption-desc {
	font-size: 10px;
}

.email-subs .panel-body{
	text-align: center;
}
.email-subs .panel-body span{
	display: block;
}

.email-subs .panel-body a{
	font-size: 20px;
}
.main-menu a{
	color:#333 !important;
	font-size:15px;
	padding:13px 15px;
	font-weight:bold;
	text-transform:uppercase;
}

.main-menu:nth-child(1) a
{
	padding-left: 0;
}

.main-menu > a:hover{
	color: #035680 !important;
}

#more,#more_indeks {
	margin-bottom:10px;
	display:inline-block;
	padding:7px 40px;box-shadow:0px 1px 5px 0px rgba(0, 0, 0, 0.5686274509803921);
	border-radius:50px;
	background:#035680;
	color:#fff;
	cursor:pointer;
	font-weight:700;
	transition:background .5s ease;
	font-size: 15px;
}