/* ================================================================================================================ RESPONSIVE LAYOUT */
/*BISMILLAH*/
/*================================= v2. love you bunda, rafka, dean, amanda, mahen =======================================*/
@media only screen and (min-width: 200px) and (max-width: 810px) { 
/*=============================================================================================================SMALL START */
.bgBack-d,
.-bgBack-d
{
	visibility: hidden;
	display: none;
}
.bgBack-m,
.-bgBack-m
{
	visibility: visible;
	display: block;
}
.logo-menu {
	padding: 10px 20px;
}
/*=============================================================================== logoContact */
.moduletable-logoContact {
	margin: 0px 0px;
	padding:3px 20px;
	border: 0px solid #fc2e06;
	font-size: 80%;
	text-align: right;
	color: #fff;
}
/*=============================================================================== logo */
.moduletable-logo {
	margin: 0px 0px;
	padding:5px 0 0px 0px;
	border: 0px solid #fc2e06;
}
.moduletable-logo p {
	margin: 0px 0px 0px 0;
}
.moduletable-logo img {
	width: auto;
	height: 16px;
}
/* PAGES =========================================================================== HOME */
.item-page-homePage {
	padding: 300px 0px 50px 0px;
}
.item-page-homePage h1,
.item-page-aboutUs h1
{
	font-size: 18px;
	line-height: 1.6;
	font-weight: 400;
	padding: 50px 50px;
}
/* PAGES =========================================================================== MENU */
.dj-offcanvas-light .dj-offcanvas-logo img {
	width: 220px !important;
}
ul.dj-mobile-light li.dj-mobileitem > a {
	display: block;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1;
	background: #f2f2f2;
	color: #444444;
	text-decoration: none;
	padding: 20px 20px 20px 50px !important;
	cursor: pointer;
	border-top: 1px solid #e4e4e4;
	-webkit-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;
}
/*  ===========================================================================  ABOUT US PAGE */
.item-page-aboutUs {
	margin: 0px;
	padding-top: 250px;
	background: none !important;
}
.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: 50px 40px;
}
.aboutDesc p {
	margin: 10px 0 40px 0px;
}
.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: 0px;
}
/* ======================================= 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: 20px;
	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: 30px 20px;
	font-weight: 300;
	font-size: 20px;
	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: 1.6;
	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: 260px 10px 10px 10px;
	position: relative;
}
.moduletable-grid3 > h3 {
	color: #fff;
	margin: 0px 0px 10px 0;
	padding: 30px 20px;
	font-weight: 300;
	font-size: 20px;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
}
.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;
	background: #fff;
}
.moduletable-grid3 ul li .boxContent {
}
.moduletable-grid3 ul li .boxContent-R {
	padding: 15px 20px 20px 20px;
}
.boxContent-R h2.moduleItemTitle {
	font-size: 15px;
	line-height: 1.4;
	font-weight: 500;
	margin: 0px 0px 0px 0px;
}
.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: 150px;
	width: 100%;
}
/* ================================================================================== feature library  == */
.moduletable-grid2.-library {
	margin-top: 260px;
}

.moduletable-grid2.-library .boxImage img {
	height: 180px;
}
.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;
}
/*  =========================================================================== BLOG WEBLINK */
.weblink-category-webLink {
	padding: 10px 10px;
	margin: 30px 0px;
}
.weblink-category-webLink h2{
	text-align: center;
	margin: 0px 0px 20px 0px;
	font-size: 26px;
	line-height: 32px;
	font-weight: 400;
}
.weblink-category-webLink .category-desc{
	text-align: center;
	margin: 0px 0px 30px 0px;
}
.weblink-category-webLink ul.category, .moduletable-featuredBlogs ul {
	margin: 0px;
	padding: 1px 0px 0px 0px;
	list-style: none;
	background: #fff;

	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 1px;
	grid-row-gap: 1px;
}
.weblink-category-webLink ul.category li, .moduletable-featuredBlogs li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.weblink-category-webLink .link-boxIn {
	margin: 0px 0 0px 0px;
}
.weblink-category-webLink .link-boxL, .moduletable-featuredBlogs .link-boxL {
	position:relative;
	border: 0px solid #f00;
}
.weblink-category-webLink .imgContent, .moduletable-featuredBlogs .imgContent {
	position: relative;
	overflow: hidden;
	height: 160px;
	border-bottom: 8px solid #222;
	object-fit: fill;
}
.weblink-category-webLink .imgContent img, .moduletable-featuredBlogs .imgContent img {
	max-width: 100%;
	width: 100%;
	height: auto;
	object-fit: fill;
}

.weblink-category-webLink .linkTitle h4, .moduletable-featuredBlogs .linkTitle h4{
	position: absolute;
	left:0px;
	bottom: 0px;
	margin:0px;
	font-size: 26px;
	line-height: 26px;
	font-weight: 300;
	text-transform:uppercase;
	color: #eee;
	background: #007dd4;
	padding: 5px 10px;
	font-family: 'Oswald', sans-serif;
}
/* ======================================================  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:28px;
	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 {
	padding: 260px 20px 20px 20px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
}
.foot-L {
	order: 1;

}
.foot-R {
	order: 0;

}
.moduletable-copyR {
	color: #fff;
	margin: 10px 0 0px 0;
	font-size: 90%;
}
.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: 5px;
}
.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:10px 10px 30px 10px;
	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.userItemView,
div.tagItemView,
div.genericItemView
{
	margin: 20px 0px 20px 0px;
}
div.catItemView.groupPrimary .pos1,
div.userItemView .pos1,
div.tagItemView .pos1,
div.genericItemView .pos1
{
	display: block;
	flex-grow: 0;
	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;
}
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:200px;
	overflow:hidden;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;

	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
}
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: center;
	order: 0;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #000;
}
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: 1.6;
	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:10px 10px 30px 10px;
	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: 16px;
	line-height: 1.6;
	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: 14px;
	font-weight: 500;
	line-height: 1.4;
}
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;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
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: 30px 30px 50px 30px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #f00;
	background: #fff;
}
div.itemBody h1 {
	font-size: 20px;
	line-height: 1.6;
	margin: 0px 0px 20px 0px;
	font-weight:700;
}
div.itemBody h2 {
	font-size: 18x;
	line-height: normal;
	margin: 20px 0px;
	font-weight:700;
}
div.itemBody h3 {
	font-size: 16px;
	line-height: normal;
	margin: 20px 0px;
	font-weight:700;
}
div.itemBody h4 {
	font-size: 14px;
	line-height: normal;
	margin: 20px 0px;
	font-weight:700;
}
div.itemBody h5 {
	font-size: 10px;
	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;
	margin: 50px 0
}
.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;
}
.tagView h1,
.genericView h1
{
	font-size: 20px;
	font-weight: bold;
	line-height: normal;
	display: block;
	border-bottom:  1px solid #ddd;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 30px 0px;
}
div.catItemIsFeatured:before {display: none;}
/* ================================================================================ MOD in K2 item*/
.itemAuthorLatest, 
.itemRelated
{
	margin: 50px 0px;
	background: #fff;
	padding: 50px 30px;
}
.itemTagsBlock {
	margin-top: 50px;
}
.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;
}
.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: 50px 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: 20px 0;
	margin: 0 0 0px 0;
}
.moduletable-populer .boxContent-R h2.moduleItemTitle {
	font-size: 16px;
	line-height: 1.6;
	font-weight: 400;
	margin: 0px 0px 0px 0px;
}



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