/*
Theme Name: Frontier
Theme URI: https://ronangelo.com/frontier/
Description: Frontier is a multi-purpose, HTML5 and CSS3 WordPress theme. It lets you choose between 1, 2 or 3 column layouts while offering independent template layouts for pages. The theme's responsive design makes it compatible with a wide variety of devices and screen resolutions. Frontier is easy to customize through its wide array of options that are simple and easy to understand. It has a lot of strategically placed Widget Areas and Action Hooks that helps achieve a higher level of customization. Theme features include logos, header images, color options, custom css, a simple image slider, rtl support, basic schema.org markup and a whole lot more. Frontier accomplishes all this while maintaining a minimal file size for a fast and efficient WordPress experience. Compatible with ClassicPress.
Author: ronangelo
Author URI: https://ronangelo.com/
Version: 1.3.5
Tested up to: 6.0
Requires PHP: 5.6
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, microformats, translation-ready, rtl-language-support
Text Domain: frontier
License: GNU General Public License, Version 3 or later
License URI: https://www.gnu.org/licenses/gpl.html

This theme is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; 
without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.

IMPORTANT: Do not edit this file. All your modifications will be deleted when the theme is updated. It is recommended to either use the Custom CSS option for CSS changes or use a child-theme if you also plan to modify HTML & PHP.
--------------------------------------------- */

@font-face {
  font-display: swap;
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('includes/fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('includes/fonts/roboto-condensed-v25-latin-700.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 400;
  src: url('includes/fonts/arimo-v27-latin-regular.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  src: url('includes/fonts/arimo-v27-latin-700.woff2') format('woff2');
}
/* Desktop: tampilkan SENIN, SELASA, dst */
.d-none {
	display: none !important;
}

.d-sm-inline {
	display: inline !important;
}

.d-inline {
	display: inline !important;
}

.d-sm-none {
	display: none !important;
}
/* =========================================================
   PAITO LIGHT ONLY - FRONTIER STYLE
   ========================================================= */

#tablepaito{
	background:#ffffff;
	margin:0;
	width:100%;
	border-collapse:collapse;
	color:#000;
	table-layout:fixed;

	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

/* LIGHT MODE */

#tablepaito.light{
	background:#ffffff;
	border:1px solid #dddddd;
}

/* TD */

#tablepaito.light td{
	border:1px solid #d8d8d8;
	text-align:center;
	padding:2px 0 !important;
	width:20px;

	font-size:13px;
	font-weight:700;

	color:#222222;
}

/* BODY */

#tablepaito.light tbody td{
	color:#222222;
	background:#ffffff;
}

#tablepaito.light tbody tr:nth-child(even) td{
	background:#f7f7f7;
}

/* BARIS */

#tablepaito.light tr:nth-last-child(5n+1){
	background:#ececec;
}

/* DISABLED */

#tablepaito.light .disabled{
	background:#e4e4e4;
	color:#838383;
}

/* NXPX */

#tablepaito.light td.nxpx{
	color:#636363;
	background:#f5f5f5;
	font-weight:700;
}

/* HEADER */

#tablepaito thead td{
	text-transform:uppercase;

	font-weight:700;

	padding-top:5px;
	padding-bottom:5px;

	border:1px solid #7a0000;

	background:linear-gradient(
		90deg,
		#8b0000 0%,
		#d60000 50%,
		#8b0000 100%
	);

	color:#ffffff;

	font-size:15px;

	font-family:'Roboto Condensed',Arial,sans-serif;

	text-shadow:0 1px 1px rgba(0,0,0,.45);
}

#tablepaito thead td.nxpx{
	color:#ffffff;
}

/* FLOAT MENU */

.floatmenuwrap{
	position:relative;

	background:#ffffff;

	border:1px solid #dddddd;
	border-top:4px solid #c40000;

	padding:5px;
	margin-bottom:8px;
}

#floatmenu{
	padding:8px 4px;

	background:linear-gradient(
		90deg,
		#8b0000,
		#d60000,
		#8b0000
	);

	border:1px solid #7a0000;

	z-index:999999;
}

#floatmenu.fixed{
	position:fixed;
	top:0;
	left:0;

	width:100%;

	z-index:999999999;
}

/* COLOR */

#paitocolor .color{
	float:left;

	height:26px;

	position:relative;

	width:calc(10% - 6px);

	cursor:pointer;

	border:1px solid #ffffff;

	margin:0 2px;

	box-shadow:0 1px 2px rgba(0,0,0,.25);
}

/* ERASER */

#paitocolor .color.eraser{
	background:#222222;
}

/* COLORS */

#paitocolor .color.Blue{background:#43a2ff;}
#paitocolor .color.Aqua{background:#00F5FF;}
#paitocolor .color.Teal{background:#43CD80;}
#paitocolor .color.Lime{background:#01FF70;}
#paitocolor .color.Yellow{background:#FFDC00;}
#paitocolor .color.Orange{background:#FF851B;}
#paitocolor .color.Red{background:#FF4136;}
#paitocolor .color.Pink{background:#F012BE;}
#paitocolor .color.Purple{background:#A23BEC;}
#paitocolor .color.Silver{background:#a9a9a9;}

/* SELECTED */

#paitocolor .selected{
	box-shadow:
		inset 0 0 0 2px #000,
		0 0 0 1px #fff5b1;

	border-color:#ffffff;
}

/* CLEAR */

#clear{
	margin-top:0;

	border-radius:2px;

	width:10%;

	text-align:center;

	margin-left:1px;

	height:26px;

	background:#ffffff;

	color:#c40000;

	border:1px solid #ffffff;

	font-size:12px;
	font-weight:700;

	font-family:'Roboto Condensed',Arial,sans-serif;
}

/* RESULT COLOR */

.rek{
	background:#0caacb;
	color:#ffffff;
}

.rke{
	background:#609c33;
	color:#ffffff;
}

.rko{
	background:#0069b0;
	color:#ffffff;
}

.ras{
	background:#06dd96;
	color:#ffffff;
}

.rd{
	background:#cb5b0c;
	color:#ffffff;
}
td.nxpx{
	background:#ebebeb;
}
@media(max-width:640px){

	#tablepaito.light td{
		font-size:8px;
		font-weight:700;
		padding:0;
		height:15px;
		line-height:14px;
	}

	#tablepaito thead td{
		font-size:9px;
		padding-top:3px;
		padding-bottom:3px;
	}

	#paitocolor .color{
		height:20px;
		margin:0 1px;
		border-width:1px;
	}

	#clear{
		font-size:10px;
		min-width:46px;
		height:20px;
		line-height:1;
		padding:0 5px;
	}
}
/* HP: tampilkan SEN, SEL, RAB, dst */
@media screen and (max-width: 575px) {

	.d-none.d-sm-inline {
		display: none !important;
	}

	.d-inline.d-sm-none {
		display: inline !important;
	}
}
/* HP ONLY */
@media screen and (max-width: 840px) {

	.drop-toggle {
		float: right;
		display: inline-block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: relative;
		z-index: 9999;
		padding: 6px 10px;
		background: transparent;
		border: none;
		cursor: pointer;
	}

	.drop-toggle .genericon-menu {
		display: block !important;
		font-size: 30px;
		line-height: 1;
		color: #fff;
	}

	.drop-toggle:focus,
	.drop-toggle:active {
		outline: none;
		opacity: 1 !important;
	}
}
/* =========================================================
   MOBILE MENU NAV MAIN
   HP ONLY
   ========================================================= */

@media screen and (max-width: 840px) {

	#nav-main {
		background: linear-gradient(90deg, #8b0000 0%, #d60000 50%, #8b0000 100%);
		padding-left: 0;
		border-bottom: 1px solid #7a0000;
	}

	#menu-w.nav-main,
	#nav-main .nav-main {
		width: 100%;
		float: none;
		clear: both;
		margin: 0;
		padding: 0;
		background: #fff;
		border: 1px solid #d8d8d8;
		border-top: none;
	}

	#menu-w.nav-main li,
	#nav-main .nav-main li {
		width: 100%;
		float: none;
		display: block;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #e8e8e8;
		background: #fff;
	}

	#menu-w.nav-main li:last-child,
	#nav-main .nav-main li:last-child {
		border-bottom: none;
	}

	#menu-w.nav-main li a,
	#nav-main .nav-main li a {
		display: block;
		width: 100%;
		padding: 11px 14px;
		color: #222;
		background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
		font-family: 'Roboto Condensed', Sans-serif;
		font-size: 15px;
		font-weight: 700;
		text-align: left;
		text-shadow: none;
		text-decoration: none;
	}

	#menu-w.nav-main li a:hover,
	#nav-main .nav-main li a:hover {
		background: #fff0f0;
		color: #c40000;
	}

	#menu-w.nav-main li.current-menu-item > a,
	#menu-w.nav-main li.current_page_item > a,
	#nav-main .nav-main li.current-menu-item > a,
	#nav-main .nav-main li.current_page_item > a {
		background: linear-gradient(90deg, #8b0000 0%, #d60000 50%, #8b0000 100%);
		color: #fff;
		text-shadow: 0 1px 2px #000;
	}

	.drop-toggle {
		float: right;
		display: inline-block;
		padding: 6px 10px;
		background: transparent;
		border: none;
		cursor: pointer;
	}

	.drop-toggle .genericon-menu {
		color: #fff;
		font-size: 30px;
		line-height: 1;
	}
}
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
img,
ul,
ol,
li,
form,
fieldset {
  border: none;
  margin: 0;
  padding: 0;
  list-style: none;
  vertical-align: baseline;
}

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

