/* BISMILLAH 
--> inisial.com --> inisialtech tmpl.v3.0 build.240701
--> love you bunda, rafka, dean, amanda, mahen */
body {
	font-family: "Roboto", sans-serif;
	font-style:normal;
	font-size: 15px;
	line-height: 1.9;
	font-weight: 400;
	color:#222;
	text-align: left;  
	word-wrap:break-word;
	padding: 0;
	margin: 0;
	cursor: auto;
	background: #ddd;
	height: 100%;
}
a
{
	color: #013e04;
	text-decoration:none;
}
a:hover 
{
	color: #000;
	text-decoration: none;
}

.moduletable-logo h1 a:hover,
.scale-up a:hover {
	animation: letter-spacing 0.5s ease-in-out 1;
}
@keyframes letter-spacing {
	0% {letter-spacing: 0em;}
	50% {letter-spacing: 0.1em;}
	100% {letter-spacing: 0.0em;}
}
.clearBoth {clear:both;	height:0px!important;margin:0px!important;padding:0px!important;line-height:0px!important;}
p {margin: 50px 0px}
ul, ol {margin: 0px 0px;}
h1,h2,h3,h4,h5 {line-height: 1.5}
.boxOut {/*------------------------------------------------------ boxOut ------------*/
	background: rgba(255, 255, 255, 0.3);
}
.lebar {/*------------------------------------------------------ iniLebar ------------*/
	max-width: 1366px;
	margin: 0px auto 0 auto;
}
.boxOutFoot { /*------------------------------------------------------ bgFoot ------------*/
	background: url(../../../images/assets/bgcitybot1.png) left bottom repeat-x fixed;
	padding: 0px 0px 0px 0px;
	border: 0px solid #f00;
}
.boxTop { /*------------------------------------------------------ box-top------------*/
	padding: 0px 0px;

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
}
.iniPageBody { /*------------------------------------------------------ iniPage-Body------------*/
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}
.iniPageBody_section {
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
	align-self: auto;
	order: 0;
}
.iniPageBody_section.-section1 {order: 0;}
.iniPageBody_section.-section2 {order: 0;}
.iniPageBody_section.-section3 {order: 0;}

.iniPage { /*----------------------------------------------------------- iniPage------------*/
	padding: 100px 100px;
	border: 0px solid #f00;
	position: relative;

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
}
.iniPage_section {
}
.iniPage_section.-section1 {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 428px;

	margin: 0px 0px 0px 0px;
	position: sticky;
	top: 150px;
	order: 0;
	border: 0px solid #aaa;
}
.iniPage_section.-section2 {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;

	position: sticky;
	top: 150px;
	order: 0;
	border: 0px solid #000;
}
/*========================================================================================================logo */
.moduletable-logo {
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
	align-self: auto;
	order: 0;

	border:0px solid #f00;
	margin: 0px 20px 0 40px;
	padding: 0px 0px;
}
.moduletable-logo h1 {
	font-size: 24px;
	line-height: 1;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: 700;
}
.moduletable-logo h1 strong,
.moduletable-logo h1 b
{
	font-weight: 700;
}
.moduletable-logo h1 a {
	color: #333;
}
.moduletable-logo h1 a strong,
.moduletable-logo h1 a b
{
	color: #013e04;
}
/*======================================================================================================== DM-MENU  DESKTOP VIEW */
.moduletable-dmMenu {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: 100%;
	align-self: auto;
	order: 0;

	border: 0px solid #f00;
	padding: 0 0px;
	margin: 0px 30px 0px 0px;
	position: relative;
}
.moduletable-dmMenu .dj-megamenu-clean {
	padding: 0 !important;
	margin: 0 !important;
	list-style: none;
	overflow: visible;
	height: auto;
	width: auto;
	position: relative;
	z-index: 500;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	border: 0px solid #f00;
}
.moduletable-dmMenu .dj-megamenu-clean li.dj-up {
	position: relative;
	padding: 0;
	margin: 0;
	line-height: normal;
}
.moduletable-dmMenu .dj-megamenu-clean li a.dj-up_a,
.moduletable-dmMenu .dj-megamenu-clean li a.dj-up_a > span,
.moduletable-dmMenu li.dj-up > div.modules-wrap
{
	height: 60px;
	border: 0px solid #f00;
}
.moduletable-dmMenu li.dj-up > div.modules-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	border: 0px solid #f00;
}
.moduletable-dmMenu .dj-megamenu-clean li a.dj-up_a {
	display: block;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	color: #333;
	padding: 0px 15px;
	border: 0px solid #f00;
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
	position: relative;
}
.moduletable-dmMenu .dj-megamenu-clean li a.dj-up_a.active,
.moduletable-dmMenu .dj-megamenu-clean li a.dj-up_a:hover,
.moduletable-dmMenu .dj-megamenu-clean li a.dj-up_a:focus {
	color: #013e04;
}
.moduletable-dmMenu .dj-megamenu-clean li a.dj-up_a > span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
}
.moduletable-dmMenu .dj-megamenu-clean li a.dj-up_a .dj-icon {
	font-size: 22px !important;
	line-height: 22px;
	max-height: 46px !important;
}
.moduletable-dmMenu .dj-megamenu-clean li a.dj-up_a .dj-icon:before,
.moduletable-dmMenu .dj-megamenu-clean li ul.dj-submenu > li a .dj-icon:before,
.dj-offcanvas.-dmMenu .dj-offcanvas-content ul.-dmMenu li a.dj-up_a .dj-icon:before,
.dj-offcanvas.-dmMenu .dj-offcanvas-content ul.-dmMenu li ul.dj-mobile-nav-child > li a.dj-up_a .dj-icon:before,
.dj-offcanvas.-dmMenu .dj-offcanvas-content ul.-dmMenu li.dj-mobileitem > .modules-wrap a.modCustomMenu .dj-icon:before,
.dj-offcanvas.-dmMenu .dj-offcanvas-content ul.-dmMenu li ul.dj-mobile-nav-child > li a.modCustomMenu .dj-icon:before
{
	font-size: 22px !important;
	line-height: 22px;
	vertical-align: middle;
}
.moduletable-dmMenu .dj-megamenu-clean li.dj-up:nth-last-child(2)  { /*--------login-btn posisi----*/
	border: 0px solid #000;
	margin-left: auto !important;
}
.moduletable-dmMenu .dj-megamenu-clean li a.dj-up_a.-ini-login-btn > span span.name { /*--------login-btn----*/
	display: none;
}
.moduletable-dmMenu .dj-megamenu-clean li a.dj-up_a.-ini-login-btn .dj-icon:before {
	font-size: 36px !important;
	line-height: 36px;
}
.moduletable-dmMenu .dj-megamenu-clean li a.dj-up_a .dj-icon + span,
.moduletable-dmMenu .dj-megamenu-clean li ul.dj-submenu > li a .dj-icon + span
{
	margin-left: 10px;
}
/*-------------------------------------------------------- submenu sub-menu----*/
.moduletable-dmMenu .dj-subwrap {
	border: 0px solid #ddd;
	background-color: #013e04;

	box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
}
.moduletable-dmMenu .dj-subwrap:before {
	position: absolute;
	top: -5px;
	left: 25px;
	color: #fafafa;
	font-size: 14px;
	line-height: normal;
	transform: rotate(180deg);
}
.moduletable-dmMenu .dj-megamenu-clean li div.dj-subwrap .dj-subwrap-in {
	background-color: #fafafa;
	padding: 20px 30px;
	margin: 20px 0px 0px 0px;
	position: relative;
}

