/* ================================================================================================================ RESPONSIVE LAYOUT */
/*BISMILLAH*/
/*================================= v2. love you bunda, rafka, dean, amanda, mahen =======================================*/
@media only screen and (min-width: 200px) and (max-width: 1024px) { 
/*=============================================================================================================SMALL START */

.boxOutFoot {
	padding: 0px 0px 300px 0px;
}
.boxTopIn {
	padding: 20px 25px;
}
.boxTopMidIn {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
}
.boxTopMidin .boxTopMidIn-1 {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
}
.boxTopMidin .boxTopMidIn-2 {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
}

/*========================================================================================================logo */
.moduletable-logo {
	border:0px solid #f00;
	margin: 0px;
	padding: 0px 0px;
}
.moduletable-logo h1 {
	font-size: 26px;
	line-height: 26px;

}
/*========================================================================================== SLIDE FRAME ==*/
.moduletable-slideShow {
	border: 0px solid #000;
	position: relative;
}
.custom-slideShow {
	height: 240px;
}
/*======================================================================================================== DM-MENU */
.-dmMenu {
	border: 0px solid #f00;
}
.-dmMenu .dj-offcanvas-top {
}
.dj-offcanvas-light.-dmMenu .dj-offcanvas-content {
	padding: 0px 30px 30px;
}
ul.dj-mobile-light.-dmMenu .modules-wrap {
	padding: 0px 0px;

}
ul.dj-mobile-light.-dmMenu {
	margin: 0 -30px;
	padding: 0;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;


	border: 0px solid #f00;
}
ul.dj-mobile-light.-dmMenu > li.dj-mobileitem {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 1;

}
ul.dj-mobile-light li.dj-mobileitem > a span.toggler {
	right: 10px !important;
}
ul.dj-mobile-light.-dmMenu li.dj-mobileitem a, 
ul.dj-mobile-light.-dmMenu ul.dj-mobile-nav-child li.dj-mobileitem > a
{
	display: block;
	font-size: 16px;
	font-weight: 500;
	background: #f2f2f2;
	color: #000;
	text-decoration: none;
	padding: 20px 30px;
	cursor: pointer;
	border-top: 1px solid #e4e4e4;
}

ul.dj-mobile-light.-dmMenu li.dj-mobileitem a:hover,
ul.dj-mobile-light.-dmMenu li.dj-mobileitem:hover a,
ul.dj-mobile-light.-dmMenu li.dj-mobileitem.active > a,
ul.dj-mobile-light.-dmMenu ul.dj-mobile-nav-child li.dj-mobileitem a:hover,
ul.dj-mobile-light.-dmMenu ul.dj-mobile-nav-child li.dj-mobileitem:hover a,
ul.dj-mobile-light.-dmMenu ul.dj-mobile-nav-child li.dj-mobileitem.active > a
{
	color: #226c82;
	background: none;
}
ul.dj-mobile-light.-dmMenu li.dj-mobileitem a.dj-up_a.waMe {
	display: inline-block;
	margin: 30px 30px;
	padding:10px 20px;
	background: #009688;
	color: #fff;
	line-height: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: none;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
ul.dj-mobile-light.-dmMenu li.dj-mobileitem a.dj-up_a.waMe:hover {
	background: #0bb3a3;
	color: #fff;
}
ul.dj-mobile-light.-dmMenu li.dj-mobileitem a.dj-up_a.waMe .dj-icon:before {
	font-size: 22px !important;
	vertical-align: middle;
}

/*===================================================================================================== NAV BREAD*/
.boxTopMidIn {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: stretch;
}
.boxTopMidin .boxTopMidIn-1 {
	display: block;
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 90px;
	align-self: auto;
	order: 0;
}
.boxTopMidin .boxTopMidIn-2 {
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 120px;
	align-self: auto;
	order: 0;
}
.-bread {
	padding: 10px 20px;
	margin: 0px 0px 0px 0px;
}
/*======================================================================================================== CARI */
.moduletable-cari {
	text-align: left;
	margin: 10px 10px 10px 0px;
	padding: 0px 0px;
	width: 150px;
}
.moduletable-cari form {
	margin: 0px;
}
.moduletable-cari input.inputbox[type="text"] {
	width: 80%;
	background-color: #ddd;
	color: #666;
	display: inline-block;
	height: 13px;
	padding: 8px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 13px;
	line-height: 13px;
	text-align: left;
	border: 1px solid #bbb;
}
.moduletable-cari input.button {
	display: none;
}
/* PAGES =========================================================================== HOME */
.item-page-homePage {
	
}
.item-page-homePage h1,
.item-page-aboutUs h1
{
	font-size: 20px;
	line-height: 28px;
	padding: 50px 30px;

}
/*  ===========================================================================  ABOUT US PAGE */
.item-page-aboutUs {
	margin: 0px 0px;
}
.item-page-aboutUs h1 {
	margin-bottom: 0px;
}
.item-page-aboutUs .boxAbout {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}
.about-L {
	background: #fff;
}
.about-R {
	background: #eee;
}
.moduletable-aboutKiri {
	margin: 0px;
	padding: 0px;
	border: 0px solid #f00;
}
.moduletable-aboutKiri img {
	width: 100%;
	height: auto;
}
.aboutImg {
}
.aboutDesc {
	padding: 30px 30px;
}
.moduletable-aboutKanan {
	margin: 0px;
	padding: 0px;
}
.moduletable-aboutKanan h3 {
	margin: 0px;
	padding: 20px 30px;
	color: #fff;
	font-weight: 300;
	font-size: 24px;
	text-transform: uppercase
}
.item-page-aboutUs h4 {
	margin: 0px 0 10px 0;
	font-weight: 500;
	font-size: 24px;
}
.aboutKananIn {
	padding: 30px 30px 30px 30px;
}
/* ======================================= Team List  */
.moduletable-teamList {
	margin:  0px 0px 50px 0px;
}
.moduletable-teamList .teamList-L {
	float: left;
	display: block;
	width: 30%;
	margin:  0px 30px 0px 0px;
}
.moduletable-teamList .teamList-L img {
	width: 100%;
}
.moduletable-teamList .teamList-R {
	overflow: hidden;
	display: block;
}
/*  =========================================================================== testiPage */
.blog-testiPage {
	margin: 20px 20px;
}
.blog-testiPage .items-leading div {
	margin: 0 0 10px 0;
	padding: 30px 30px;
}
/* ===========================================================================  contactUs*/
.item-page-contactUs {
	margin: 0px 0;
}
.item-page-contactUs .boxContact {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;

	border: 0px solid #f00;
	margin: 0px 0px;
}
.cantact-L {
	background: #fff;
	width: auto;
}
.cantact-L h2 {
	display: none;
}
.cantact-R {
	background: #eee;
	width: auto;
}
.item-page-contactUs .boxContact .cantact-L img {
	display: none;
}
.item-page-contactUs ul.contactUs {
	margin: 0px;
	padding: 40px 30px;
	list-style: none;
}
.item-page-contactUs ul.contactUs li {
	position: relative;
	margin: 0px 0 30px 0;
	padding: 0px 0px 0px 50px;
	list-style: none;
	font-size: 16px;
	line-height: 26px;
	font-weight: 300;
	letter-spacing:-0.5px;

}
.item-page-contactUs ul.contactUs li:before {
	position: absolute;
	top: 3px;
	left: 0px;
	font-size: 36px !important;
}
/* ================================================================================== g Map  == */
.moduletable-gMap .gMapBox {
	border-bottom:5px solid #fff;
}
.moduletable-gMap .gMapBox {
	height: 300px;
}
/* ==================================================================================  contactForm  == */
.moduletable-contactForm {
}
.moduletable-contactForm h3 {
	margin: 0px 0px 0px 0px;
	padding: 20px 30px;
	color: #fff;
	font-weight: 300;
	font-size: 24px;
	text-transform: uppercase
}
.rsform-contactForm {
	padding: 50px 30px 50px 30px;
}

.formResponsive textarea {
	height: auto;
	width: 90% !important;
}
.formResponsive input[type="text"] {
	width: 90% !important;
}
.formResponsive select {
	width: 90% !important;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	display: inline-block;
	height: 36px;
	padding: 5px 10px;
	margin-bottom: 9px;
	font-size: 13px;
	line-height: 36px;
	color: #555;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	vertical-align: middle;
}
/* ==================================================================================  GRID 2  == */
.moduletable-grid2 {
	margin:10px 10px;
	position: relative;
}
.moduletable-grid2 > h3 {
	color: #fff;
	margin: 0px 0px 10px 0;
	padding: 20px 20px;
	font-weight: 300;
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
}
.moduletable-grid2 ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 10px;
	grid-row-gap: 10px; 
	border: 0px solid #990000;
}
.moduletable-grid2 ul li {
	padding: 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
	background: #fff;
}
.moduletable-grid2 ul li .boxContent {
}
.moduletable-grid2 ul li .boxContent-R {
	padding: 30px;
}
.moduletable-grid2 .boxContent-R h2.moduleItemTitle {
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	margin: 0px 0px 20px 0px;
}
.moduletable-grid2 .moduleItemIntrotext {
	margin: 0px 0px 20px 0px;
	line-height: 1.6;
}
.moduletable-grid2 .boxImage {
	margin: 0px 0px 0px 0px;
	border: 0px solid #990000;
	height: auto;
	overflow: hidden;
	width: 100%;
}
.moduletable-grid2 .boxImage img {
	object-fit: cover;
	height: 150px;
	width: 100%;
}
/* ==================================================================================  GRID 3  == */
.moduletable-grid3 {
	margin: 50px 10px;
	position: relative;
}
.moduletable-grid3 > h3 {
	margin: 0px 0px 10px 0;
	padding: 20px 20px;
	font-size: 22px;

}
.moduletable-grid3 ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 10px;
	grid-row-gap: 10px; 
	border: 0px solid #990000;
}
.moduletable-grid3 ul li {
	padding: 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}