body {
  background: #3f3f3f;
  color: #303030;
  font-family: 'Arimo', Arial, Sans-serif;
  font-size: 13px;
  line-height: 1.5;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
  display: block;
}

img,
video,
embed,
iframe,
object,
select,
textarea {
  max-width: 100%;
}

img {
  height: auto;
}

h1 {
  font-size: 24px;
  font-size: 1.500rem;
}

h2 {
  font-size: 22px;
  font-size: 1.375rem;
}

h3 {
  font-size: 20px;
  font-size: 1.250rem;
}

h4 {
  font-size: 18px;
  font-size: 1.125rem;
}

h5 {
  font-size: 16px;
  font-size: 1.000rem;
}

h6 {
  font-size: 14px;
  font-size: 0.875rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  color: #222;
  font-family: 'Roboto Condensed', Sans-serif;
  font-weight: 700;
  line-height: 1.25;
}

a {
  color: #c40000;
  cursor: pointer;
  text-decoration: none;
}

a:hover {
  color: #8b0000;
  text-decoration: none;
}

pre {
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  margin: 8px 0;
  padding: 8px;
  overflow: auto;
  -ms-word-wrap: normal;
  word-wrap: normal;
}

pre,
code {
  color: #222;
  font-size: 13px;
  font-size: 0.813rem;
  line-height: 1.55;
}

blockquote {
  background-color: #fff;
  border: 1px solid #e00000;
  border-left: 5px solid #c40000;
  margin: 15px 0;
  padding: 10px 14px;
  color: #333;
  font-style: normal;
  text-align: center;
}

blockquote cite {
  display: block;
  margin-top: 8px;
  text-align: right;
  font-style: normal;
  font-size: small;
}

dl {
  padding-left: 20px;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 0 10px;
}

table {
  width: 98%;
  border-collapse: collapse;
  margin: 10px auto;
  background: #fff;
}

th {
  background: linear-gradient(0deg, #9b0000 0%, #e00000 50%, #9b0000 100%);
  color: #fff;
  font-family: 'Roboto Condensed', Sans-serif;
  font-weight: 700;
  text-shadow: 0 1px 1px #000;
}

th,
td {
  border: 1px solid #ddd;
  font-size: 14px;
  font-size: 0.875rem;
  padding: 4px 0px;
  text-align: center;
  vertical-align: middle;
}

td {
  background-color: #fff;
  color: #222;
}

tr:nth-child(even) td {
  background-color: #f7f7f7;
}

tr:hover td {
  background-color: #f3f3f3;
}

ul,
ol {
  margin-top: 4px;
  margin-bottom: 8px;
  padding-left: 20px;
}

ul ul,
ol ol {
  padding-left: 15px;
}

li {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 15px;
  margin-right: 0;
}

address {
  margin-bottom: 10px;
}

.screen-reader-text {
  display: none;
}

.cf:before,
.cf:after {
  clear: both;
  content: "";
  display: table;
}

/*----------------------------------------------
	Main Structure
-----------------------------------------------*/
#container {
	margin: 0 auto;
	background: #f5f5f5;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.45);
}

#top-bar {
	background: #8b0000;
	border-bottom: none;
	padding: 4px;
	min-height: 34px;
	width: 100%;
}

#top-bar-info {
	float: left;
	margin-top: 2px;
	color: #fff;
}

#site-title,
#site-description {
	display: inline-block;
	margin-right: 4px;
	line-height: 1;
	vertical-align: bottom;
}

#site-title {
	font-size: 20px;
	font-family: 'Roboto Condensed', Sans-serif;
	font-weight: 700;
}

#site-title a {
	color: #fff;
	text-shadow: 0 1px 2px #000;
}

#site-description {
	color: #f5f5f5;
	font-family: 'Roboto Condensed', Sans-serif;
	font-size: 15px;
}

#header {
	background: linear-gradient(0deg, #8b0000 0%, #e00000 100%);
	background-position: center;
	border-bottom: none;
	width: 100%;
}

#header-logo {
	display: inline-block;
	padding: 6px 10px;
}

#header-logo,
#header-logo img {
	max-width: 100%;
	float: left;
}

#below-menu {
	width: 100%;
	background: #f5f5f5;
}

#main {
	background: #f4f4f4;
	padding: 5px;
	width: 100%;
}

#content {
	display: inline-block;
	padding: 5px;
}

.sidebar {
	display: inline-block;
	float: left;
	padding: 5px;
}

#footer {
	width: 100%;
}

#bottom-bar {
	background: #ffffff;
	color: #333;
	width: 100%;
	min-height: 34px;
	border-top: 1px solid #ddd;
	text-shadow: none;
}

#bottom-bar a {
	color: #c40000;
}

#bottom-bar a:hover {
	color: #8b0000;
	text-decoration: underline;
}

#bottom-bar-text {
	float: left;
	padding: 6px 8px;
}

#theme-link {
	float: right;
	margin: 6px 10px;
	font-family: 'Roboto Condensed', Sans-serif;
	font-size: 15px;
}

#theme-link a {
	color: #c40000;
}

#theme-link a:hover {
	color: #8b0000;
}

/* No Sidebar */
.col-c #content,
#content.no-sidebars {
	width: 100%;
	max-width: 100%;
}

/* 1 Sidebar - Left */
.col-sc #content {
	float: right;
}

/* 1 Sidebar - Right */
.col-cs #content {
	float: left;
}

/* 2 Sidebars - Left */
.col-ssc #content {
	float: right;
}

/* 2 Sidebars - Right */
.col-css #content {
	float: left;
}

/* 2 Sidebars - Left & Right */
.col-scs #sidebar-left {
	float: left;
	margin-right: 0;
}

.col-scs #sidebar-right {
	float: right;
	margin-left: -4px;
}

.page-template-page-sc-php #main #content {
	float: right;
}

.page-template-page-cs-php #main #content {
	float: left;
}

.page-template-page-scs-php #main #content {
	float: none;
}

.page-template-page-scs-php #main #sidebar-left {
	float: left;
	margin-right: 0;
}

.page-template-page-scs-php #main #sidebar-right {
	float: right;
	margin-left: -4px;
}

/*----------------------------------------------
	Navigation Menus
-----------------------------------------------*/
#nav-main {
	background: linear-gradient(90deg, #8b0000 0%, #d60000 50%, #8b0000 100%);
	width: 100%;
	border-bottom: 1px solid #7a0000;
	padding-left: 0;
	line-height: 1.2;
	box-shadow: inset 0 -1px 0 rgba(255,255,255,.08);
}

#nav-main * {
	-webkit-transition: all 0.14s ease-out;
	-moz-transition: all 0.14s ease-out;
	transition: all 0.14s ease-out;
}

#nav-main ul,
#nav-main li,
#nav-top ul,
#nav-top li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav-main .nav-main {
	position: relative;
	float: right;
	border-left: 1px solid #8b0000;
	border-right: 1px solid #f33a3a;
	z-index: 300;
}

#nav-main .nav-main li {
	float: left;
	position: relative;
}

#nav-main .nav-main > li,
#nav-main .nav-main > ul > .page_item {
	background: linear-gradient(to bottom, rgba(255,255,255,.05) 0%, rgba(0,0,0,.15) 100%);
	border-right: 1px solid #8b0000;
	border-left: 1px solid #f33a3a;
}

#nav-main .nav-main > li > a,
#nav-main .nav-main > ul > .page_item > a {
	min-width: auto;
	text-align: center;
}

#nav-main .nav-main a {
	display: block;
	padding: 12px 14px;
	color: #fff;
	font-family: 'Roboto Condensed', Sans-serif;
	font-size: 15px;
	font-weight: 700;
	text-shadow: 0 1px 2px #111;
}

#nav-main .nav-main a:hover,
#nav-main .nav-main > li.current_page_item > a,
#nav-main .nav-main > li.current-menu-item > a {
	background: rgba(0,0,0,.28);
	color: #fff;
	text-shadow: none;
}

#nav-main .menu-item-has-children > a:after,
#nav-main .page_item_has_children > a:after {
	font-family: "Genericons";
	content: "\f431";
	vertical-align: top;
	padding-left: 4px;
	font-size: 12px;
}

#nav-main .sub-menu,
#nav-main .children {
	background: #ffffff;
	position: absolute;
	float: left;
	width: 220px;
	border: 1px solid #ddd;
	box-shadow: 0 3px 8px rgba(0,0,0,.12);
	z-index: 990;
	display: none;
	border-radius: 0 0 2px 2px;
	overflow: hidden;
}