.moduletable-dmMenu .dj-megamenu-clean li ul.dj-submenu > li > a,
.moduletable-dmMenu .dj-megamenu-clean li ul.dj-submenu > li > div > a.modCustomMenu
{
	font-size: 15px;
	height: 22px;
	line-height: 22px;
	color: #444;
	text-decoration: none;
	padding: 8px 0px;
	border: 0px solid #f00;
	margin: 0 0px 5px 0px;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	position: relative;
}

.moduletable-dmMenu .dj-megamenu-clean li ul.dj-submenu > li:hover > a,
.moduletable-dmMenu .dj-megamenu-clean li ul.dj-submenu > li.active > a,
.moduletable-dmMenu .dj-megamenu-clean li ul.dj-submenu > li.active > div > a.modCustomMenu,
.moduletable-dmMenu .dj-megamenu-clean li ul.dj-submenu > li:hover  > div > a.modCustomMenu {
	color: #013e04;
	background: transparent;
}
.moduletable-dmMenu .dj-megamenu-clean li ul.dj-submenu > li > a.-logout-btn {
	border: 1px solid #f00;
	line-height: 22px;
	margin: 50px 10px 10px 10px;
	display: inline-flex;
	padding: 5px 10px !important;
}
/*-------------------------------------------------------- module di menu----*/
.moduletable-dmMenu .dj-megamenu-clean .modules-wrap {
	padding: 0px;
	color: inherit;
}
/*------------------------------------------------------- k2-avatar-user-btn ----*/
.moduletable-k2-avatar-user-btn {
	margin-left: 20px;
}
.-k2-avatar-user-btn {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
}
.-k2-avatar-user-btn div.ubAvatar {
	overflow: hidden;
	margin-right: 10px;
}
.-k2-avatar-user-btn div.ubAvatar img {
	height: 46px !important;
	width: auto !important;
	object-fit: cover;
	clip-path: circle(50%);
}
.-k2-avatar-user-btn div.ubDesc {
}
.-k2-avatar-user-btn div.ubDesc div.ubName {
	font-weight: 600;
}
.-k2-avatar-user-btn div.ubDesc span.ubGreeting {
	font-weight: 400;
}
.-k2-avatar-user-btn div.ubDesc div.ubCommentsCount {
	font-size: 0.8em;
}
.moduletable-dmMenu .dj-megamenu-clean.dj-megamenu-wcag :focus,
.moduletable-dmMenu  .dj-megamenu-clean.dj-megamenu-wcag :focus-visible {
	outline: 1px solid #aaa;
	outline-offset: -1px;
}
/*======================================================================================================== CARI */
.module-cari {
	border: 0px solid #f00;
	margin: 0px 0px;
	padding: 0px 0px;
	position: relative;
	width: 250px;
}
.module-cari .k2SearchBlockForm {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: flex-start;
	align-content: flex-end;
}
.k2SearchBlockForm input.inputbox {
	width: 50%;
	transition: width 0.5s ease-in-out;
	border-radius: 50px;
	padding: 8px 20px;
	position: relative;
	color: #999;
}
.module-cari .k2SearchBlockForm:after {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	color: #aaa;
	font-size: 16px;
}
/*========================================================================================== SLIDE FRAME ==*/
.moduletable-slideShow-frame {
	border: 0px solid #f00;
	position: relative;
}
.custom-slideShow-frame {
	width: auto;
	z-index: 1;
}
.moduletable-slideShow-frame p {
	margin: 0px;
	padding: 0px;
}
/*===================================================================================================== NAV BREAD*/
.-homePage .-bread {display: none;}
.-bread {
	padding: 20px 30px;
	margin: -50px -60px 60px -60px;
	border-bottom:0px solid #ddd;
	font-size: 70%;
	line-height: 1.5;
	background: #eee;
	color: #666;
	display: block;
}
.bcTitle {display: none;}
.bcSeparator {padding: 0 2px;}
/*============================================================================== NEWS SHOW*/
.moduletable-newsShow {
	border: 0px solid #f00;
	margin: 0px 0px 0px 0px;
	padding: 200px 100px;
	background: rgba(255, 255, 255, 0.9);
}
.moduletable-newsShow.-ourBlog {
	background: rgba(0, 0, 0, 0.8);
}
.moduletable-newsShow .k2ItemsBlock
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	position: relative;
}
.moduletable-newsShow .k2ItemsBlock .k2ModuleBox-in1 {
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 160px;
	align-self: auto;
	order: 0;
	margin: 0px 60px 0px 0px;
	padding: 0px;

	border: 0px solid #f00;
	position: sticky;
	top: 150px;
}
.moduletable-newsShow .k2ItemsBlock .k2ModuleBox-in2
{
	display: block;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 200px;
	align-self: auto;
	order: 0;

	border: 0px solid #f00;
	position: sticky;
	top: 150px;
}
.moduletable-newsShow .k2ModuleBox-in1 h2
{
	margin: 0px 0px 30px 0px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5;
	text-transform: uppercase;
	padding: 0px 0px 0px 20px;
	border-left: 10px solid #013e04;
}
.moduletable-newsShow.-ourBlog .k2ModuleBox-in1 h2
{
	border-left: 10px solid #013e04;
}
.moduletable-newsShow.-ourBlog a {color: #ccc}
.moduletable-newsShow.-ourBlog a:hover {color: #013e04}
.moduletable-newsShow .k2ModuleBox-in1 .modulePretext
{
	line-height: 1.7;
}
.moduletable-newsShow.-ourBlog .k2ModuleBox-in1 .modulePretext
{
	color: #999;
}
.moduletable-newsShow ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;

	margin: -15px -5px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}
.moduletable-newsShow ul li {
	display: block;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 200px;
	align-self: auto;
	order: 0;

	margin: 15px 5px;
	padding: 40px 40px;
	list-style: none;
	border: 1px solid transparent;
	background: rgba(255, 255, 255, 0.9);
}
.moduletable-newsShow.-ourBlog ul li {
	background: rgba(0, 0, 0, 0.2);
}
.moduletable-newsShow ul li .modBoxImage {
	border: 0px solid #f00;
	background: #fff;
	overflow: hidden;
	height: 200px;
	margin-bottom: 20px;
}
.moduletable-newsShow ul li .modBoxImage img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-bottom: 1px solid #fff
}
.moduletable-newsShow .modBoxBody {
	padding: 0px;
}
.moduletable-newsShow a.moduleItemTitle {
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 10px;
}
.moduletable-newsShow .moduleItemTags {
	margin: 0px 0px 0px 0px;
}
.moduletable-newsShow .moduleItemTags a {
	display: inline-block;
	margin: 0px 5px 0px 0px;
	line-height: normal;
	font-size: 80%;
	color: #013e04;
}
.moduletable-newsShow .moduleItemTags a:before {
	content: '#';
}
.moduletable-newsShow .moduleItemTags a:hover {color: #333}
.moduletable-newsShow .boxInfo {
	border: 0px;
	padding: 0px;
}
.moduletable-newsShow.-ourBlog .boxInfo {
	color: #999;
}
/*============================================================================== POPULER TRENDING */
.moduletable-populer
{
	border: 0px solid #ddd;
	margin: 0px 0px 50px 30px;
	padding: 60px 0px 60px 0px;
	background: rgba(255, 255, 255, 0.9);
	width: 280px;
}
.moduletable-populer > h3
{
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 50px;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 700;
	text-transform: uppercase;
	border-left: 10px solid #013e04;
}
.moduletable-populer ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 60px;
	list-style: none;
}
.moduletable-populer ul li {
	list-style: none;
	margin: 0px 0px 30px 0px;
	padding: 0px;
	line-height: 1.5;
}