.moduletable-grid3 ul li .boxContent {
}
.moduletable-grid3 ul li .boxContent-R {
	padding:15px 20px;
}
.moduletable-grid3  .boxContent-R h2.moduleItemTitle {
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	margin: 0px 0px 0px 0px;
	text-align: center;
}
.moduletable-grid3 .boxImage {
	margin: 0px 0px 0px 0px;
	border: 0px solid #990000;
	height: auto;
	overflow: hidden;
	width: 100%;
}
.moduletable-grid3 .boxImage img {
	object-fit: cover;
	height: 100px;
	width: 100%;
}
/* ================================================================================== feature library  == */
.moduletable-grid2.-library {
	margin-top: 50px;
}

.moduletable-grid2.-library .boxImage img {
	height: 150px;
}
.moduletable-grid2.-library  ul li .boxContent-R {
	padding-top: 20px;
}
/* ================================================================================== news and event  == */
.moduletable-grid2.-news {
	margin-top: 260px;
}
/* ================================================================================== video  == */
.moduletable-grid3.-video {
	margin-top: 260px;
}
.moduletable-grid3.-video .boxContent-R h2.moduleItemTitle {
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	margin: 0px 0px 10px 0px;
}
/* ======================================================  featured Blogs  == */
.moduletable-featuredBlogs {
	position: relative;
	margin: 260px 10px 10px 10px;
	border:0px dashed #ccc;
	padding: 0;
}
.moduletable-featuredBlogs h3 {
	color: #fff;
	margin: 0px 0px 0px 0;
	padding: 20px 20px;
	font-weight: 300;
	font-size: 24px;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
}
.moduletable-featuredBlogs .link-boxIn {
	margin: 0px 0px 0px 0px;
}
.moduletable-featuredBlogs .link-text, .weblink-category-webLink .link-text{
	background: #111;
	padding: 10px 15px;
	font-size:80%;
	color: #fff;
}