#nav-main .sub-menu li,
#nav-main .children li {
	border-top: 1px solid #f0f0f0;
	border-bottom: none;
	background: #fff;
}

#nav-main .sub-menu li:first-child,
#nav-main .children li:first-child {
	border-top: none;
}

#nav-main .sub-menu li:last-child,
#nav-main .children li:last-child {
	border-bottom: none;
}

#nav-main .sub-menu a,
#nav-main .children a {
	float: left;
	width: 100%;
	padding: 10px 14px;
	font-size: 14px;
	color: #333;
	text-shadow: none;
	background: #fff;
}

#nav-main .sub-menu a:hover,
#nav-main .children a:hover {
	background: #fff0f0;
	color: #c40000;
}

#nav-main .sub-menu .sub-menu,
#nav-main .children .children {
	top: -1px;
}

#nav-main li:hover > ul {
	display: inline;
}

#nav-main .drop-toggle {
	display: none;
}

#nav-main .genericon-menu {
	color: #fff;
	font-size: 30px;
	height: auto;
	padding: 5px 10px;
	width: auto;
}

#nav-top {
	float: right;
}

#nav-top .nav-top,
#nav-top .nav-top li {
	float: left;
}

#nav-top .nav-top a {
	display: block;
	margin-top: 2px;
	padding: 0 18px;
	color: #fff;
	font-family: 'Roboto Condensed', Sans-serif;
	font-size: 14px;
	font-weight: 700;
}

#nav-top .nav-top a:hover {
	color: #ffe1e1;
}

/* MOBILE MENU */
@media screen and (max-width: 840px) {

	#nav-main {
		padding-left: 0;
	}

	#nav-main .nav-main {
		width: 100%;
		float: none;
		margin: 0;
		background: #b60000;
		border: none;
	}

	#nav-main .nav-main li {
		width: 100%;
		border: none;
	}

	#nav-main .nav-main > li,
	#nav-main .nav-main > ul > .page_item {
		border: none;
		background: transparent;
	}

	#nav-main .nav-main a {
		text-align: left;
		border-bottom: 1px solid rgba(255,255,255,.12);
		padding: 11px 14px;
	}

	#nav-main .sub-menu,
	#nav-main .children {
		position: relative;
		width: 100%;
		box-shadow: none;
		border: none;
		border-top: 1px solid #ddd;
	}

	#nav-main .sub-menu a,
	#nav-main .children a {
		padding-left: 25px;
	}
}
/*----------------------------------------------
	Post Elements
-----------------------------------------------*/
.blog-view,
.single-view,
.author-info,
.archive-info,
.form-404 {
	background-color: #fff;
	border: 1px solid #ddd;
	box-shadow: none;
	margin: 0 0 10px;
	padding: 10px;
	border-radius: 2px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.archive-description {
	border-top: 2px solid #e5e5e5;
	margin-top: 8px;
	padding-top: 6px;
	color: #444;
}

.form-404 h2 {
	border-bottom: 2px solid #e00000;
	padding-bottom: 10px;
	color: #222;
}

.form-404 p {
	margin: 4px 0 10px;
}

.blog-view {
	border-top: 5px solid #d60000;
}

.blog-view.sticky {
	background-color: #fff8e5;
	border-top: 5px solid #8b0000;
}

.entry-header {
	margin-bottom: 6px;
}

.entry-title {
	line-height: 1.2;
	/*text-align: center;*/
	font-weight: 700;
}

.entry-title a {
	color: #222;
}

.entry-title a:hover {
	color: #c40000;
	text-decoration: none;
}

.sticky .entry-title:before {
	font-family: "Genericons";
	content: "\f308";
	vertical-align: top;
	padding-right: 4px;
	display: inline-block;
	color: #c40000;
}

.single-view .featured-image {
	margin: -10px -10px 10px;
	text-align: center;
}

.single-view .featured-image img {
	max-width: 100%;
}

.entry-byline * {
	line-height: 20px;
}

.entry-byline {
	color: #666;
	font-size: 12px;
}

.entry-byline a {
	color: #c40000;
}

.entry-author,
.entry-date,
.entry-categories,
.entry-comment-info {
	float: left;
	margin-right: 10px;
}

.single-view .entry-byline {
	margin-bottom: 0px;
}

.entry-thumbnail {
	float: left;
	padding-right: 8px;
}

.entry-thumbnail .post-thumbnail {
	display: table;
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 3px;
}

.entry-thumbnail img {
	float: left;
}

.continue-reading {
	background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%);
	display: inline-block;
	float: right;
	padding: 4px 10px;
	color: #333;
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: 'Roboto Condensed', Sans-serif;
	font-weight: 700;
}

.continue-reading:hover {
	background: linear-gradient(90deg, #8b0000 0%, #d60000 50%, #8b0000 100%);
	border-color: #8b0000;
	color: #fff;
	text-decoration: none;
}

.sticky .continue-reading {
	border-color: #c40000;
}

.blog-view .entry-content {
	padding-top: 6px;
	padding-bottom: 4px;
	font-family: Arimo, Sans-serif;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.6;
	color: #333;
}

.single-view .entry-content {
	font-family: Arimo, Sans-serif;
	font-size: 15px;
	font-size: 0.938rem;
	line-height: 1.65;
	color: #333;
}

.entry-footer {
	clear: both;
}

.entry-updated {
	color: #666;
	font-size: 11px;
	padding: 2px 0;
}

.entry-tags {
	padding: 2px 0;
}

.entry-tags a {
	color: #c40000;
}

.blog-nav,
.post-nav {
	margin-bottom: 10px;
}

.blog-nav {
	padding: 4px 0;
}

.link-prev {
	float: left;
}

.link-next {
	float: right;
}

.link-prev a,
.link-next a {
	background-color: #fff;
	display: inline-block;
	padding: 4px 10px;
	border: 1px solid #ddd;
	box-shadow: none;
	color: #333;
	border-radius: 3px;
	font-family: 'Roboto Condensed', Sans-serif;
	font-weight: 700;
}

.link-prev a:hover,
.link-next a:hover {
	background: linear-gradient(90deg, #8b0000 0%, #d60000 50%, #8b0000 100%);
	border-color: #8b0000;
	color: #fff;
	text-decoration: none;
}

.attachment-nav div a {
	background-color: #f1f1f1;
	border: 1px solid #ddd;
	box-shadow: none;
	text-decoration: none;
}

.page-nav,
.comment-nav {
	clear: both;
	display: block;
	padding: 8px 0 2px;
	font-family: Arimo, Sans-serif;
	font-size: 13px;
	line-height: 20px;
}

.page-nav > *,
.comment-nav > * {
	background: linear-gradient(90deg, #8b0000 0%, #d60000 50%, #8b0000 100%);
	color: #fff;
	display: inline-block;
	padding: 3px 9px;
	border-radius: 3px;
	border: 1px solid #8b0000;
}

.page-nav a,
.comment-nav a {
	text-decoration: none;
}

.page-nav a:hover,
.comment-nav a:hover {
	color: #fff;
	text-decoration: underline;
}

.search-results .type-page .entry-byline {
	display: none;
}

/*-------------------------------------
	Post Content
--------------------------------------*/
.entry-content a {
	color: #c40000;
	text-decoration: underline;
	font-weight: 700;
}

.entry-content a:hover {
	color: #8b0000;
}

.entry-content p,
.comment-content p {
	margin: 4px 0 12px;
	line-height: 1.7;
	color: #333;
}

.entry-excerpt p {
	margin: 0 0 4px;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
	clear: none;
	line-height: 1.5;
	color: #222;
	font-weight: 700;
}

.entry-content h2,
.comment-content h2 {
	background: linear-gradient(90deg, #8b0000 0%, #d60000 50%, #8b0000 100%);
	color: #fff;
	padding: 8px 10px;
	margin: 10px 0;
	font-size: 20px;
	border-radius: 2px;
	text-shadow: 0 1px 2px #000;
}

.entry-content li,
.comment-content li {
	list-style-position: outside;
	list-style-type: disc;
}

.entry-content ol > li,
.comment-content ol > li {
	list-style-type: decimal;
}

.entry-content ol > li > ol > li,
.comment-content ol > li > ol > li {
	list-style-type: lower-alpha;
}

.entry-content ol > li > ol > li > ol > li,
.comment-content ol > li > ol > li > ol > li {
	list-style-type: lower-roman;
}
/* =========================================
   PADDING KHUSUS THEAD TABLE HK
   ========================================= */

/* JUDUL TAHUN */
table thead tr.tahun th{
	padding:8px !important;
	line-height:1.4 !important;
	font-size:15px !important;
	font-weight:700 !important;
	text-align:center !important;
}

/* ROW HARI */
table thead tr.hari th{
	padding:8px !important;
	line-height:1.3 !important;
	font-size:14px !important;
	font-weight:600 !important;
	text-align:center !important;
	vertical-align:middle !important;
}

/* BANNER */
table thead tr.banner-row td{
	padding:8px !important;
	background:#fff !important;
	text-align:center !important;
	vertical-align:middle !important;
}

/* IMAGE BANNER */
table thead tr.banner-row img{
	max-width:100% !important;
	height:auto !important;
	display:block !important;
	margin:auto !important;
}

/* MOBILE */
@media(max-width:768px){

	table thead tr.tahun th{
		padding:4px !important;
		font-size:14px !important;
	}

	table thead tr.hari th{
		padding:4px !important;
		font-size:12px !important;
	}

	table thead tr.banner-row td{
		padding:4px !important;
	}

}
.entry-content th,
.entry-content td,
.comment-content th,
.comment-content td {
	padding: 4px 0px !important;
}
.pl-3, .px-3 {
    padding-left: 0 !important;
}
.pr-3, .px-3 {
    padding-right:0 !important;
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"],
.entry-content img,
.comment-content img {
	height: auto;
	max-width: 100%;
	border-radius: 2px;
}

.wp-smiley {
	width: auto !important;
	border: none !important;
	padding: 0 !important;
}

.alignnone {
	margin-top: 4px;
	margin-bottom: 4px;
}

.alignleft {
	float: left;
	margin: 4px 8px 4px 0;
}

.alignright {
	float: right;
	margin: 4px 0 4px 8px;
}

.aligncenter {
	display: block;
	margin: 4px auto;
}

.wp-caption {
	max-width: 100%;
}

.wp-caption img {
	width: 100%;
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 4px;
}

.wp-caption .wp-caption-text,
.gallery-caption {
	margin: 0;
	padding: 6px 5px;
	color: #666;
	font-size: 12px;
	font-size: 0.750rem;
	line-height: 1.6;
	text-align: center;
}

.gallery .gallery-item {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}

.gallery-item img {
	padding: 4px;
	display: inline-block;
	border: 1px solid #ddd !important;
}

.gallery-item img:hover {
	background-color: #fff0f0;
	border: 1px solid #c40000 !important;
}

.type-attachment .entry-content div.attachment {
	margin-bottom: 10px;
	text-align: center;
}

.sitemap-template .entry-content h3 {
	margin-left: 10px;
}

.sitemap-template .entry-content ul {
	margin: 8px 0 15px 10px;
}

.sitemap-template .entry-content ul li {
	list-style: square inside;
}

/*-------------------------------------
	Author Info & Author Page
--------------------------------------*/
.author-info {
	padding: 0;
	border-radius: 2px;
}

.author-info .title {
	background: linear-gradient(90deg, #8b0000 0%, #d60000 50%, #8b0000 100%);
	color: #fff;
	padding: 6px 10px;
	text-shadow: 0 1px 2px #000;
	font-weight: 700;
}

.author-avatar,
.author-description {
	display: table-cell;
	padding: 8px;
	vertical-align: top;
}

.author-avatar img {
	display: block;
	border-radius: 2px;
}

.author-post-count {
	text-align: center;
}

.author-latest-posts {
	background-color: #fff;
	border: 1px solid #ddd;
	box-shadow: none;
	padding: 8px;
}

.author-latest-posts li {
	list-style: square inside;
	margin: 4px 0 4px 4px;
}

/*-------------------------------------
	Comments
--------------------------------------*/
#comment-header,
#respond,
#no-comments,
.comment-body {
	background-color: #fff;
	margin: 0 0 10px;
	padding: 8px;
	border: 1px solid #ddd;
	box-shadow: none;
	border-radius: 2px;
}

#comment-header {
	border-top: 5px solid #d60000;
}

#comment-header .title {
	display: inline-block;
	float: left;
	line-height: 20px;
	color: #222;
	font-weight: 700;
}

#comment-header .respond-link {
	display: inline-block;
	float: right;
}

#comment-header .respond-link a {
	display: inline-block;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 15px;
	font-weight: 700;
	line-height: 22px;
	color: #c40000;
}

#comment-header .respond-link a:hover {
	text-decoration: underline;
}

#comments .comment-list {
	padding-left: 0;
}