.moduletable-populer ul li a
{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px; 
}
.moduletable-populer .boxInfo {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	border: 0px;
}

/* ================================================================================== WA CHAT WA SUPPORT  == */
.moduletable-waChat {
	margin: 0px 0px;
	padding: 0px 0px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
}
.moduletable-waChat .wa_agent .wa_heading, 
.moduletable-waChat .wa_agent p, 
.moduletable-waChat .wa_agent span {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
}
.moduletable-waChat .greeting  {
}
.moduletable-waChat .greeting h1,
.moduletable-waChat p.wa_heading,
.moduletable-waChat .wa_agent .wa_heading {
	font-size: 14px !important;
	line-height: normal;
	font-weight: 500 !important;
	padding: 0px 0px;
	margin: 0px 0px;
}
.moduletable-waChat .wa_agent_header {
	padding: 30px 30px !important;
}
.moduletable-waChat .wa_agent_body .wa_agent_body_list li.tab-link {
	padding: 30px 30px !important;
}
.moduletable-waChat .greeting p,
.moduletable-waChat .wa_agent_header_tab p {
	margin: 0px;
	line-height: normal;
}
.moduletable-waChat .wa_agent_body .wa_agent_body_list li.tab-link .wa_agent_role {
	line-height: normal !important;
	font-size: 90%;
	font-weight: 400;
}
.moduletable-waChat .wa_agent_body .wa_agent_body_list li.tab-link .wa_agent_name {
	font-size: 90%;
	font-weight: 500;
	line-height: normal !important;
}
.moduletable-waChat .wa_agent_body .wa_agent_body_list li.tab-link .agent_is_online {
	color: #1fcebf;
	letter-spacing: 1px;
}
.moduletable-waChat .wa_agent_body .wa_agent_body_list li.tab-link .agent_is_offline {
	color: #f00;
	letter-spacing: 1px;
}
div.offline-contact-form {
	display: none !important;
}

/*======================================================================= K2 PAGE K2 TEMPLATE K2 ALL -START ============================================================================================================================================================================================================== */
/* ======================================== k2 page style */
.k2-page-in {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;

	position: relative;
	margin: 0px;
	padding: 0px 0px;
	border: 0px solid #f00;
}
.k2-page-in1 {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 500px;

	margin: 0px 0px 0px 0px;
	position: sticky;
	top: 150px;
	order: 0;
	border: 0px solid #aaa;
}
.k2-page-in2 {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 0;

	position: sticky;
	top: 150px;
	order: 0;
	border: 0px solid #000;
}
.k2-item-in {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
}
.k2-item-in1 {
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
	align-self: auto;
	order: 0;
}
.k2-item-in2 {
	display: block;
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 200px;
	align-self: auto;
	order: 0;
}

/*====================================================================================================== K2 CATEGORY PAGES itemListView -START */
/* ------------------------------- K2 categories show */
.itemListCategoriesBlock {
	margin: 0px 0px 0px 0px;
	border-top: 0px dotted #aaa;
	border-bottom: 0px dotted #aaa;
	padding:0px 0px;
}
.-cateAddBanner .itemListCategoriesBlock { /*style category yang pakai banner */
	margin: 0px 0px 100px 0px;
	border-top: 0px dotted #aaa;
	border-bottom: 0px dotted #aaa;
	padding:0px 0px 0px 0px;
}
.itemListCategory {

}
.itemListCategory .catImage {
	height: 250px;
	overflow: hidden;
	margin-bottom: 20px;
}
.itemListCategory .catImage img {
	width: 100%;
	object-fit: cover;
}
.itemListCategory > h2 {
	font-size: 18px;
	line-height: 1.5;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
}
.catItemCount {
	color: #666;
	font-weight: 400;
	background: #ddd;
	padding: 3px 10px;
	font-size: 60%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	vertical-align: text-top;
	line-height: inherit;
}
.catDescription {
	color: #666;
	margin: 10px 0px 0px 0px;
}
.itemListCategory p {
	margin: 0;
}
.itemListSubCategories {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;

	border: 0px dotted #ddd;
	margin: 60px -10px;
}
.subCategoryContainer {
	display: block;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 120px;
	align-self: auto;
	order: 0;

	border: 1px solid #eaeaea;
	text-align: center;
	margin: 10px;
	padding: 50px 40px;
	background: #eaeaea;
}
.subCategory {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;

	border: 0px solid #f00;
}
.subCategory h2 {
	font-size: 15px;
	line-height: 1.5;
	margin: 0px 0px 20px 0px;
}
.subCategory h2 a:before {
	display: block;
	line-height: normal;
	font-size: 84px;
	margin-bottom: 20px;
	color: #2e2c71;
	transition: all 0.5s ease;
}
.subCategory h2:hover a:before {
	color: #013e04;
}
.subCatDescription {
	line-height: 1.7;
	margin-bottom: 30px;
}
.subCatDescription p {
	margin: 0px;
}
a.subCategoryMore {
	border: 1px solid #f00;
	margin-top: auto;
	margin-bottom: 0px;
}

/* ================================================================================ K2 categories list itemList k2 DEFAULT */
div.itemListView,
div.tagView,
div.genericView,
div.userView
{
	border: 0px solid #f00;
	margin: 0px 0px;
	padding: 300px 0px 0px 0px;
}
div.itemListView img,
div.tagView img,
div.genericView img,
div.userView img
{
	max-width: 100%;
	height: auto;
}
.itemList {
	border: 0px solid #f00;
}
.itemContainer,
.tagItemList .tagItemView,
.genericItemList .genericItemView,
.userItemList .userItemView
{
	background: rgba(255, 255, 255, 0.9);
	border-bottom: 0px dotted #aaa;
	margin: 0px 0px 100px 0px;
	padding: 100px 60px;
}
.catItemView {
	border: 0px solid #f00;
	padding: 0px;
}
.k2-item-in1-box {
}
.catItemImageBlock,
.tagItemImageBlock,
.catItemVideoBlock,
.genericItemImageBlock,
.userItemImageBlock
{
	width: 250px;
	margin: 30px 0px 0px 0px;
}
.catItemImageBlock img,
.tagItemImageBlock img,
.catItemVideoBlock img,
.genericItemImageBlock img,
.userItemImageBlock  img
{
	width: 100%;
}
.catItemVideoBlock {
	height: auto;
}
.k2-item-in2-box {
	margin: 0px 0px 0px 40px;
}
.catItemHeader,
.tagItemHeader,
.genericItemHeader,
.userItemHeader
{
	position: relative;
	margin: 0px 0px 10px -40px;
	padding: 0px 0px 0px 30px;
	border-left: 10px solid #013e04;
}