/* ==================================================================================  more link  == */
a.moduleCustomLink {
	position: absolute;
	top:18px;
	right: 15px;
	display: inline-block;
	background: #000;
	padding: 8px 10px;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	color: #fff;
	margin: 0px 0px 0px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/* ================================================================================== copyR  == */
.boxFoot {

}
.foot-L {
	order: 1;

}
.foot-R {
	order: 0;

}
.moduletable-copyR {
	font-size: 80%;
}
.moduletable-copyR p {
	margin: 0;
}
/* ==================================================================================  menuFoot == */
.moduletable-menuFoot {
	border: 0px solid #f00;
}
ul.menu-menuFoot {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.menu-menuFoot li {
	padding:0px;
	margin:0px 0px;
	list-style: none;
	display: inline-block;
	font-size: 80%;
}

/* link */
ul.menu-menuFoot li a:link, ul.menu-menuFoot li a:visited {
	color: #fff;
}
/* active */
ul.menu-menuFoot li.active a {
	color: #999;
}
/* hover*/
ul.menu-menuFoot li a:hover, ul.menu-menuFoot li a:focus {
	color: #ccc;
	background:none ;
}
/* ================================================================================== findUs  == */
.moduletable-findUs {
	color: #fff;
	margin: 0 0 0px 0;
}
.moduletable-findUs ul {
	margin: 0px;
	padding: 0px;
	list-style: none;

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;

}
.moduletable-findUs li {
	margin: 0px 0px 0px 5px;
	padding: 0px;
	line-height:normal;
	list-style: none;
	width: 40px;
	height: 40px;
}

.moduletable-findUs li a {
	visibility: hidden;
	position: relative;
}
.moduletable-findUs li a:before {
	visibility: visible;
	position: absolute;
	top: 0;
	bottom:0px;
	right: 0px;
	left: 0;
	font-size: 28px !important;
	width: 28px;
	height: 28px;
	line-height: 28px;
	padding: 6px 6px;
	color: #000;

	background: #007dd4;
}
.moduletable-findUs li:hover a:before {
	color: #eee;
}

/*============================================================================================ ALL K2 HERE ======================================================================================================================================================================================================================================================*/
div#k2Container,
div.itemListView,
div.itemListView.-general
{

}
/*===============================================-----------------------================================ componentheading */
.componentheading-general {
	padding: 20px;
}
/*===============================================-----------------------===================== CATEGORY */
div.itemListCategoriesBlock {
	background: #eee;
	border: 0;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: normal;
}
div.itemListCategory {
	background: none;
	border: 0px solid #ddd;
	border-radius: 0px;
	margin: 0 0 0px 0;
	padding: 0px 0px;
}
div.itemListCategory h2 {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 10px;
	font-size: 22px;
	line-height: 22px;
	border-left: 10px solid #c40015;
	font-weight: 700;
}
div.itemListCategoryDesc {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}
div.itemListCategory p {
	margin: 0px;
}
span.catItemAddLink {
	display: block;
	padding: 8px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #ccc;
	text-align: right;
}
span.catItemAddLink a {
	font-family: 'Inter', sans-serif;
	display: inline-block;
	font-weight: 300;
	font-size: 80%;
	line-height: normal;
	background: #c40015;
	color: #fff;
}
span.catItemAddLink a:hover {
	background: #333;
	color: #fff;
}
/*===============================================SUB CATEGORY */
.itemListSubCategories {
	margin: 0px 0px 0px 20px;
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;
}
.subCategoryContainer {
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
	align-self: auto;
	order: 0;
}
.subCategory {
	margin:  0px 15px 0px 0px;
}
.subCategory h2 {
	font-size: 14px;
	font-weight: 400;
}
.subCatCount {
	display: inline-block;
	padding: 0.25em 0.4em;
	padding-right: 0.4em;
	padding-left: 0.4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	font-size: 11px;
	color: #999;
	padding-right: 0.6em;
	padding-left: 0.6em;
	border-radius: 10rem;
	background-color: #f8f9fa;
}
.subCategoryDesc,
.itemListSubCategories h3 {display: none;}
.subCategoryMore {display: none;}

/*=======================================================================================-----  itemList div*/

.itemListIN {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: flex-start;
	align-content: stretch;

	position: relative;
	border: 0px solid #f00;
	margin:0px;
}
.itemBoxMain {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;

	position: relative;
	top: auto;
	border: 0px solid #888;

}
div.itemListView .itemBoxMain {
	margin:0px;
}
.itemBox2 {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
	align-self: auto;
	order: 0;

	position: relative;
	top: auto;

	border: 0px solid #000;

}

div.itemList {
	border: px solid #000;
	margin: 0px 0px;
}

/*=======================================================================================-----  itemListPrimary*/
div#itemListPrimary
{
	border:0px solid #f00;
	margin: 0px 0px 0px 0px;
	position: relative;
}
div#itemListPrimary
{

}
div#itemListPrimary div.itemContainer
{
	display: block;
	margin: 0px 0px 0px 0px;
}
div.catItemView.groupPrimary,
div.userItemView,
div.tagItemView,
div.genericItemView
{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: stretch;
	order: 0;
	margin:5px;
	background: #fff;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	transition: all 0.5s ease;
}

div.catItemView.groupPrimary .pos1,
div.userItemView .pos1,
div.tagItemView .pos1,
div.genericItemView .pos1
{
	display: block;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #f00;
	width: 100%;
}
div.catItemView.groupPrimary div.catItemImageBlock,
div.userItemView div.userItemImageBlock,
div.tagItemView div.tagItemImageBlock,
div.genericItemView div.genericItemImageBlock
{
	padding: 0px 0;
	margin: 0 0 0px 0;
	position: relative;
}
div.catItemView.groupPrimary div.catItemImage,
div.userItemView div.userItemImage,
div.tagItemView div.tagItemImage,
div.genericItemView div.genericItemImage
{
	height:160px;
	overflow:hidden;
}
div.userItemView div.userItemImage,
div.tagItemView div.tagItemImage,
div.genericItemView div.genericItemImage,
.noVideo
{
	min-width: 160px;
	min-height: 160px;
	height: 160px;
}
div.catItemView.groupPrimary div.catItemImage img,
div.userItemView div.userItemImage img,
div.tagItemView div.tagItemImage img,
div.genericItemView div.genericItemImage img
{
	width: 100%;
	height: auto;
	object-fit: cover;
}
div.catItemView.groupPrimary .pos2,
div.userItemView .pos2,
div.tagItemView .pos2,
div.genericItemView .pos2
{
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: flex-start;
	order: 0;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #000;
	width: 100%;
}
div.catItemView.groupPrimary div.pos2in,
div.userItemView .pos2in,
div.tagItemView .pos2in,
div.genericItemView .pos2in
{
	padding: 30px 30px 30px 30px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #f00;
}
div.catItemView.groupPrimary div.catItemHeader h3,
div.userItemView div.userItemHeader h3,
div.tagItemView div.tagItemHeader h3,
div.genericItemView div.tagItemHeader h3
{
	padding: 0px 0 0px 0;
	margin: 0px 0px 10px 0px;
	font-size: 18px;
	line-height: 26px;
	font-weight: 700;
}
div.userItemView div.userItemHeader h3,
div.tagItemView div.tagItemHeader h3,
div.genericItemView div.genericItemHeader h3
{
	font-family: 'Inter', sans-serif;
	padding: 0px 0 0px 0;
	margin: 0;
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
}
div.catItemView.groupPrimary div.catItemBody
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.catItemView.groupPrimary div.catItemIntroText
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.tagItemTagsBlock {

}
div.tagItemTagsBlock ul.tagItemTags 
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #f00;
	display: block;
	display: flex;
	flex-wrap: wrap; 
}
div.tagItemTagsBlock ul.tagItemTags li 
{
	padding: 0px 0px 0px 0px;
	margin: 2px;
	border: 0px solid #f00;
	text-align: left;
}
/*=================================================  k2 search in generic view*/
form.genericSearchForm {
	border: 0px solid #f00;
}
form.genericSearchForm input.k2-input {
	display: inline-block;
	width: 75%;
	font-size: 14px;
	line-height: 100%;
	height: auto;
	padding: 10px 10px;
	margin: 0;
	border-radius: 4px;
	border: 1px solid #ccc;
	box-shadow: none;
	background: #fff;
}
form.genericSearchForm input.k2-submit {
	display: inline-block;
	width: 18%;
	font-size: 14px;
	line-height: 100%;
	height: auto;
	padding: 10px 10px;
	margin: 0;
	border-radius: 4px;
	border: 1px solid #ccc;
	box-shadow: none;
	background: #eee;
}
/*===============================================================================================================================  CAT  itemListLeading*/
div#itemListLeading
{
	border:0px solid #f00;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: normal;
	align-content: normal;

	position: relative;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}
div#itemListLeading div.itemContainer {
	display: block;
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 200px;
	align-self: stretch;
	order: 0;
	margin: 5px;
	background: #fff;
	border: 0px solid #ddd;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	transition: all 0.5s ease;
}
div#itemListLeading div.itemContainer.sisipLeading {
}
div.catItemView.groupLeading {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #f00;
	display: block;
}
div.catItemView.groupLeading .pos1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #f00;
}
div.catItemView.groupLeading div.catItemImageBlock {
	padding: 0px 0;
	margin: 0 0 0px 0;
}
div.catItemView.groupLeading div.catItemImage {
	height:200px;
	overflow:hidden;
}
div.catItemView.groupLeading div.catItemImage img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
div.catItemView.groupLeading .pos2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #f00;
	display: block;
}
div.catItemView.groupLeading div.pos2in {
	padding: 30px 30px;
}
div.catItemView.groupLeading div.catItemHeader h3 {
	padding: 0px 0 0px 0;
	margin: 0;
	font-size: 18px;
	line-height: 26px;
	font-weight: 700;
}
div.catItemView.groupLeading div.catItemBody,
div.catItemView.groupSecondary div.catItemBody
{
	display: none;
}
div.catItemView.groupLeading div.catItemIntroText,
div.catItemView.groupSecondary div.catItemIntroText
{
	display: none;
}
/*=======================================================================================-----  itemListSecondary*/
div#itemListSecondary
{
	position: relative;
	border:0px solid #f00;
	margin: 0px 0px 0px 0px;
}
div#itemListSecondary
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: normal;
	align-content: normal;
	margin: 0px 0px 0px 0px;
}
div#itemListSecondary div.itemContainer 
{
	display: block;
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 120px;
	align-self: stretch;
	order: 0;
	margin: 5px 5px 5px 5px;
	background: #fff;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	transition: all 0.5s ease;
}
div.catItemView.groupSecondary .pos1
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #f00;
}
div.catItemView.groupSecondary div.catItemImageBlock
{
	padding: 0px 0;
	margin: 0 0 0px 0;
}
div.catItemView.groupSecondary div.catItemImage
{
	height:160px;
	overflow:hidden;
}
div.catItemView.groupSecondary div.catItemImage img
{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
div.catItemView.groupSecondary .pos2
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #f00;
}
div.catItemView.groupSecondary div.pos2in
{
	padding: 20px 20px 20px 20px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #f00;
}
div.catItemView.groupSecondary div.catItemHeader h3
{
	padding: 0px 0 0px 0;
	margin: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}