#comments .children {
	padding-left: 30px;
}

.comment-list .comment,
.comment-list .pingback,
.comment-list .trackback {
	list-style: none;
	margin: 0 0 10px;
}

.comment-author-admin > .comment-body,
.bypostauthor > .comment-body {
	border-top: 5px solid #d60000;
}

.comment-author,
.comment-author .avatar,
.comment-author .link {
	float: left;
}

.comment-author .avatar {
	margin-left: -8px;
	margin-top: -8px;
}

.comment-author .link {
	margin: 6px 8px;
	font-size: 15px;
	font-weight: 700;
	word-wrap: break-word;
}

.comment-author .link a {
	color: #222;
}

.comment-metadata {
	float: right;
}

.comment-metadata a {
	color: #777;
}

.comment-edit-link {
	background-color: #f1f1f1;
	color: #222;
	padding: 2px 8px;
	border-radius: 2px;
}

.comment-awaiting-moderation {
	clear: right;
	display: inline-block;
	float: right;
	margin: 8px;
	font-style: italic;
	color: #c40000;
}

.comment-content {
	clear: both;
	padding-top: 4px;
	font-size: 13px;
	font-size: 0.813rem;
	line-height: 1.65;
	color: #333;
}

.comment-content th,
.comment-content td {
	font-size: 13px;
	font-size: 0.813rem;
	line-height: 1.55;
}

.comment-body .reply {
	margin-top: 8px;
	overflow: hidden;
}

.comment-reply-link {
	background: linear-gradient(90deg, #8b0000 0%, #d60000 50%, #8b0000 100%);
	color: #fff;
	display: inline-block;
	float: right;
	padding: 4px 10px;
	border-radius: 2px;
	font-weight: 700;
}

.comment-reply-link:hover {
	color: #fff;
	text-decoration: none;
	opacity: .92;
}

#no-comments .genericon {
	color: #888;
	font-size: 20px;
	line-height: 22px;
}

#no-comments h4 {
	display: inline-block;
	margin-left: 10px;
	color: #777;
}

#respond .comment-reply-title {
	margin-bottom: 8px;
	color: #222;
}

#respond p {
	margin-top: 8px;
}

#cancel-comment-reply-link {
	background-color: #f1f1f1;
	padding: 2px 8px;
	font-size: 15px;
	border-radius: 2px;
}

.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
	margin-left: 2px;
	font-weight: 700;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input,
.comment-form-comment textarea {
	display: block;
	padding: 8px;
	border: 1px solid #ddd;
	box-shadow: none;
	border-radius: 2px;
	background: #fff;
}

.comment-form-comment {
	padding: 0 3px;
}

.comment-form-comment label {
	display: block;
	font-weight: 700;
}

.comment-form-comment textarea {
	position: relative;
	width: 100%;
	padding: 8px;
}

#respond #submit {
	padding: 8px 16px;
	background: linear-gradient(90deg, #8b0000 0%, #d60000 50%, #8b0000 100%);
	border: none;
	color: #fff;
	font-weight: 700;
	border-radius: 2px;
	cursor: pointer;
}

#respond #submit:hover {
	opacity: .92;
}

.comment-navigation {
	margin-bottom: 10px;
}

.page-numbers.current {
	cursor: default;
}

#comment-area #disqus_thread {
	background-color: #fff;
	padding: 10px;
	border: 1px solid #ddd;
	box-shadow: none;
	border-radius: 2px;
}

/*----------------------------------------------
	Widgets
-----------------------------------------------*/
.frontier-widget {
	background-color: #fff;
	margin: 0 0 10px;
	padding: 8px;
	border: 1px solid #ddd;
	box-shadow: none;
	word-wrap: break-word;
	border-radius: 2px;
}

.frontier-widget:after {
	clear: both;
	content: "";
	display: table;
}

.widget-title {
	background: linear-gradient(90deg, #8b0000 0%, #d60000 50%, #8b0000 100%);
	margin: -8px -8px 8px;
	padding: 7px 10px;
	color: #fff;
	font-family: 'Roboto Condensed', Sans-serif;
	font-size: 17px;
	font-weight: 700;
	text-shadow: 0 1px 2px #000;
}

.widget-title a {
	color: #fff;
	text-decoration: none;
}

.widget-body {
	display: inline-block;
}

.widget-header {
	display: inline-block;
	float: left;
	margin: 0;
}

.widget-header,
.widget-before-post,
.widget-before-post-content,
.widget-after-post-content,
.widget-after-post {
	background-color: transparent;
	border: none;
	box-shadow: none;
}

.widget-after-post {
	margin: 10px 0 0;
}

.widget-footer {
	display: inline-block;
	float: left;
	margin: 0 0.5% 10px;
}

.widget-column-1 .widget-footer {
	display: block;
	width: auto;
	float: none;
	margin: 0 0 10px;
}

.widget-column-2 .widget-footer {
	width: 48.98%;
}

.widget-column-3 .widget-footer {
	width: 32.32%;
}

.widget-column-4 .widget-footer {
	width: 23.98%;
}

.widget-column-5 .widget-footer {
	width: 18.98%;
}

.widget-column-6 .widget-footer {
	width: 15.65%;
}

.widget-column-2 .widget-footer:nth-child(2n+1),
.widget-column-3 .widget-footer:nth-child(3n+1),
.widget-column-4 .widget-footer:nth-child(4n+1),
.widget-column-5 .widget-footer:nth-child(5n+1),
.widget-column-6 .widget-footer:nth-child(6n+1) {
	clear: left;
}

#widgets-wrap-below-menu {
	background: rgba(0,0,0,.05);
	width: 100%;
	padding: 10px 10px 0;
}