div.catItemHeader h3,
div.tagItemHeader h2,
div.genericItemHeader h2,
div.userItemHeader h2
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	line-height: 1.7;
	font-weight: 700;
}
.catItemIntroText,
.tagItemIntroText,
.genericItemIntroText,
.userItemIntroText
{
	line-height: 1.7;
}
.itemList .boxInfo,
div.tagView .tagItemList .boxInfo,
div.genericView .genericItemList .boxInfo,
div.userView .userItemList .boxInfo
{
	margin: 10px 0px;
	padding: 0px 0px;
	border-top: 0px dashed #bbb;
	border-bottom: 0px dashed #bbb;
}
.catItemReadMore a {color: #013e04;}
.catItemReadMore a:hover {color: #333;}
/* ================================================================================ K2 tagView genericView  userView */
div.tagView .boxHeader,
div.genericView .boxHeader,
div.userView .boxHeader {
	margin: 0px 0px 100px 0px;
	padding:100px 60px;
	background: rgba(255, 255, 255, 0.9);
}
#genericItemListNothingFound {
	margin: 0px 0px 100px 0px;
	padding:60px 60px;
	background: rgba(255, 255, 255, 0.9);
}
div.tagView .boxHeader h1,
div.genericView .boxHeader h1{
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400;
}
.genericSearchForm {
	border: 0px solid #f00;
	margin: 0px 0px 30px 0px;

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
}
.genericSearchForm input.k2-input {
	display: block;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 200px;
	align-self: auto;
	order: 0;
	margin-right: 20px;

	padding: 10px 20px;
	border: 1px solid #ccc;
}
.genericSearchForm input.k2-submit {
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 150px;
	align-self: auto;
	order: 0;

	padding: 10px 20px;
	cursor: pointer;
	position: relative;
}
/* ====================================== K2 userView */
.userBlock {
	border: 0px solid #f00;
	padding: 0px 0px;
	margin: 0px 0px 0px 0px;
}
.userBlockIn {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
}
.userBlock-In1 {
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
	align-self: auto;
	order: 0;
}
.userBlock-In2 {
	display: block;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
}
.userProfileImage {
	width: 146px;
}
.userProfileImage img {
	width: 146px;
	max-width: 146px;
	height: auto;
}
.userProfileNama {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 20px;
	border-left: 10px solid #013e04;

	font-size: 16px;
	line-height: normal;
	font-weight: 700;
}
.userDescription {
	margin: 0px 0px 30px 30px;
}
.userDescription p {
	margin: 10px 0px;
}
.userAdditionalInfo {
	margin: 0px 0px 30px 30px;
}
span.k2ItemUnpublish {
	font-weight: 300 !important;
	border: 1px solid #999;
	background: #999;
	color: #fff;
	line-height: normal;
	padding: 5px 8px;
	font-size: 80%;
}
/* ------------------------------ button in k2 */
.userItemAddLink {
	display: block;
	text-align: right;
	border: 0px solid #f00;
}
.itemEditLink a,
.catItemEditLink a,
.userItemAddLink a,
.userItemEditLink a {
	display: inline-block;
	line-height: normal;
	padding: 5px 8px;
	border: 1px solid #013e04;
	font-size: 80%;
	color: #fff;
	background: #013e04;
}
.itemEditLink a:hover,
.catItemEditLink a:hover,
.userItemAddLink a:hover,
.userItemEditLink a:hover {
	background: #333;
}
/* ================================================================================ K2 SECONDARY itemListSecondary */
#itemListSecondary {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;

	border: 0px solid #eaeaea;
	margin: 0px -5px;
	padding: 0px 0px;
}
#itemListSecondary .itemContainer {
	display: block;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 200px;
	align-self: auto;
	order: 0;
	
	border: 1px solid #fff;
	margin: 0px 5px 100px 5px;
	padding: 100px 60px;
	background: rgba(255, 255, 255, 0.9);
}
#itemListSecondary .catItemView {
}
#itemListSecondary .catItemView .k2-item-in {
	display: block;
}
#itemListSecondary .catItemView .k2-item-in .k2-item-in1 {
	margin: 1px;
}
#itemListSecondary .catItemView .k2-item-in .k2-item-in2 {
	padding: 0px;
}
#itemListSecondary .catItemImageBlock {
	width: 100%;
	margin: 0px 0px 20px 0px;
}
#itemListSecondary .catItemImage {
	height: 200px;
	overflow: hidden;
}
#itemListSecondary .catItemImage img {
	height: 200px;
	width: 100%;
	object-fit: cover;
}
#itemListSecondary .k2-item-in2-box {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
}
#itemListSecondary .catItemHeader {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #013e04;
}

#itemListSecondary div.catItemHeader h3 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 700;
}
/* -------------------------------------------------------------------- K2 SECONDARY itemListSecondary VIDEO MULTIMDIA */
.-video #itemListPrimary {
}
.-video #itemListPrimary .itemContainer {
	border-bottom: 1px dotted #aaa;
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 40px 0px;
}
.-video #itemListPrimary .itemContainer:first-of-type {
}
.-video #itemListPrimary .itemContainer:first-of-type .k2-item-in {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
}
.-video #itemListPrimary .itemContainer:first-of-type .k2-item-in1 {
	display: block;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 100%;
	align-self: auto;
	order: 0;

	border: 0px solid #f00;
}
.-video #itemListPrimary .itemContainer:first-of-type .k2-item-in2 {
	display: block;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;

	border: 0px solid #f00;
	padding: 40px 40px;
	background: #eaeaea;
}
.-video #itemListPrimary .itemContainer:first-of-type .catItemVideoBlock
{
	display: block;
	width: 100%;
	border: 0px solid #f00;
}
.-video #itemListPrimary .itemContainer .k2-item-in2-box {
	margin: 0px 0px 0px 0px;
}
.-video #itemListPrimary .itemContainer .catItemHeader 
{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border-left: 0px solid #013e04;
}
.-video #itemListPrimary .itemContainer:not(:first-of-type) .catItemVideoBlock {
	background: #fff;
	width: 46px;
	margin: 0px 30px 0px 0px;
	padding: 5px 10px;
	line-height: normal;
}
.-video #itemListPrimary .itemContainer:not(:first-of-type) .catItemVideoBlock:before {
	line-height: normal;
	font-size: 46px;
	color: #f00;
	margin: 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.-video #itemListPrimary .itemContainer:not(:first-of-type) .catItemVideoBlock .avPlayerContainer
{
	display: none;
}

/* ================================================================================ K2 LINK LIST itemListLinks */
#itemListLinks {
	border: 0px solid #f00;
}
#itemListLinks .itemContainer {
	border-bottom: 1px dotted #aaa;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 30px 0px;
}

/*====================================================================================================== K2 ITEM K2 PAGES itemView -START */
div.itemView .k2-page-in1.itemPage {
	padding: 50px 60px;
	background: rgba(255, 255, 255, 0.9);
}
div.itemView {
	border: 0px solid #f00;
	margin: 0px 0px;
	padding: 0px 0px;
}

