/* BISMILLAH ===========================================================================  */
/* ==================================================================================  TOP FRAME == */
.moduletable-mainMenu {
	border: 0px solid #f00;
	margin: 0px 0 0 0;
  font-family: 'Karla', sans-serif;
	padding: 0px 0px;
}
.moduletable-mainMenu .maximenuckh {
	border: 0px solid #ccc;
	padding: 0px 100px;
}

/* ==================================================================================  mainMenu == */
ul.menu-mainMenu {
  margin: 0px 0 0 0;
  padding: 0px;
  list-style: none;
  border: 0px solid #f00;
}
 ul.menu-mainMenu li {
  padding:0px 0px;
  margin:0px 20px;
  list-style: none;
  display: inline-block;
  letter-spacing: 3px;
 }
/* link */
ul.menu-mainMenu li a:link, ul.menu-mainMenu li a:visited {
	padding:0px 0px;
	margin: 0 0px 0 0;
	display: block;
	line-height: 16px;
	font-size: 16px;
	text-transform: uppercase;
	color:#ddd;
	font-weight: 400;
}
/* active */
ul.menu-mainMenu li.active a:link, ul.menu-mainMenu li.active a:visited, ul.menu-mainMenu li.current {
	color:#fff;
}
/* hover*/
ul.menu-mainMenu li a:hover,  ul.menu-mainMenu li a:active, ul.menu-mainMenu li a:focus {
	color:#fff;
}
/*========================================================================================== SEARCH ==*/
.moduletable-mainMenu .-search  {
	width: 30%;
	display: inline-block;
	border: 0px solid #fff;
	margin: 0px;
	padding: 0px;
}
/* --- Search Box --- */
div.k2SearchBlock {position:relative;}
div.k2SearchBlock form {}
div.k2SearchBlock form input.inputbox {
	border: 1px solid #111;
	padding:5px 10px;
	width: 78%;
	margin: 0 1% 0 0;
	float: left;
	display: inline-block;
	background: #eee;
	height: 36px;
}
div.k2SearchBlock form input.button {
	border: 0px solid #f14a37;
	padding: 5px 10px;
	margin: 0px;
	height: 36px;
	width: 20%;
	cursor: pointer;
	background: #000;
	color: #fff;
}
div.k2SearchBlock form input.button:hover {
	border: 0px solid #f14a37;
	background: #222;
}
div.k2SearchBlock form input.k2SearchLoading {background: url(../../../images/assets/search.gif) no-repeat 100% 50%;}
div.k2SearchBlock div.k2LiveSearchResults {
	display:none;
	background:#fff;
	position:absolute;
	top: 34px;
	right: 0px;
	width: 100%;
	z-index:99;
	border:1px solid #ddd;
	margin-top:-1px;
}
/* Live search results (fetched via ajax) */
div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults {
	list-style:none;
	margin:0;
	padding:0;
}
div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li {
	border:none;
	margin:0;
	padding:10px 20px;
	border-top:1px dotted #ddd;
	font-size: 90%;
}
div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li a {
	display:block;
	padding:0 0;
	color: #333;
}
div.k2SearchBlock div.k2LiveSearchResults ul.liveSearchResults li a:hover {
	color: #e10a0a;
}
/* ================================================================================== Welcome Pic  == */
.moduletable-welcomePic {
	background: #000;
}
.custom-welcomePic {
	position: relative;
	background: url(../../../images/assets/welcome.png) no-repeat;
	height: 70vh;
	width: 100%;
	background-size: cover !important;
   -webkit-background-size: cover  !important;
   -o-background-size: cover  !important;
   -ms-background-size: cover  !important;
   -moz-background-size: cover  !important;
    background-position: 50% 0% !important;
    background-repeat: no-repeat !important;

}
/* ================================================================================== titleSubtitle  == */
.moduletable-titleSubtitle {
	position: absolute;
	bottom: 20%;
	left: 40px;
	padding: 0px 0px;
	margin: 0 150px 0px 0;
}
.moduletable-titleSubtitle h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 46px;
	line-height: 46px;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	margin: 0px 0 10px 0;
	padding: 0px 5px;
	letter-spacing: 5px;
	background: #0079c5;
	display: compact;
}
.moduletable-titleSubtitle h1 strong {
	font-weight: 400;
	color: #000;
}
.moduletable-titleSubtitle h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	letter-spacing: 2px;
	padding: 0px 5px;
	background: #fff;
	display: inline-block;
}
/* ================================================================================== homeLatest  == */
.moduletable-homeLatest {
	padding: 0px 0px;
	margin: 50px 100px;
}
.moduletable-homeLatest ol {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.moduletable-homeLatest li {
	margin: 0px 0 0px 0;
	padding: 0px 0px;
	position: relative;
	border:0px dashed #ddd;
}
.moduletable-homeLatest li .boxModK2Content {
	margin: 0px 0 0px 0;
	padding: 0px 0px;
	position: relative;
	border:0px dashed #f00;
}
.moduletable-homeLatest li .boxModK2Content .itemImageBlock {
	background: #000;
}
.moduletable-homeLatest li .boxModK2Content .imgContent {
	margin: 0px 0 0 0;
	position: relative;
	height: 90vh;
	width: 100%;
	background-size: cover !important;
   -webkit-background-size: cover  !important;
   -o-background-size: cover  !important;
   -ms-background-size: cover  !important;
   -moz-background-size: cover  !important;
    background-position: 50% 0% !important;
    background-repeat: no-repeat !important;
    -moz-transition: all 0.3s;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
  	opacity: 0.6;
   	filter: alpha(opacity=60); /* For IE8 and earlier */
}
.moduletable-homeLatest li .boxModK2Content .boxR {
	border: 0px solid #f00;
	margin: 15% auto 0 auto;
    position: absolute;
    top: 0; left: 0; bottom: auto; right: 0;
	text-align: center;
	width: 60%;
}
.moduletable-homeLatest li .boxModK2Content .boxHeader {
	font-family: 'Karla', sans-serif;
	font-size: 46px;
	line-height: 60px;
	font-weight: 300;
	padding: 50px 0px;
	margin: 0px 0 30px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align: center;
}
.moduletable-homeLatest li .boxModK2Content .boxHeader a { color: #fff;}
.moduletable-homeLatest li .boxModK2Content .boxHeader a:hover { color: #ddd;}
.moduletable-homeLatest .dateItem {
	color: #fff;
}
.moduletable-homeLatest .moduleItemReadMore {
	border-left: 1px solid #fff;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px; 
}
.moduletable-homeLatest .moduleItemReadMore {color: #fff;}
.moduletable-homeLatest a.moduleItemReadMore:hover {color: #ddd;}
/* ================================================================================== homeLatest2 == */
.moduletable-homeLatest2 {
	margin: 50px 0px;
	border: 0px dashed #ccc;
}
.moduletable-homeLatest2 h3 {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 28px;
	line-height: 28px;
}
.moduletable-homeLatest2 h3:after{
	content: "";
	margin: 10px 0px 0px 0px;
	border-bottom: 6px solid #0079c5;
	width: 20px;
	height: 6px;
	display: block;
}
.moduletable-homeLatest2 ol {
	margin: 0px 0px 0px -50px;
	padding: 0px;
	list-style: none;
		overflow: hidden;
		position: relative;
}
.moduletable-homeLatest2 ol li{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;

}
/* ================================================================================== featured + popular kanan  == */
.moduletable-featured-kanan {
	margin: 0px 0px 50px 50px;
	border: 0px solid #666;
	padding: 0px;
	position: relative;
}
.moduletable-featured-kanan h3 {
	z-index: 1;
	position: absolute;
	top: 0px;
	left: 0px;
	background : #666;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	color: #fff;
	font-weight: normal;
	padding: 10px 20px;
	margin: 0px 0 30px 0;
	font-size: 16px;
	display: inline-block;
}
.moduletable-featured-kanan ol {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.moduletable-featured-kanan li {
	margin: 0px;
	padding: 0px;
	position: relative;
}
.moduletable-featured-kanan .boxModK2Content {
	position: relative;
	margin: 0 0 0px 0;
}
.moduletable-featured-kanan .boxL {
}
.moduletable-featured-kanan .contentInfo {
	position: absolute;
	top: 0px;
	right: 0px;
	color: #fff;
}
.moduletable-featured-kanan .contentInfo a{color: #eee;}
.moduletable-featured-kanan .boxR {
}
.moduletable-featured-kanan .boxHeader {
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
	text-align: center;
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 0px;
	border:0px solid #f00;
	padding: 0 30px 30px 30px;
}
.moduletable-featured-kanan .boxHeader a {color: #fff;}
.moduletable-featured-kanan .boxHeader a:hover {color: #ddd;}
.moduletable-featured-kanan .itemImageBlock {
	border: 0px solid #f00;
	background: #000;
}
.moduletable-featured-kanan .imgContent
{
	margin: 0px 0 0 0;
	position: relative;
	height: 240px;
	width: 100%;
	background-size: cover  !important;
   -webkit-background-size: cover  !important;
   -o-background-size: cover  !important;
   -ms-background-size: cover  !important;
   -moz-background-size: cover  !important;
    background-position: 50% 40% !important;
    background-repeat: no-repeat !important;
    -moz-transition: all 0.3s;
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
     	opacity: 0.6;
   	filter: alpha(opacity=60); /* For IE8 and earlier */
}
.moduletable-featured-kanan .imgContent:hover {
background-position: 50% 100% !important; 
}
/* ==================================================================================  tagModule == */
.boxTag {
	padding: 50px 100px;
	background: #f6f6f6;
}
.moduletable-tagModule {
	margin: 0px 0 0px 0px;
	border: 0px dashed #ccc;
	padding: 0px;
}
.moduletable-tagModule h3 {
	font-size: 24px;
	margin: 0 0 30px 0;
	padding: 0px 0;
}
.moduletable-tagModule ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.moduletable-tagModule li {
	margin: 0px 0px 0px 0;
	padding: 0px 0 0px 0;
	list-style: none;
	border-top: 0px dashed #ccc;
}
.moduletable-tagModule li a {
	float: left;
	padding: 5px 10px;
	margin: 0px 10px 10px 0;
	color: #333;
	border: 1px solid #ddd;
}
.moduletable-tagModule li a:hover {
	color: #666;
	border: 1px solid #999;
}
/* ================================================================================== FOOT  == */
.boxFoot {
	margin: 0 0 0 0px;
}
/* ================================================================================== foot  == */
.moduletable-copyR {
	border-top: 0px solid #444;
	margin: 0px 0 0 100px;
	padding: 20px 0;
	color: #666;
}
.moduletable-copyR p {
	margin: 0px 0 0px 0;
}
.moduletable-copyR a {color: #666;}
.moduletable-copyR a:hover {color: #666;}