#widgets-wrap-before-post,
#widgets-wrap-before-post-content,
#widgets-wrap-after-post-content,
#widgets-wrap-after-post {
	position: relative;
	clear: both;
}

#widgets-wrap-after-post {
	margin-top: 8px;
}

#widgets-wrap-footer {
	background: linear-gradient(90deg, #8b0000 0%, #d60000 50%, #8b0000 100%);
	border-top: none;
	padding: 10px;
}

.frontier-widget p {
	margin: 4px 0 12px;
}

.frontier-widget ul,
.frontier-widget ol {
	padding: 0 4px;
}

.frontier-widget ul ul,
.frontier-widget ol ol {
	margin: 4px 0;
	padding-left: 15px;
}

.frontier-widget li {
	list-style: none;
	margin: 0;
	padding: 6px 0;
	border-bottom: 1px solid #ececec;
}

.frontier-widget li:last-child {
	border-bottom: none;
}

.widget_search label .screen-reader-text {
	display: none;
}

.widget_search label .search-field {
	background-color: #fff;
	margin: 4px 4px 4px 0;
	padding: 8px;
	min-width: 55%;
	border: 1px solid #ddd;
	box-shadow: none;
	border-radius: 2px;
}

.widget_search .search-submit {
	background: linear-gradient(90deg, #8b0000 0%, #d60000 50%, #8b0000 100%);
	border: none;
	border-radius: 2px;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	margin: 2px 0;
	padding: 8px 10px;
	font-weight: 700;
}

.widget_tag_cloud {
	line-height: 24px;
}

.widget_calendar table {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	line-height: 1.2;
}

.widget_calendar caption {
	background: linear-gradient(90deg, #8b0000 0%, #d60000 50%, #8b0000 100%);
	padding: 8px 0;
	color: #fff;
	font-weight: 700;
}

.widget_calendar th {
	background-color: #f1f1f1;
	padding: 8px;
}

.widget_calendar td {
	background-color: #fff;
	padding: 8px;
}

/*-------------------------------------
	Basic Slider
--------------------------------------*/
#slider {
	background-color: #fff;
	border: 1px solid #ddd;
	box-shadow: none;
	display: block;
	overflow: hidden;
	border-radius: 2px;
}

.slider-main {
	margin: 5px;
}

.slider-content {
	margin-bottom: 10px;
}

#basic-slider {
	max-width: 100% !important;
}

.bjqs,
.bjqs-slide {
	margin: 0;
	padding: 0;
	list-style: none;
	display: none;
}

.bjqs {
	position: relative;
}

.bjqs-slide {
	position: absolute;
}

.bjqs-slide a {
	display: block;
}

.bjqs-slide img {
	display: block;
	margin: auto;
}

.bjqs-controls {
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 9999;
}

.bjqs-controls a {
	position: absolute;
	-webkit-transition: left 0.3s ease-in-out;
	-webkit-transition-property: left, right;
	-moz-transition: left 0.3s ease-in-out;
	-moz-transition-property: left, right;
	transition: left 0.3s ease-in-out;
	transition-property: left, right;
}

.bjqs-prev a {
	left: -50px;
}

.bjqs-next a {
	right: -50px;
}

.slider-prev {
	background-image: url('images/slider-prev.png');
}

.slider-next {
	background-image: url('images/slider-next.png');
}

.slider-prev,
.slider-next {
	display: block;
	height: 32px;
	width: 38px;
}

#basic-slider:hover li.bjqs-next a {
	right: 10px;
}

#basic-slider:hover li.bjqs-prev a {
	left: 10px;
}

.slider-element {
	display: none;
}

.bjqs-heading,
.bjqs-descript {
	background-color: rgba(0, 0, 0, 0.65);
	color: #eee;
	padding: 8px;
	width: 100%;
}

.bjqs-heading {
	position: absolute;
	top: 0;
	font-size: 16px;
	font-weight: 700;
}

.bjqs-descript {
	position: absolute;
	bottom: 0;
}

/*-------------------------------------
	Extra
--------------------------------------*/

/* bbPress */
#content #bbpress-forums,
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results,
#bbpress-forums ul.super-sticky,
#bbpress-forums ul.sticky {
	font-family: Arial, Sans-serif;
	font-size: 13px;
	font-size: 0.813rem;
}

#content #bbpress-forums a {
	text-decoration: none;
	color: #c40000;
}

#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
	padding: 8px 20px;
}

#bbpress-forums .bbp-topic-permalink {
	font-size: 14px;
	font-size: 0.875rem;
}

#bbpress-forums .avatar {
	min-width: 20px;
	min-height: 20px;
}

#bbpress-forums .bbp-reply-content {
	padding: 10px 0 0;
}

.bbp-pagination-links > * {
	background: linear-gradient(90deg, #8b0000 0%, #d60000 50%, #8b0000 100%);
	padding: 2px 10px !important;
	border: none !important;
	color: #fff;
}

.bbp-pagination-links .page-numbers.current {
	background-color: #555;
}

.bbp-pagination-links > a:hover {
	background-color: #f1f1f1;
	color: #000;
	font-weight: bold;
}

@media print {

	#nav-top,
	#header,
	#nav-main,
	#below-menu,
	#slider,
	#sidebar-right,
	#sidebar-left,
	#footer,
	#bottom-bar,
	#comment-area,
	#widgets-wrap-before-content,
	#widgets-wrap-after-content,
	#widgets-wrap-before-post,
	#widgets-wrap-after-post,
	#widgets-wrap-before-post-content,
	#widgets-wrap-after-post-content,
	.entry-footer,
	.blog-nav,
	.post-nav {
		display: none;
	}

	#main,
	#content {
		padding: 0;
	}

	#content {
		display: block;
		float: none;
		width: auto;
	}

	.blog-view,
	.single-view {
		border: none;
	}

	.blog-view,
	.blog-view.sticky {
		border-top: 1px dashed #555;
	}

	#site-title a {
		color: #000;
	}

	#site-description {
		color: #333;
	}

	.entry-byline a,
	.genericon {
		color: #333;
	}
}
/* =========================================================
   BOX ARTIKEL DATA HK
   ========================================================= */

.sys-datahk-wrapper {
	background: #ffffff !important;
	border: 1px solid #d9d9d9 !important;
	margin: 12px 0 !important;
	padding: 12px !important;
	border-radius: 2px !important;
	box-shadow: 0 1px 3px rgba(0,0,0,.08) !important;
	overflow: hidden !important;
}

.sys-datahk-title {
	background: linear-gradient(90deg, #8b0000 0%, #d60000 50%, #8b0000 100%) !important;
	color: #fff !important;
	margin: -12px -12px 12px !important;
	padding: 10px 12px !important;
	font-family: 'Roboto Condensed', Sans-serif !important;
	font-size: 21px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	text-align: center !important;
	text-shadow: 0 1px 2px #000 !important;
	border-bottom: 1px solid #7a0000 !important;
}

.sys-datahk-content {
	font-family: Arimo, Sans-serif !important;
	font-size: 14px !important;
	line-height: 1.7 !important;
	color: #333 !important;
}

.sys-datahk-content p {
	margin: 0 0 12px !important;
}

.sys-datahk-content p:last-child {
	margin-bottom: 0 !important;
}

.sys-datahk-content a {
	color: #c40000 !important;
	font-weight: 700 !important;
	text-decoration: underline !important;
}

.sys-datahk-content a:hover {
	color: #8b0000 !important;
}

.sys-datahk-content strong {
	font-weight: 700 !important;
}

/* MOBILE */
@media screen and (max-width: 575px) {

	.sys-datahk-wrapper {
		padding: 10px !important;
	}

	.sys-datahk-title {
		margin: -10px -10px 10px !important;
		font-size: 18px !important;
		padding: 9px 10px !important;
	}

	.sys-datahk-content {
		font-size: 13px !important;
		line-height: 1.6 !important;
	}
}
/* =========================================================
   FOOTER DISCLAIMER
   ========================================================= */

#bottom-bar-text {
	width: 100% !important;
	float: none !important;
	padding: 0 !important;
}