div.itemHeader {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
}
div.itemHeader h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 20px;
	line-height: 1.5;
	font-weight: 700;
}
.itemImageBlock {
	margin: 0px 0px 30px 0px;
}
.itemVideoBlock {
	margin: 60px 0px;
}
.mediaCaption {
	border: 0px solid #f00;
	font-size: 80%;
	color: #666;
	line-height: normal;
}
.mediaCaption span {
	border: 0px solid #f00;
	display: inline-block;
}
.mediaCaption span.itemImageCaption {
	margin-right: 20px;
}
.itemImageCredits:before {
	vertical-align: middle;
}
/* ------------------------------- K2 ITEM itemBody */
div.itemBody h1,
div.itemBody h2, 
div.itemBody h3,
div.itemBody h4,
div.itemBody h5 {
	line-height: inherit;
	margin: 60px 0px 30px 0px;
	font-weight:700;
}

div.itemBody h1 {
	font-size: 20px;
}
div.itemBody h2 {
	font-size: 18px;
}
div.itemBody h3 {
	font-size: 16px;
}
div.itemBody h4 {
	font-size: 14px;
}
div.itemBody h5 {
	font-size: 12px;
}
div.itemBody ul,
div.itemBody ol {
	margin: 30px 30px;
	padding: 0px;
	border: 0px solid #f00;
}
div.itemBody ul li,
div.itemBody ol li {
	line-height: inherit;
	margin-bottom: 15px;
}
div.itemBody ul li ul,
div.itemBody ul li ol,
div.itemBody ol li ul,
div.itemBody ol li ol
{
	margin: 0px 15px;
	padding: 0px;
	border: 0px solid #000;
}
div.itemBody ul li ul li,
div.itemBody ul li ol li,
div.itemBody ol li ul li,
div.itemBody ol li ol li
{
	line-height: inherit;
	margin-bottom: 0px;
}
.itemBody .itemImage img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.itemBody img {
	max-width: 100%;
	height: auto;
}
/* -------------------------------sahre media sosial social */
.custom-sosShare p {margin:0px}

.custom-sosShare > h3,
.itemAuthorLatest > h3,
.itemRelated > h3,
.itemTagsBlock > h3,
.itemAttachmentsBlock > h3
{
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 20px;
	font-size: 16px;
	line-height: normal;
	font-weight: 700;
	text-transform: uppercase;
	border-left: 10px solid #013e04;
}