div.catItemView.groupSecondary.-general.-video .boxVideo { display: none;

}
/*============================================================================================================ ITEM PAGE */
div#k2Container,
div.itemView {
	margin: 0px auto 0px auto;
	padding: 0px 0px;
	border: 0px solid #f00;
}
div.itemView .-bread {
	padding: 20px 50px;
	margin: 0px 0px 0px 0px;
}
div.itemIsFeatured:before,
div.itemHeader h1 span sup
{display: none;}
div.itemView .itemBoxMain {
	margin: 0px;
}
div.itemImageBlock {
	padding: 0px 0;
	margin: 0 0 0px 0;
}
div.itemImage, div.itemImage a {
	line-height: normal;
}
div.itemImage img {
	width: 100%;
	height: auto;
}
div.imgInfo {
	color: #999;
	line-height: normal;
}
div.imgInfo div {
	display: inline-block;
	margin: 0px 0px 0px 0px;
}
div.itemImageCaption, .figcaption, div.itemVideoCaption, .icaption {font-size:13px; color: #999; padding: 0px 0px 0px 0px; line-height: 16px}
.itemImageCredits, .itemVideoCredits, .icredit {font-size:13px; color: #999; padding: 0px 0px 0px 0px; line-height: 16px}
div.itemVideoCaption {margin-top: 8px}
div.itemVideoBlock {
	margin: 0 0 0px 0;
	padding: 0px;
	background: none;
}
div.itemHeader {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.itemHeader h2 {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 36px;
	line-height: normal;
	font-weight: 700;
}

div.itemHeader h2 span sup {display: none;}

div.itemBody {
	padding: 40px 40px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #f00;
	background: #fff;
}
div.itemBody h1 {
	font-size: 22px;
	line-height: normal;
	margin: 0px 0px 20px 0px;
	font-weight:700;
}
div.itemBody h2 {
	font-size: 22px;
	line-height: normal;
	margin: 20px 0px;
	font-weight:700;
}
div.itemBody h3 {
	font-size: 18px;
	line-height: normal;
	margin: 20px 0px;
	font-weight:700;
}
div.itemBody h4 {
	font-size: 12px;
	line-height: normal;
	margin: 20px 0px;
	font-weight:700;
}
div.itemBody h5 {
	font-size: 8px;
	line-height: normal;
	margin: 20px 0px;
	font-weight:700;
}
div.itemBody img {
	max-width:100%;
	height:auto
}
div.itemBody ul, div.itemBody ol {
	margin: 30px;
	padding: 0px;
	border: 0px solid #f00;
}
div.itemBody ul li, div.itemBody ol li {
	line-height: 26px;
	margin-bottom: 15px;
}

div.itemTagsBlock ul.itemTags {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	border: 0px solid #000;
}
div.itemTagsBlock ul.itemTags li {
	list-style: none;
	padding: 0;
	margin: 0 10px 0px 0px;
	display: inline-block;
	border: 0px solid #f00;
}
blockquote {
	padding: 0 0 0 20px;
	margin: 30px 0px;
	border-left: 10px solid #c40015;
	font-family: 'Source Serif Pro', serif, Arial, sans-serif;
	line-height: normal;
}
blockquote p {
	margin-bottom: 0;
	font-size: 24px;
	font-weight: 600; 
	line-height: 130%;
}
blockquote small {
	display: block;
	line-height: 18px;
	color: #999;
}
blockquote small:before {
	content: '\2014 \00A0';
}
blockquote.pull-right {
	float: right;
	padding-right: 15px;
	padding-left: 0;
	border-right: 5px solid #eee;
	border-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small {
	text-align: right;
}
blockquote.pull-right small:before {
	content: '';
}
blockquote.pull-right small:after {
	content: '\00A0 \2014';
}
q:before,
q:after,
blockquote:before,
blockquote:after {
	content: "";
}
/* ======================================================== BODY TABEL  == */
div.itemBody table {
	border-collapse: collapse;
	margin-bottom: 1rem;
	border-radius: 0;
	border: 1px solid #ddd;
	background: #f6f6f6;
	font-size:80%;
	width: 100%; 
}
div.itemBody table th,
div.itemBody table thead th,
div.itemBody table thead td,
div.itemBody table tfoot td
{
	padding: 10px 15px;
	border: 1px solid #ddd;
	background: #eee;
	font-weight: 600;
	line-height: normal;
}
div.itemBody table td
{
	padding: 5px 15px;
	border: 1px solid #ddd;
	line-height: normal;
}
/*======================================================================================= BOXINFO*/
.boxInfo
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;

	border: 0px solid #f00;
	margin: 10px 0px 10px 0px;
	font-size: 90%;
	color: #999;

	border: 0px solid #f00;
}
.boxInfo div
{
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;

	margin: 0px 10px 0px 0;
}
.boxInfo .boxAuthor {
	border: 0px solid #333;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;

}
.boxInfo .boxAuthor div {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;

	margin: 0px 10px 0px 0;

}
.boxInfo .boxAuthor .authorImg {
	margin: 0px 5px 0px 0;

}
.boxInfo .boxAuthor .authorImg img {
	width: 22px;
	height: auto;
	display: block;
	float: none;
	background: #fff;
	border: 0px solid #fff;
	border-radius: 50%;
	padding:1px;
	margin: 0px 0px 0px 0px;
}
.itemBody .boxInfo .boxAuthor .authorImg img {
	width: 32px;
}
.boxInfo .boxAuthor .author {
	margin: 0px 0px 0px 0px;
}
.boxInfo .date {border: 0px solid #333;

}
.boxInfo .hits {border: 0px solid #333;

}
.cate a {
	display: inline-block;
	background: #c40015;
	color: #eee;
	padding: 2px 5px !important;
}
.cate a:hover {
	background: #333;
	color: #eee;
}
.custom-sosShare {
	border: 0px solid #f00;
}
.catItemReadMore {
	display: inline-block;
	margin: 10px 0  10px 0;
}
/*======================================================================================== 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: 30px 0px;
	text-align: center;
	border: 0px solid #f00;
}
div.k2PaginationCounter {
	margin: 10px 0px;
	font-size: 80%;
}
div.k2Pagination {}
div.k2PaginationLinks {}
div.k2PaginationCounter {}
div.k2Pagination ul {
	text-align:center; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.k2Pagination ul li {display:inline-block;margin:0;padding:0;}
div.k2Pagination ul li a {
	display:inline-block;
	padding:5px 10px;
	margin:3px 3px;
	border:1px solid #ddd;
	border-radius:0px;
	vertical-align:middle;
	background:#fff;
	text-decoration:none;

}
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.catItemVideoBlock {
	margin: 0 0 0px 0;
	padding: 0px;
	background: #010101 url(../images/videobg.gif) repeat-x bottom;
}
div.itemBackToTop {display: none;}
div.tagItemCategory {
	margin: 0 0px 0 0;
	padding: 0 0px 0 0;
	border-right: 0px solid #ccc;
	font-size: 80%;
}
.genericItemCategory, .userItemTagsBlock {
	font-size: 80%;
}
div.genericItemHeader span.genericItemDateCreated,
span.userItemDateCreated, 
div.tagItemHeader span.tagItemDateCreated
{
	font-size: 11px;
	line-height: 11px;
	display: inline-block;
}
/* ================================================================================ TAG PAGE : */
.tagView h1,
.genericView h1
{
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 30px 30px;
	background: #fff;
	border: 1px dashed #ccc;
}
.genericSearchForm {
	margin: 5px 5px;
}
/* ================================================================================ MOD in K2 item*/
.itemAuthorLatest, 
.itemRelated
{
	margin: 50px 0px;
	background: #fff;
	padding: 40px;
}
.itemTagsBlock {
	margin-top: 30px;
}
.itemAuthorLatest h3,
.itemRelated h3,
.itemTagsBlock h3
{
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 10px;
	font-size: 20px;
	line-height: 20px;
	font-weight: 700;
}
.itemTagsBlock h3 {display: none;}

div.itemRelated ul.itemRelatedul,
.itemAuthorLatest > ul
{
	list-style: none;
	border:0px solid #000;
	margin: 0px 20px 0px 20px;
	padding: 0px 0px 0px 0px;
}
div.itemRelated ul.itemRelatedul li.itemRelatedli,
.itemAuthorLatest > ul li
{
	display: block;
	list-style: none;
	border-top:1px solid #ddd;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	line-height: normal;
}
.itemRelCat a {
	display: inline-block;
	background: #333;
	color: #fff;
	line-height: 10px;
	font-size: 10px;
	padding: 4px 8px;
}
.itemRelCat a:hover {
	background: #c40015;
	color: #fff;
}
div.boxVideo {position: relative;}
div.boxVideo a.boxVideoA {
	z-index: 2;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.noVideo {
	border: 1px solid #ddd;
	height: 140px;
	position: relative;
	background: #eee;
}
.noVideo:before {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	font-size: 64px;
	width: 64px;
	display: block;
}

/*=============================================================================================== AUTHOR CONTENT USER */
div.itemAuthorBlock,
div.userBlock
{
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 0px;
	margin: 0 0 20px 0;
	padding: 30px;
}
div.itemAuthorBlockin {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
div.itemAuthorAvatar {
	flex: 0 0 130px;
}
div.itemAuthorBlock img.itemAuthorAvatar,
div.userBlock img.itemAuthorAvatar
{
	float: none;
	display: block;
	background: #fff;
	padding: 4px;
	border: 1px solid #ddd;
	margin: 0 0px 0 0;
	border-radius: 50%;
}
div.itemAuthorBlock div.itemAuthorDetails,
div.userBlock div.itemAuthorDetails
{
	flex: 1 0 200px;
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 90%;
}
div.itemAuthorBlock div.itemAuthorDetails h3,
div.userBlock div.itemAuthorDetails h2
{
	font-size:  22px;
	line-height: 22px;
	margin: 0 0 0px 0;
	padding: 0px 0px 0px 10px;
	border-left: 10px solid #ddd;
}
div.userBlock div.userDescription {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: normal;
}
div.userBlock div.userDescription p {
	margin: 10px 0px;
}
.authorDes {
	font-size: 16px;
	line-height: normal;
}
/*category in title cat list */
.-home .catItemHeader .cate {
	font-family: 'Inter', sans-serif;
	display: inline-block;
	font-weight: 300;
	font-size: 12px;
	line-height: 12px;
	vertical-align: middle;
	text-transform: uppercase;
}
.catItemHeader .cate {
	display: none;
}
.w357-item-categories {
	font-size: 80%;
	line-height: normal;
	margin: 5px 0px 0px 0px;
}
/* ======================================== k2 a button */
span.itemEditLink a, span.catItemEditLink a, span.userItemEditLink a, span.userItemAddLink a {
	display: inline-block;
	padding: 4px 8px;
	margin: 0;
	background: #c40015;
	color: #fff;
	border: 0;
	border-radius: 0px;
	font-size: 11px;
	line-height: 100%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.-noInfo .boxInfo {display: none;}
/* ==================================================================================  populer  == */
.moduletable-populer {
	margin: 50px 0px 50px 0px;
	border: 0px solid #ccc;
	padding: 30px 30px;
	width: auto;
}
.moduletable-populer h3 {
	margin: 0 0 20px 0px;
	padding: 0 0 0px 0;
	font-weight: 300;
	font-size: 24px;
}

.moduletable-populer ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.moduletable-populer ul li {
	list-style: none;
	padding: 15px 0;
	margin: 0 0 0px 0;
}
.moduletable-populer .boxContent-R h2.moduleItemTitle {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	margin: 0px 0px 0px 0px;
}



/*=============================================================================================================SMALL END */
}
/*=============================================================================================================SMALL END */