.footers {
	background: linear-gradient(90deg, #8b0000 0%, #d60000 50%, #8b0000 100%) !important;
	padding: 14px 16px !important;
	border-top: 1px solid #7a0000 !important;
	border-bottom: 1px solid #7a0000 !important;
	text-align: center !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.footers small {
	display: block !important;
	color: #ffffff !important;
	font-family: Arimo, Sans-serif !important;
	font-size: 13px !important;
	line-height: 1.8 !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.4) !important;
}

.footers a {
	color: #fff5b1 !important;
	font-weight: 700 !important;
	text-decoration: underline !important;
}

.footers a:hover {
	color: #ffffff !important;
}

@media screen and (max-width: 575px) {

	.footers {
		padding: 12px !important;
	}

	.footers small {
		font-size: 12px !important;
		line-height: 1.7 !important;
	}
}
/* =========================================================
   VERTICAL MENU TOOLS MINI
   ========================================================= */

.verticalt-menut {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	background: #ffffff !important;
	border: 1px solid #dddddd !important;
	border-radius: 2px !important;
	overflow: hidden !important;
}

.verticalt-menut li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	border-bottom: 1px solid #efefef !important;
}

.verticalt-menut li:last-child {
	border-bottom: none !important;
}

.verticalt-menut li a {
	display: block !important;
	padding: 7px 9px !important;
	background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%) !important;
	color: #222 !important;
	font-family: 'Roboto Condensed', Sans-serif !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	text-decoration: none !important;
	transition: all .2s ease-in-out !important;
}

.verticalt-menut li a:hover {
	background: linear-gradient(90deg, #8b0000 0%, #d60000 50%, #8b0000 100%) !important;
	color: #ffffff !important;
	padding-left: 12px !important;
}

.verticalt-menut li a i {
	margin-right: 6px !important;
	color: #c40000 !important;
	font-size: 11px !important;
}

.verticalt-menut li a:hover i {
	color: #ffffff !important;
}
.table-dark td, .table-dark th, .table-dark thead th {
    border-color: #dddddd !important;
}
/* MOBILE */
@media screen and (max-width: 575px) {

	.verticalt-menut li a {
		font-size: 12px !important;
		padding: 6px 8px !important;
	}

	.verticalt-menut li a i {
		font-size: 10px !important;
		margin-right: 5px !important;
	}
}
/* =========================================================
   SEARCH FORM MINI
   ========================================================= */

.search-form {
	display: flex !important;
	align-items: center !important;
	gap: 4px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.search-form label {
	flex: 1 !important;
	margin: 0 !important;
}

.search-form .screen-reader-text {
	display: none !important;
}

.search-form .search-field {
	width: 100% !important;
	height: 34px !important;
	padding: 0 10px !important;
	background: #ffffff !important;
	border: 1px solid #d8d8d8 !important;
	border-radius: 2px !important;
	box-shadow: none !important;
	color: #333 !important;
	font-family: Arimo, Sans-serif !important;
	font-size: 13px !important;
	outline: none !important;
}

.search-form .search-field:focus {
	border-color: #c40000 !important;
}

.search-form .search-submit {
	height: 34px !important;
	padding: 0 12px !important;
	background: linear-gradient(90deg, #8b0000 0%, #d60000 50%, #8b0000 100%) !important;
	border: none !important;
	border-radius: 2px !important;
	color: #ffffff !important;
	font-family: 'Roboto Condensed', Sans-serif !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	transition: .2s ease-in-out !important;
}

.search-form .search-submit:hover {
	opacity: .92 !important;
}

/* MOBILE */
@media screen and (max-width: 575px) {

	.search-form .search-field {
		height: 32px !important;
		font-size: 12px !important;
		padding: 0 8px !important;
	}

	.search-form .search-submit {
		height: 32px !important;
		font-size: 12px !important;
		padding: 0 10px !important;
	}
}
/* =========================================================
   META WIDGET ICON
   ========================================================= */

.widget_meta ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.widget_meta ul li {
	position: relative !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	border-bottom: 1px solid #ececec !important;
}

.widget_meta ul li:last-child {
	border-bottom: none !important;
}

.widget_meta ul li a {
	display: block !important;
	padding: 7px 10px 7px 28px !important;
	color: #222 !important;
	font-family: 'Roboto Condensed', Sans-serif !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%) !important;
	transition: all .2s ease-in-out !important;
	position: relative !important;
}

.widget_meta ul li a:hover {
	background: linear-gradient(90deg, #8b0000 0%, #d60000 50%, #8b0000 100%) !important;
	color: #ffffff !important;
	padding-left: 32px !important;
}

/* ICON */
.widget_meta ul li a:before {
	content: "\f0c1" !important;
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900 !important;
	position: absolute !important;
	left: 10px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	font-size: 11px !important;
	color: #c40000 !important;
}

.widget_meta ul li a:hover:before {
	color: #ffffff !important;
}

/* MOBILE */
@media screen and (max-width: 575px) {

	.widget_meta ul li a {
		font-size: 12px !important;
		padding: 6px 8px 6px 26px !important;
	}

	.widget_meta ul li a:before {
		left: 8px !important;
		font-size: 10px !important;
	}
}
/* =========================================================
   MENU W CONTAINER
   ========================================================= */

.menu-w-container {
	margin: 0 !important;
	padding: 0 !important;
}

.menu-w-container .menu {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	background: #ffffff !important;
	border: 1px solid #dddddd !important;
	border-radius: 2px !important;
	overflow: hidden !important;
}

.menu-w-container .menu li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	border-bottom: 1px solid #ececec !important;
	position: relative !important;
}

.menu-w-container .menu li:last-child {
	border-bottom: none !important;
}

.menu-w-container .menu li a {
	display: block !important;
	padding: 8px 10px 8px 30px !important;
	background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%) !important;
	color: #222 !important;
	font-family: 'Roboto Condensed', Sans-serif !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	text-decoration: none !important;
	position: relative !important;
	transition: all .2s ease-in-out !important;
}

/* ICON */
.menu-w-container .menu li a:before {
	content: "\f201" !important;
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900 !important;
	position: absolute !important;
	left: 10px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	font-size: 11px !important;
	color: #c40000 !important;
}

/* HOVER */
.menu-w-container .menu li a:hover {
	background: linear-gradient(90deg, #8b0000 0%, #d60000 50%, #8b0000 100%) !important;
	color: #ffffff !important;
	padding-left: 34px !important;
}

.menu-w-container .menu li a:hover:before {
	color: #ffffff !important;
}

/* ACTIVE */
.menu-w-container .menu li.current-menu-item > a,
.menu-w-container .menu li.current_page_item > a {
	background: linear-gradient(90deg, #8b0000 0%, #d60000 50%, #8b0000 100%) !important;
	color: #ffffff !important;
	text-shadow: 0 1px 1px rgba(0,0,0,.4) !important;
}

.menu-w-container .menu li.current-menu-item > a:before,
.menu-w-container .menu li.current_page_item > a:before {
	color: #ffffff !important;
}

/* MOBILE */
@media screen and (max-width: 575px) {

	.menu-w-container .menu li a {
		font-size: 12px !important;
		padding: 7px 8px 7px 26px !important;
	}

	.menu-w-container .menu li a:before {
		left: 8px !important;
		font-size: 10px !important;
	}

	.menu-w-container .menu li a:hover {
		padding-left: 30px !important;
	}
}
/* =========================================================
   RECENT POSTS WIDGET
   ========================================================= */

.widget_recent_entries ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.widget_recent_entries ul li {
	position: relative !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	border-bottom: 1px solid #ececec !important;
}

.widget_recent_entries ul li:last-child {
	border-bottom: none !important;
}

.widget_recent_entries ul li a {
	display: block !important;
	padding: 8px 10px 8px 30px !important;
	background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%) !important;
	color: #222 !important;
	font-family: 'Roboto Condensed', Sans-serif !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	text-decoration: none !important;
	position: relative !important;
	transition: all .2s ease-in-out !important;
}

/* ICON */
.widget_recent_entries ul li a:before {
	content: "\f15c" !important;
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900 !important;
	position: absolute !important;
	left: 10px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	font-size: 11px !important;
	color: #c40000 !important;
}

/* HOVER */
.widget_recent_entries ul li a:hover {
	background: linear-gradient(90deg, #8b0000 0%, #d60000 50%, #8b0000 100%) !important;
	color: #ffffff !important;
	padding-left: 34px !important;
}

.widget_recent_entries ul li a:hover:before {
	color: #ffffff !important;
}

/* MOBILE */
@media screen and (max-width: 575px) {

	.widget_recent_entries ul li a {
		font-size: 12px !important;
		padding: 7px 8px 7px 26px !important;
	}

	.widget_recent_entries ul li a:before {
		left: 8px !important;
		font-size: 10px !important;
	}

	.widget_recent_entries ul li a:hover {
		padding-left: 30px !important;
	}
}
/* =========================================================
   ARCHIVE WIDGET
   ========================================================= */

.widget_archive ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.widget_archive ul li {
	position: relative !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	border-bottom: 1px solid #ececec !important;
}

.widget_archive ul li:last-child {
	border-bottom: none !important;
}

.widget_archive ul li a {
	display: block !important;
	padding: 8px 10px 8px 30px !important;
	background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%) !important;
	color: #222 !important;
	font-family: 'Roboto Condensed', Sans-serif !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	text-decoration: none !important;
	position: relative !important;
	transition: all .2s ease-in-out !important;
}

/* ICON */
.widget_archive ul li a:before {
	content: "\f073" !important;
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900 !important;
	position: absolute !important;
	left: 10px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	font-size: 11px !important;
	color: #c40000 !important;
}

/* HOVER */
.widget_archive ul li a:hover {
	background: linear-gradient(90deg, #8b0000 0%, #d60000 50%, #8b0000 100%) !important;
	color: #ffffff !important;
	padding-left: 34px !important;
}

.widget_archive ul li a:hover:before {
	color: #ffffff !important;
}

/* MOBILE */
@media screen and (max-width: 575px) {

	.widget_archive ul li a {
		font-size: 12px !important;
		padding: 7px 8px 7px 26px !important;
	}

	.widget_archive ul li a:before {
		left: 8px !important;
		font-size: 10px !important;
	}

	.widget_archive ul li a:hover {
		padding-left: 30px !important;
	}
}
/* =========================================================
   CATEGORY WIDGET
   ========================================================= */

.widget_categories ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.widget_categories ul li {
	position: relative !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	border-bottom: 1px solid #ececec !important;
}

.widget_categories ul li:last-child {
	border-bottom: none !important;
}

.widget_categories ul li a {
	display: block !important;
	padding: 8px 10px 8px 30px !important;
	background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%) !important;
	color: #222 !important;
	font-family: 'Roboto Condensed', Sans-serif !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	text-decoration: none !important;
	position: relative !important;
	transition: all .2s ease-in-out !important;
}

/* ICON */
.widget_categories ul li a:before {
	content: "\f07b" !important;
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900 !important;
	position: absolute !important;
	left: 10px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	font-size: 11px !important;
	color: #c40000 !important;
}

/* HOVER */
.widget_categories ul li a:hover {
	background: linear-gradient(90deg, #8b0000 0%, #d60000 50%, #8b0000 100%) !important;
	color: #ffffff !important;
	padding-left: 34px !important;
}

.widget_categories ul li a:hover:before {
	color: #ffffff !important;
}

/* MOBILE */
@media screen and (max-width: 575px) {

	.widget_categories ul li a {
		font-size: 12px !important;
		padding: 7px 8px 7px 26px !important;
	}

	.widget_categories ul li a:before {
		left: 8px !important;
		font-size: 10px !important;
	}

	.widget_categories ul li a:hover {
		padding-left: 30px !important;
	}
}
/* =========================================================
   RECENT COMMENTS WIDGET
   ========================================================= */

.widget_recent_comments ul,
#recentcomments {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.widget_recent_comments ul li,
#recentcomments li {
	position: relative !important;
	margin: 0 !important;
	padding: 8px 10px 8px 30px !important;
	list-style: none !important;
	border-bottom: 1px solid #ececec !important;
	background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%) !important;
	color: #555 !important;
	font-family: Arimo, Sans-serif !important;
	font-size: 12px !important;
	line-height: 1.6 !important;
	transition: all .2s ease-in-out !important;
}

.widget_recent_comments ul li:last-child,
#recentcomments li:last-child {
	border-bottom: none !important;
}