/* ----------------------------------tag k2 k2 tag */
div.catItemTagsBlock,
div.tagItemTagsBlock,
div.userItemTagsBlock
{
	margin: 10px 0px;
}
div.catItemTagsBlock ul.catItemTags,
div.itemTagsBlock ul.itemTags,
div.tagItemTagsBlock ul.tagItemTags,
div.userItemTagsBlock ul.userItemTags
{
	list-style: none;
	padding: 0;
	margin: -10px -50px;
	display: block;
	border: 0px solid #000;
	line-height: normal;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
div.catItemTagsBlock ul.catItemTags li,
div.itemTagsBlock ul.itemTags li,
div.tagItemTagsBlock ul.tagItemTags li,
div.userItemTagsBlock ul.userItemTags li
{
	list-style: none;
	padding: 0;
	margin: 10px 50px;
	border: 0px solid #f00;
	line-height: 1.2;
	border: 0px solid #f00;

	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: 160px;

}
div.catItemTagsBlock ul.catItemTags li a:before,
div.itemTagsBlock ul.itemTags li a:before,
div.tagItemTagsBlock ul.tagItemTags li a:before,
div.userItemTagsBlock ul.userItemTags li a:before
{
	content: "#";
	color: #333;
	font-weight: bold;
}
/* ----------------------------------tag k2 k2 item Related */
.itemAuthorLatest, 
.itemRelated,
.itemTagsBlock,
.itemAttachmentsBlock,
.custom-sosShare
{
	margin: 100px 0px;
}

div.itemRelated > ul,
.itemAuthorLatest > ul
{
	list-style: none;
	border:0px solid #000;
	margin: 0px 20px 0px 30px;
	padding: 0px 0px 0px 0px;
}
div.itemRelated > ul > li,
.itemAuthorLatest > ul > li
{
	display: block;
	list-style: none;
	border-bottom:1px solid #ddd;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 15px 0px;
}
.itemRelCat a {
	display: inline-block;
	background: #333;
	color: #fff;
	line-height: 10px;
	font-size: 10px;
	padding: 4px 8px;
}
.itemRelCat a:hover {
	background: #194c93;
	color: #fff;
}
/* docs viewer PDF viewer */
.aridoc-container {
	border: 0px solid #f00;
}
iframe.aridoc-frame {
	width: 100%;
	height: 60vh;
}
/*================================================================================================== K2 ITEM PAGES CUSTOM home page homepage  <-- ubah bg ini*/
div.itemView.-homePage .k2-page-in1.itemPage,
div.itemView.-aboutUs .k2-page-in1.itemPage
{
	margin: 460px -100px -100px -100px;
	padding: 200px;
	background: rgba(1, 62, 4, 0.5);
	font-size: 36px;
	line-height: 1.6;
	font-weight: 500;
	color: #fff;
}
div.itemView.-homePage div.itemHeader,
div.itemView.-aboutUs div.itemHeader,
.-aboutUs .-bread,
.-homePage .-bread {display: none;}
div.itemView.-homePage .k2-page-in1.itemPage p {
	margin: 0px;
}
div.itemView.-homePage .itemFullText strong {
	background: #fff;
	color: #013e04;
	padding: 0 5px;
}
/*====================================================================================================== K2 ITEM PAGES CUSTOM aboutus about */
div.itemView.-aboutUs .k2-page-in1.itemPage {
	font-size: 16px;
	line-height: 1.7;
	font-weight: inherit;
	margin-top: 300px;
	padding: 150px;
}

div.itemView.-aboutUs .k2-page-in1.itemPage .itemBody {
	border: 0px solid #f00;
}
.-aboutUs .itemFullText img  {
	position: relative;
}
.-aboutUs .itemBody .itemImageBlock {
}
.-aboutUs .itemBody .itemFullText {
	border: 0px solid #f00;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 80px; /* Jarak antar paragraf */
}
.-aboutUs .itemBody .itemFullText  > * {
	margin-bottom: 0;
}
.-aboutUs .itemBody .itemFullText > p {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 240px;
	margin: 0; /* Menghapus margin bawaan paragraf */
}
.-aboutUs .itemBody .itemFullText > ul,
.-aboutUs .itemBody .itemFullText > p:last-of-type {
	margin-bottom: 0;
}
blockquote {
	padding: 0 0 0 0px;
	margin: 0px 0px;
	font-size: 32px;
	line-height: 1.6;
}
/*====================================================================================================== K2 ITEM PAGES -END */

/*======================================================================================= BOXINFO*/
.boxInfo
{
	border-top: 1px dashed #bbb;
	border-bottom: 1px dashed #bbb;
	padding: 15px 0px;
	margin: 10px 0px 0px 0px;
	font-size: 80%;
	line-height: normal;
	color: #999;
}
.boxInfo-in {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: center;

}
.boxInfo-in div
{
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
	margin: 0px 15px 5px 0;
}
.boxInfo .date {
	border: 0px solid #333;
}
.boxInfo .hits {border: 0px solid #333;

}
.boxInfo a {color: #013e04; text-decoration:none;}
.boxInfo a:hover {text-decoration: underline;}
/* ===================================================================== GALLERY */ 
ul.sigProSeamlessCssGrid {
	margin: 40px auto !important;
	padding: 0!important;
	list-style: none;
	clear: both;
	overflow: hidden;
	display: grid;
	grid-gap: 20px;
}
ul.sigProSeamlessCssGrid {
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
}
ul.sigProSeamlessCssGrid li.sigProThumb {
	background: none !important;
	margin: 0;
	padding: 0;
	list-style: none !important;
}
ul.sigProSeamlessCssGrid li.sigProThumb a.sigProLink,
ul.sigProSeamlessCssGrid li.sigProThumb a.sigProLink:hover
{
	display: block;
	padding: 0;
	margin: 0;
	border: 0;
	background: #fff;
	position: relative;
	width: 100%;
	height: 160px !important;
	border: 0px solid #f00;
}
ul.sigProSeamlessCssGrid li.sigProThumb a.sigProLink img.sigProImg,
ul.sigProSeamlessCssGrid li.sigProThumb a.sigProLink:hover img.sigProImg 
{
	display: block;
	width: 100%;
	object-fit: cover;
	border: 0px solid #f00;
}

/*======================================================================================== PAGING */
.review_wrap {
	border: 0px solid #f00;
}
.review-top {
	float: none;
	width:100%;
	margin-right: 0px;
	border-radius: 0px;
	margin: 0px 0px 30px 0px;
}
.review-container {
	float: none;
	width: 100%;
}
/*======================================================================================== PAGING */
div.k2Pagination {
	padding: 0px;
	margin: 60px 0px;
	text-align: left;
	border: 0px solid #f00;
}
div.k2PaginationCounter {
	margin: 10px 0px;
	font-size: 80%;
}
div.k2Pagination {}
div.k2PaginationLinks {}
div.k2PaginationCounter {}
div.k2Pagination ul {
	text-align:left;
	margin: 0px 0px 0px -2pxpx;
	padding: 0px 0px 0px 0px;
}
div.k2Pagination ul li {display:inline-block;margin:0px;padding:0;}
div.k2Pagination ul li a {
	display:inline-block;
	padding:5px 10px;
	margin:1px 2px;
	border:1px solid #ddd;
	border-radius:0px;
	vertical-align:middle;
	background:#fff;
	text-decoration:none;
	line-height: normal;
	text-align: center;

}
div.k2Pagination ul li a:hover {background:#fafafa;cursor:pointer;}
div.k2Pagination ul li.active a {background:#fafafa;}
div.k2Pagination ul li a span {vertical-align:middle;}

div.itemBackToTop {display: none;}
div.catItemIsFeatured:before {display: none;}

/* ======================================== k2 Account page user page */
.k2AccountPage {
	padding: 60px 60px;
	background: rgba(255, 255, 255, 0.9);
}
/* ============================================================= login reset forgot password username */
.itemView.-loginPage,
.reset-general,
.login-general,
.k2AccountPage
{
	margin: 0px auto;
	max-width: 70%;
	padding: 0px;
	border: 0px solid #f00;
}
.itemView.-loginPage .itemHeader,
.itemView.-loginPage .-bread,
.moduletable-loginPage h3 {display: none; margin: 0px; padding: 0px}

div.itemView.-loginPage .k2-page-in1.itemPage,
.reset-generalIn,
.login-generalIn,
.k2AccountPageIn
{
	margin: 0px;
	padding: 80px 80px;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 0;
	border-top: 10px solid #013e04;
}

.itemView.-loginPage form#form-login,
.reset-generalIn,
.login-generalIn
{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}
.itemView.-loginPage fieldset.input,
.reset-generalIn form,
.login-generalIn form
{
	display: block;
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 300px;
	align-self: auto;
	order: 0;
	border: 0px solid #f00;
}
.itemView.-loginPage .k2ModLogDes,
.reset-generalIn .k2ModLogDes,
.login-generalIn .k2ModLogDes
{
	display: block;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 150px;
	align-self: auto;
	order: 0;
	border-left:1px solid #ddd;
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 0px 50px;
}
.k2ModLogField,
.reset-generalIn .control-group,
.login-generalIn .control-group,
.k2AccountPageIn-sec1-row
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: center;

	margin: 0px 0px 15px 0px;
}
.-forgotPassUser .control-group label {margin:0px; padding: 0px}
.k2ModLogField label,
.reset-generalIn .control-label,
.login-generalIn .control-label,
.k2AccountPageIn-sec1-row div.u-label
{
	display: block;
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 500px;
	align-self: auto;
	order: 0;
	text-align: left;
	padding: 0px;
	margin: 0px 0 10px 0px;
}
.k2AccountPageIn-sec1-row div.u-label
{
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 180px;
}
#form-login-remember.k2ModLogField label
{
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 100px;
	margin: 0px 0 0px 0px;
}
#form-login-remember.k2ModLogField label
{
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 100px;
	margin: 0px 0 0px 0px;
}
#form-login-remember .k2InputBox 
{
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 24px;
	margin: 0px 0 0px 0px;
	border: 0px solid #f00;
}
input[type="radio"], input[type="checkbox"] {
	margin: 2px 1px;
}
.k2AccountPageIn-sec1-row div.u-field,
.k2ModLogField .k2InputBox,
.reset-generalIn .controls,
.login-generalIn .controls
{
	display: block;
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 100px;
	align-self: auto;
	order: 0;

	margin: 0px;

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}
.k2ModLogField .k2InputBox input,
.-forgotPassUser .controls input
{

}

#form-login-username .k2InputBox input,
#form-login-password .k2InputBox input,
.login-generalIn input#username,
.login-generalIn input#password,
.reset-generalIn input#username,
.reset-generalIn input#password,
.reset-generalIn .controls  input#jform_email,
.reset-generalIn .controls  input#jform_username,
.reset-generalIn .controls  input#jform_token,
.reset-generalIn .controls  input#jform_password1,
.reset-generalIn .controls  input#jform_password2,
.k2AccountPageIn-sec1-row input
{
	padding: 0px 15px;
	height: 36px;
	line-height: normal;
	font-size: 15px;
	border: 1px solid #ccc;
	border-radius: 0;
	display: block;
	width: 160px;
	width: 100%;
}
.login-generalIn .ini-username .controls:before,
.login-generalIn .ini-password .controls:before,
.reset-generalIn .ini-username .controls:before,
.reset-generalIn .ini-password .controls:before,
.reset-generalIn .ini-jformpassword1 .controls:before,
.reset-generalIn .ini-jformpassword2 .controls:before,
.reset-generalIn .ini-jformemail .controls:before,
.reset-generalIn .ini-jformusername .controls:before,
.reset-generalIn .ini-jformtoken .controls:before,
#form-login-username .k2InputBox:before,
#form-login-password .k2InputBox:before
{
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 24px;

	order: 0;
	padding: 0px 10px;
	height:36px;
	line-height: 36px;
	font-size: 24px;
	border: 1px solid #ccc;
	background: #eee;
	margin-right: -1px;
}
.jk2Username  .u-field {
	padding: 8px 15px;
	line-height: normal;
	border: 0px solid #ccc;
	background: #eee;
}
.k2AccountPageIn-sec1-row.-jk2Gender .u-field .controls,
.k2AccountPageIn-sec1-row.-jk2Avatar .u-field {
	border: 0px solid #f00;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
}
.-jk2Avatar {margin-bottom: 30px}
.-jk2Avatar .u-field input#image {
	display: block;
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 99%;
	align-self: auto;
	order: 2;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border:  0px solid #f00;
}
.-jk2Avatar .u-field img.k2AccountPageImage {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: 120px;
	align-self: auto;
	order: 1;
	border:  1px solid #ccc;
	padding: 10px;
	margin-bottom: 10px;
	width: 120px;
	height: auto;
}
.-jk2Avatar .u-field input#del_image {
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 20px;
	align-self: auto;
	order: 3;
	border: 0px solid #f00;
	height: 20px;
	padding: 0px 0px;
	margin: 0px 5px 10px 0px;
}
.-jk2Avatar .u-field label {
	display: block;
	flex-grow:1;
	flex-shrink: 1;
	flex-basis: 200px;
	align-self: auto;
	order: 4;
	border: 0px solid #f00;
	line-height: normal;
	font-size: 80%;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
.-jk2Gender .u-field label.radio {
	border: 0px solid #f00;
	font-size: 15px;
	
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;

	padding: 0px 0px 0px 0px;
	margin: 0px 10px 10px 0px;
}
.-jk2Gender .u-field label > input { 
	font-size: 15px;
	height: 15px;
	line-height: 15px;
	width: auto;
}
.-jk2Gender .u-field label > input[type="radio"] {
	border: 1px solid #f00;
	float: none;
	margin: 0 5px 0px 0px;
	padding: 0px;
}

.itemView.-loginPage .preText {

}
.itemView.-loginPage .postText {

}
.k2ModLogDes p {
	margin: 0px 0px 30px 0px;
}
.itemView.-loginPage .preText p,
.itemView.-loginPage .postText {margin: 0px;}
.itemView.-loginPage ul,
.reset-general ul,
.login-generalIn ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}
.itemView.-loginPage ul li,
.reset-general ul li,
.login-generalIn ul li
{
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height:normal;
}
#form-login-button .k2InputBox {
	text-align: right;
	border: 0px solid #f00;
	display: inline-block;
}
#form-login-button input.button,
.login-general button,
.reset-general button,
.k2AccountPageUpdate button
{
	padding: 8px 20px !important;	
}
span.optional {
	font-size: 60%;
	color: #f00;
	line-height: normal;
}
.k2AccountPageIn-sec1 h3 {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 15px;
	font-weight: 600;
}
hr.k2AccountPageIn-sec1-sparator {
	margin: 30px 0px ;
}
.k2AccountPageUpdate {
	border-top: 1px solid #ccc;
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	text-align: right;
}

/*======================================================================= K2 END ============================================================================================================================================================================================================== */


/*======================================================================= RS- RS RSFORM ALL FORM -START ============================================================================================================================================================================================================== */
/* ======================================== rsFORM contact */
.moduletable-contactForm h3 {
	display: none;
}
.contactForm .formContainer
{
	padding: 50px 50px;
	border: 1px solid #ccc;
}
.contactForm .formContainer .formRow 
{
	border: 0px solid #f00;
}
.contactForm .formContainer .rsform-block
{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;

	border: 0px solid #000;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px;
}
.contactForm .formContainer .rsform-block label
{
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 200px;
	align-self: auto;
	order: 0;

	border: 0px solid #f00;
	margin: 0px 0px;
	padding: 0px 0px;
	text-align: left;
}
.contactForm .formContainer .rsform-block .formControls
{
	display: block;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 200px;
	align-self: auto;
	order: 0;
	max-width: 100%;
	border: 0px solid #f00;
	margin: 0px 0px;
	padding: 0px 0px;
	height: auto;
	line-height: normal;
}
.contactForm .formContainer .rsform-type-submitbutton
{
	margin-top: 50px;
	text-align: right;
}
#myRSform .formContainer .rsform-block .formControls .formValidation { /*ini yg bikin seleczeis jadi tinggi*/
	display: inherit;
	margin: 0px;
	padding: 0px;
	line-height: normal;
}
#myRSform .formContainer .rsform-block .formBody input.rsform-input-box
{
	margin: 0px 0px 0px 0px;
	width: 90%;
	padding: 10px 15px;
	border: 1px solid #ccc;
}
#myRSform .formContainer .rsform-block .formBody select.rsform-select-box
{
	margin: 0px 0px 0px 0px;
	width: 90%;
	padding: 10px 15px;
	border: 1px solid #ccc;
}
select.rsform-select-box-small {
	padding: 2px 10px;
}
#myRSform .formContainer .rsform-block .formBody textarea.rsform-text-box
{
	margin: 0px 0px 0px 0px;
	width: 90%;
	padding: 10px 15px;
}
#myRSform .formContainer .rsform-block .formBody .selectize-input
{
	margin: 0px 0px 0px 0px;
	width: 100%;
	padding: 10px 15px;
}
.formResponsive .formHorizontal p.formDescription,
.formResponsive .formError {
	margin: 0px 0px;
	line-height: normal;
}
.rsform-submit-button,
.rsform-reset-button {
	padding: 10px 20px !important;
}
/* =========================================================================================== copyR */
.moduletable-copyR {
	margin: 200px 50px 50px 100px;
	padding: 0px 0px;
	line-height: 1.5;
	color: #ccc;
}
.moduletable-copyR p{margin: 0px;}
.moduletable-copyR a {color: #fff;}
.moduletable-copyR a:hover {color: #ccc;}
/* =========================================================================================== GAYA */
.iniSticky {
	position: sticky;
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	top: 0;
	z-index: 1001;
	background: #f9f9f9 url(../../../images/assets/map.png) right top no-repeat;
	border-bottom: 0px solid #fff;
	box-shadow: 0 2px 4px -1px rgba(0,0,0,0.1), 0 4px 5px 0 rgba(0,0,0,0.1), 0 1px 10px 0 rgba(0,0,0,0.1);
	border-top: 1px solid #eee;
	border-bottom: 1px solid #fff;

	padding: 20px 10px;

	transition: padding 0.3s ease-in-out;
}

.iniSticky--scrolled {
	padding: 0px 0px;
}
.iniSticky .moduletable-logo h1 {
	transform: scale(1);
	opacity: 1;
	transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.iniSticky--scrolled .moduletable-logo h1 {
	transform: scale(0.9);
	opacity: 0.8;
	transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
/* ======================================================================= BOTTON LINE BUTTON */
.browse-btn {
	display: inline-block;
	border: 1px solid #999;
}
.browse-btn a {
	padding: 10px 20px;
	line-height: normal;
	display: inline-block;
}
.browse-btn:hover {
	border: 1px solid #fff;
	background: rgba(255, 255, 255, 0.5);
}
.moduletable-newsShow.-ourBlog .browse-btn {
	border: 1px solid #fff;
}
.moduletable-newsShow.-ourBlog .browse-btn:hover {
	border: 1px solid transparent;
	background: rgba(255, 255, 255, 1);
	
}
.moduletable-newsShow.-ourBlog .browse-btn a:hover {
	color: #013e04;
}
#form-login-button input.button,
.browse-btn,
.login-general button,
.reset-general button {
	margin-top: 30px;
}
/* ======================================================================= BUTTON BLUE Botton */
#form-login-button input.button,
.login-general button,
.reset-general button,
.k2AccountPageUpdate button.button,
.k2InputBox input.button
{
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
	border:1px solid #124d77;
	display:inline-flex;
	cursor:pointer;
	color:#ffffff;
	font-size:100%;
	padding:5px 5px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
	border-radius: 0;
}
.k2AccountPageUpdate button.button:hover,
.login-general button:hover,
.reset-general button:hover,
#form-login-button input.button:hover,
#form-login-button input.button:active,
.k2InputBox input.button:hover
{
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	background-color:#0061a7;
}
/* ======================================================================= BUTTON RED Botton red */
.moduletable-dmMenu .dj-megamenu-clean li ul.dj-submenu > li > a.-logout-btn,
.dj-offcanvas.-dmMenu .dj-offcanvas-content ul.-dmMenu li.dj-mobileitem > a.-logout-btn
{
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	background-color:#d0451b;
	border:1px solid #942911;
	display:inline-flex;
	cursor:pointer;
	color:#ffffff;
	padding:5px 5px;
	text-decoration:none;
}
.moduletable-dmMenu .dj-megamenu-clean li ul.dj-submenu > li > a.-logout-btn:hover,
.moduletable-dmMenu .dj-megamenu-clean li ul.dj-submenu > li > a.-logout-btn:active,
.dj-offcanvas.-dmMenu .dj-offcanvas-content ul.-dmMenu li.dj-mobileitem > a.-logout-btn:hover
{
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	background-color:#bc3315;
}

/* =========================================================================================== hover border animation rounded border gaya garis gaya */
.moduletable-newsShow ul li,
.moduletable-newsShow.-ourBlog ul li,
.browse-btn,
.itemContainer,
.borderRounded
{
	position: relative;
}
.moduletable-newsShow ul li a,
.moduletable-newsShow.-ourBlog ul li a,
.browse-btn a,
.itemContainer a,
.borderRounded a
{
	position: relative;
	z-index: 1;
}
.moduletable-newsShow ul li:before,
.moduletable-newsShow ul li:after,
.browse-btn:before,
.browse-btn:after,
.itemContainer:before,
.itemContainer:after,
.borderRounded:before,
.borderRounded:after
{
	content: '';
	position: absolute;
	height: 0;
	width: 0;
	border: solid #013e04;
	border-width: 0;
	border-radius: 0;
	transition: 0;
	-webkit-transition: 0;
	-moz-transition: 0;
	-o-transition: 0;
	-ms-transition: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	z-index: 0;
}
.moduletable-newsShow.-ourBlog ul li:before, /*warna border putih */
.moduletable-newsShow.-ourBlog ul li:after
{
	content: '';
	position: absolute;
	height: 0;
	width: 0;
	border: solid #fff;
	border-width: 0;
	border-radius: 0;
	transition: 0;
	-webkit-transition: 0;
	-moz-transition: 0;
	-o-transition: 0;
	-ms-transition: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	z-index: 0;
}
.moduletable-newsShow.-ourBlog ul li:hover:before,
.moduletable-newsShow ul li:hover:before,
.browse-btn:hover:before,
.itemContainer:hover:before,
.borderRounded:hover:before
{
	right: 0;
	bottom: 0;
	border-width: 0px 0px 1px 1px;
}
.moduletable-newsShow.-ourBlog ul li:hover:after,
.moduletable-newsShow ul li:hover:after,
.browse-btn:hover:after,
.itemContainer:hover:after,
.borderRounded:hover:after
{
	left: 0;
	top: 0;
	border-width: 1px 1px 0px 0px;
}
.moduletable-newsShow.-ourBlog ul li:hover:before,
.moduletable-newsShow.-ourBlog ul li:hover:after,
.moduletable-newsShow ul li:hover:before,
.moduletable-newsShow ul li:hover:after,
.browse-btn:hover:before,
.browse-btn:hover:after,
.itemContainer:hover:before,
.itemContainer:hover:after,
.borderRounded:hover:before,
.borderRounded:hover:after
{
	height: 100%;
	width: 100%;
	transition: width 0.5s ease, height 0.5s ease 0.5s, border-top-right-radius 0.1s ease 0.4s, border-bottom-left-radius 0.1s ease 0.4s, border-bottom-right-radius 0.1s ease 0.9s, border-top-left-radius 0.1s ease 0.9s;
	-webkit-transition: width 0.5s ease, height 0.5s ease 0.5s, border-top-right-radius 0.1s ease 0.4s, border-bottom-left-radius 0.1s ease 0.4s, border-bottom-right-radius 0.1s ease 0.9s, border-top-left-radius 0.1s ease 0.9s;
	-moz-transition: width 0.5s ease, height 0.5s ease 0.5s, border-top-right-radius 0.1s ease 0.4s, border-bottom-left-radius 0.1s ease 0.4s, border-bottom-right-radius 0.1s ease 0.9s, border-top-left-radius 0.1s ease 0.9s;
	-o-transition: width 0.5s ease, height 0.5s ease 0.5s, border-top-right-radius 0.1s ease 0.4s, border-bottom-left-radius 0.1s ease 0.4s, border-bottom-right-radius 0.1s ease 0.9s, border-top-left-radius 0.1s ease 0.9s;
	-ms-transition: width 0.5s ease, height 0.5s ease 0.5s, border-top-right-radius 0.1s ease 0.4s, border-bottom-left-radius 0.1s ease 0.4s, border-bottom-right-radius 0.1s ease 0.9s, border-top-left-radius 0.1s ease 0.9s;
}


/* =========================================================================================== ERROR PAGE */
.boxError {
	border: 0px solid #f00;
	text-align: center;
}
.boxError-top {
	padding: 50px 0px;
	background: #333333;
}
.boxError-icon {
	min-height: 230px;
	background: url(../img/error-icon.jpg) no-repeat center center;
}
.boxError-sitename {
	width: 50%;
	margin: 0 auto;
	color: #eee;
	text-align: center;
}
a.ahome {
	display: inline-block;
	color: #eee;
	background: #009bfe;
	font-size: 18px;
	line-height: 18px;
	padding: 10px 20px;
	margin: 10px 10px 0px 0px;
}
a.ahome:hover {
	color: #009bfe;
	background: #eee;
}
.bodyError-body {
	text-align: center;
	border: 0px solid #f00;
	padding: 50px;
	font-size: 46px;
	line-height: normal;
}
/* -------------------------------------------------------------------------RSS SEO */
#rsseo-cookie-accept {
	background-color: #000;
	color: #fff;
	font-size: 13px;
	min-height: 30px;
	left: 0;
	padding: 30px 50px !important;
	position: fixed;
	text-align: left !important;
	width: 40% !important;
	z-index: 556;
	line-height: 1.5 !important;

	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	justify-content: flex-start !important;
	align-items: flex-start !important;
	align-content: flex-start !important;
}
.rsseo-cookie-down {
	bottom: 10px !important;
	left: 10px !important;
}

#rsseo-cookie-accept button {
	margin-left: 20px !important;
	margin-bottom: 10 !important;
	flex: 0 0 100px !important;
	cursor: pointer !important;
	background: #ddd !important;
}
#rsseo-cookie-accept button:hover {
	background: #fff !important;
}