/* ICON */
.widget_recent_comments ul li:before,
#recentcomments li:before {
	content: "\f086" !important;
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900 !important;
	position: absolute !important;
	left: 10px !important;
	top: 12px !important;
	font-size: 11px !important;
	color: #c40000 !important;
}

/* AUTHOR */
.widget_recent_comments .comment-author-link,
#recentcomments .comment-author-link {
	font-family: 'Roboto Condensed', Sans-serif !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #222 !important;
}

/* LINK */
.widget_recent_comments a,
#recentcomments a {
	color: #c40000 !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

.widget_recent_comments a:hover,
#recentcomments a:hover {
	color: #8b0000 !important;
	text-decoration: underline !important;
}

/* HOVER */
.widget_recent_comments ul li:hover,
#recentcomments li:hover {
	background: #fff0f0 !important;
	padding-left: 34px !important;
}

/* MOBILE */
@media screen and (max-width: 575px) {

	.widget_recent_comments ul li,
	#recentcomments li {
		font-size: 11px !important;
		padding: 7px 8px 7px 26px !important;
	}

	.widget_recent_comments ul li:before,
	#recentcomments li:before {
		left: 8px !important;
		font-size: 10px !important;
	}

	.widget_recent_comments ul li:hover,
	#recentcomments li:hover {
		padding-left: 30px !important;
	}

	.widget_recent_comments .comment-author-link,
	#recentcomments .comment-author-link {
		font-size: 12px !important;
	}
}
/* =========================================================
   PREDIKSI BOX
   ========================================================= */

.prediksi-box {
	background: #ffffff !important;
	border: 1px solid #dcdcdc !important;
	border-top: 5px solid #c40000 !important;
	padding: 10px !important;
	margin: 10px 0 !important;
	border-radius: 2px !important;
	box-shadow: 0 1px 3px rgba(0,0,0,.08) !important;
	overflow: hidden !important;
	font-family: Arimo, Sans-serif !important;
}

/* RESULT TERBARU */
.prediksi-result-terbaru {
	background: linear-gradient(90deg, #8b0000 0%, #d60000 50%, #8b0000 100%) !important;
	padding: 12px !important;
	border-radius: 2px !important;
	text-align: center !important;
	color: #ffffff !important;
	margin-bottom: 10px !important;
}

.prediksi-result-flag {
	font-size: 26px !important;
	margin-bottom: 5px !important;
}

.prediksi-result-title {
	font-family: 'Roboto Condensed', Sans-serif !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
}

.prediksi-result-date {
	font-size: 12px !important;
	margin-top: 4px !important;
	opacity: .95 !important;
}

.prediksi-result-number {
	margin-top: 10px !important;
}

.prediksi-result-ball {
	display: inline-block !important;
	width: 42px !important;
	height: 42px !important;
	line-height: 42px !important;
	background: #ffffff !important;
	color: #c40000 !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	border-radius: 50% !important;
	margin: 0 3px !important;
	box-shadow: 0 1px 2px rgba(0,0,0,.2) !important;
	font-family: 'Roboto Condensed', Sans-serif !important;
}

.prediksi-result-jackpot {
	margin-top: 10px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
}

/* HEADER */
.prediksi-header {
	background: #ffffff !important;
	border: 1px solid #e6e6e6 !important;
	padding: 10px !important;
	margin-bottom: 10px !important;
	text-align: center !important;
}

.prediksi-header h2 {
	margin: 6px 0 0 !important;
	font-size: 20px !important;
	font-family: 'Roboto Condensed', Sans-serif !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
}

.prediksi-title {
	background: linear-gradient(90deg, #8b0000 0%, #d60000 50%, #8b0000 100%) !important;
	color: #ffffff !important;
	text-align: center !important;
	padding: 8px 10px !important;
	font-size: 18px !important;
	font-family: 'Roboto Condensed', Sans-serif !important;
	font-weight: 700 !important;
	margin-bottom: 10px !important;
	border-radius: 2px !important;
}

.prediksi-desc {
	background: #f8f8f8 !important;
	border: 1px solid #ececec !important;
	padding: 10px !important;
	font-size: 13px !important;
	line-height: 1.7 !important;
	color: #444 !important;
	margin-bottom: 10px !important;
	text-align: center !important;
}

/* BANNER */
.prediksi-banner {
	margin: 10px 0 !important;
	text-align: center !important;
}

.prediksi-banner img {
	max-width: 100% !important;
	height: auto !important;
	border-radius: 2px !important;
	border: 1px solid #ddd !important;
}

/* TABLE */
.prediksi-table {
	width: 100% !important;
	border-collapse: collapse !important;
	margin-bottom: 10px !important;
}

.prediksi-table tr:nth-child(even) td {
	background: #fafafa !important;
}

.prediksi-table td {
	border: 1px solid #dddddd !important;
	padding: 8px 10px !important;
	font-size: 13px !important;
	line-height: 1.6 !important;
}

.prediksi-table td:first-child {
	background: #f4f4f4 !important;
	font-family: 'Roboto Condensed', Sans-serif !important;
	font-weight: 700 !important;
	width: 40% !important;
	color: #222 !important;
}

/* SUBTITLE */
.prediksi-subtitle,
.prediksi-ln h3,
.prediksi-catatan h3,
.prediksi-extra h3 {
	background: linear-gradient(90deg, #8b0000 0%, #d60000 50%, #8b0000 100%) !important;
	color: #ffffff !important;
	padding: 7px 10px !important;
	font-size: 16px !important;
	font-family: 'Roboto Condensed', Sans-serif !important;
	font-weight: 700 !important;
	margin: 10px 0 !important;
	border-radius: 2px !important;
}

/* CONTROL */
.prediksi-control {
	background: #ffffff !important;
	border: 1px solid #e5e5e5 !important;
	padding: 10px !important;
	margin-bottom: 10px !important;
}

.prediksi-control div {
	margin-bottom: 8px !important;
	font-size: 13px !important;
	line-height: 1.7 !important;
}

.prediksi-control strong {
	display: inline-block !important;
	min-width: 90px !important;
	color: #c40000 !important;
	font-family: 'Roboto Condensed', Sans-serif !important;
}

.prediksi-control span {
	display: inline-block !important;
	background: #f5f5f5 !important;
	padding: 4px 6px !important;
	margin: 2px !important;
	border-radius: 2px !important;
	font-weight: 700 !important;
}

/* LN */
.prediksi-ln {
	background: #ffffff !important;
	border: 1px solid #e6e6e6 !important;
	padding: 10px !important;
	margin-bottom: 10px !important;
}

.prediksi-ln-top {
	background: #c40000 !important;
	color: #ffffff !important;
	font-size: 26px !important;
	font-weight: 700 !important;
	text-align: center !important;
	padding: 10px !important;
	margin-bottom: 10px !important;
	border-radius: 2px !important;
	font-family: 'Roboto Condensed', Sans-serif !important;
}

.prediksi-ln p {
	margin: 0 !important;
	font-size: 13px !important;
	line-height: 1.8 !important;
	word-break: break-word !important;
}

/* CATATAN */
.prediksi-catatan {
	background: #ffffff !important;
	border: 1px solid #e5e5e5 !important;
	padding: 10px !important;
	margin-bottom: 10px !important;
}

.prediksi-catatan ul {
	margin: 0 !important;
	padding-left: 18px !important;
}

.prediksi-catatan li {
	font-size: 13px !important;
	line-height: 1.7 !important;
	margin-bottom: 6px !important;
}

/* NUMBER LIST */
.prediksi-number-list {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
	margin-bottom: 10px !important;
}

.prediksi-number-item {
	display: inline-block !important;
	background: #f5f5f5 !important;
	border: 1px solid #dddddd !important;
	padding: 6px 8px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	border-radius: 2px !important;
	color: #222 !important;
	font-family: 'Roboto Condensed', Sans-serif !important;
}

.prediksi-number-item.hot {
	background: linear-gradient(90deg, #8b0000 0%, #d60000 50%, #8b0000 100%) !important;
	color: #ffffff !important;
	border-color: #8b0000 !important;
}

/* MOBILE */
@media screen and (max-width: 575px) {

	.prediksi-box {
		padding: 8px !important;
	}

	.prediksi-result-title {
		font-size: 17px !important;
	}

	.prediksi-result-ball {
		width: 34px !important;
		height: 34px !important;
		line-height: 34px !important;
		font-size: 17px !important;
		margin: 2px !important;
	}

	.prediksi-header h2 {
		font-size: 17px !important;
	}

	.prediksi-title {
		font-size: 16px !important;
	}

	.prediksi-subtitle,
	.prediksi-ln h3,
	.prediksi-catatan h3,
	.prediksi-extra h3 {
		font-size: 14px !important;
	}

	.prediksi-table td {
		font-size: 12px !important;
		padding: 7px !important;
	}

	.prediksi-number-item {
		font-size: 12px !important;
		padding: 5px 7px !important;
	}
}
/* =========================================================
   ENTRY BYLINE / META POST
   ========================================================= */

.entry-byline {
	background: #ffffff !important;
	border: 1px solid #dddddd !important;
	border-left: 4px solid #c40000 !important;
	padding: 7px 8px !important;
	margin: 8px 0 10px !important;
	border-radius: 2px !important;
	color: #555 !important;
	font-family: 'Roboto Condensed', Sans-serif !important;
	font-size: 13px !important;
	line-height: 1.6 !important;
}

.entry-byline div,
.entry-byline > a,
.entry-byline > i {
	display: inline-block !important;
	vertical-align: middle !important;
	margin: 2px 8px 2px 0 !important;
	float: none !important;
}

.entry-byline a {
	color: #222 !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

.entry-byline a:hover {
	color: #c40000 !important;
	text-decoration: underline !important;
}

.entry-byline .genericon {
	color: #c40000 !important;
	font-size: 15px !important;
	line-height: 1 !important;
	margin-right: 4px !important;
	vertical-align: -2px !important;
}

.entry-byline .entry-author,
.entry-byline .entry-date,
.entry-byline .entry-categories,
.entry-byline .entry-comment-info {
	margin-right: 10px !important;
}

.entry-byline .post-edit-link {
	background: linear-gradient(90deg, #8b0000 0%, #d60000 50%, #8b0000 100%) !important;
	color: #ffffff !important;
	padding: 2px 8px !important;
	border-radius: 2px !important;
	font-size: 12px !important;
}

.entry-byline .post-edit-link:hover {
	color: #ffffff !important;
	text-decoration: none !important;
	opacity: .9 !important;
}

/* MOBILE */
@media screen and (max-width: 575px) {

	.entry-byline {
		font-size: 12px !important;
		padding: 6px 7px !important;
	}

	.entry-byline div,
	.entry-byline > a,
	.entry-byline > i {
		margin: 2px 6px 2px 0 !important;
	}

	.entry-byline .genericon {
		font-size: 14px !important;
	}
}
.row1 {
    margin: 0
}

.column1 {
    float: left;
    width: 50%;
    padding: 2px
}

.row1.pasar img {
    width: 100%
}

#below-menu {
    width: 100%
}

.row1:after {
    content: "";
    display: table;
    clear: both
}

@media screen and (max-width: 600px) {
    .column1 {
        width:100%
    }

    .row1.pasar img {
        width: 100%;
        height: 50px
    }
}

.banner-float img {
    width: 728px
}

.banner1 img {
    display: inline-block;
    width: 49%
}

.floating-top,.floating-bottom {
    background: transparent;
    height: auto;
    left: 0;
    padding: 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 1001
}

.floating-top {
    top: 0
}

.floating-bottom {
    bottom: 0
}

.floating-top img {
    width: 32%
}

.headerbanner {
    text-align: center;
    background: #f5f5f5;
    padding-top: 5px
}

.headerbanner img {
    width: 49.5%
}

.banner-top img {
    width: 728px
}

@media only screen and (max-device-width: 1000px) {
    .floating-top img,.floating-bottom img,.headerbanner img,.banner1 img,.banner2 img,.banner-float img,.banner-top img {
        width:100%;
        margin-bottom: 2px;
    }

    .banner1,.banner2 {
        display: block
    }

    .banner1 img,.banner2 img {
        display: block
    }

    .banner {
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        background: #3a3a3a
    }

    .banner img {
        display: inline-block;
        width: 48%;
        box-sizing: border-box;
        margin: 5px
    }

    .banner-float {
        position: fixed;
        width: 100%;
        text-align: center;
        bottom: 1px;
        z-index: 9999
    }
}

@media only screen and (max-device-width: 550px) {
    .banner1 img {
        display:inline-block;
        width: 100%
    }
}

.banner1 {
    display: block;
    text-align: center
}

.banner img {
    display: block;
    width: 100%;
    margin: 0
}

.banner-float {
    width: 100%
}

.banner-float img {
    width: 100%
}

@media screen and (max-width: 768px) {
    a img,img.responsive-banner {
        height:auto!important;
        max-width: 100%!important
    }
}

.btn-close {
    position: absolute;
    top: -26px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10002;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    white-space: nowrap
}

.banner-float-bottom>.btn-close {
    left: 50%;
    transform: translateX(-50%)
}

.banner-float-center>.btn-close {
    left: auto;
    right: 6px;
    transform: none
}

@media(max-width: 767px) {
    .btn-close {
        top:-30px;
        padding: 6px 12px;
        font-size: 12px
    }
}
/* =========================================================
   BUTTON CLOSE STYLE
   ========================================================= */

.btn-close {
	display: inline-block !important;
	padding: 5px 12px !important;
	background: linear-gradient(to bottom, #343a40 0%, #1d2124 100%) !important;
	border: 1px solid #1a1e21 !important;
	border-radius: 4px !important;
	color: #ffffff !important;
	font-family: Arial, Sans-serif !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	text-align: center !important;
	cursor: pointer !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.08),
				0 1px 2px rgba(0,0,0,.15) !important;
	transition: all .15s ease-in-out !important;
}

.btn-close:hover {
	background: linear-gradient(to bottom, #23272b 0%, #121416 100%) !important;
	border-color: #0f1113 !important;
	color: #ffffff !important;
}

.btn-close:active {
	transform: scale(.98) !important;
	box-shadow: inset 0 2px 4px rgba(0,0,0,.25) !important;
}

.btn-close:focus {
	outline: none !important;
	box-shadow: 0 0 0 0.15rem rgba(52,58,64,.35) !important;
}

/* SMALL */
.btn-sm {
	padding: 4px 10px !important;
	font-size: 11px !important;
}

/* DARK */
.btn-dark {
	background: linear-gradient(to bottom, #343a40 0%, #1d2124 100%) !important;
	color: #ffffff !important;
}

/* ROUNDED */
.rounded-2 {
	border-radius: 4px !important;
}
@media screen and (max-width: 840px) {
    #nav-main.dropped .nav-main {
        margin: 0 !important;
    }
}