/* BISMILLAH */
body {
	margin: 0;
	padding: 0;
	background: #f3f3f3;
    font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #222;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
html {
  font-weight: 400;
}
p {
  margin: 30px 0;
  font-size: inherit;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}
a {
	color: #222;
	text-decoration: none;
	-moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
a:hover {color:#de2845; text-decoration: none;}
.clearBoth {clear:both; height:0px!important; margin:0px!important; padding:0px!important; line-height:0px!important;}
hr {border: 0px; border-bottom: 1px solid #ddd;clear:both; padding-bottom: 30px; margin-bottom: 50px;}
figure {margin:10px 0px}
figcaption {
  margin: 5px 0 0 0;
  font-size: 80%;
color: #666;
font-weight: 200;
line-height: 11px !important;
}
/*================================================================== HEADER  ==*/
h1 {font-size: 32px; font-weight: 500; margin:0; padding:0; line-height:normal}
h2 {font-size: 22px; font-weight: 500; margin:0; padding:0; line-height:normal}
h3 {font-size: 18px; font-weight: 500; margin:0; padding:0; line-height:normal}
h4 {font-size: 16px; font-weight: 500; margin:0; padding:0; line-height:normal}
h5 {font-size: 12px; font-weight: 500; margin:0; padding:0; line-height:normal}
h6 {font-size: 10px; font-weight: 500; margin:0; padding:0; line-height:normal}
/* ================================================================================== TABEL  == */
table {
  border-collapse: collapse;
  margin-bottom: 1rem;
  border-radius: 0;
  border: 1px solid #ddd;
  background: #f6f6f6;
  font-size:90%;
}
table th,
table thead th,
table thead td,
table tfoot td
{
	padding: 10px 15px;
	border: 1px solid #ddd;
	background: #fafafa;
  font-weight: 600;
}
table td
{
	padding: 5px 15px;
	border: 1px solid #ddd;
}
/*================================================================== UL OL  ==*/
ul, ol {
	margin: 30px 0px 30px 25px;
	padding: 0px 0px 0px 0px;
}
ul li, ol li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.6;
}
/* ol style 1 */
ol.olStyle1, ul.olStyle1 {
	list-style: none;
	margin: 30px 0;
	padding: 0px;
}
ol.olStyle1 li, ul.olStyle1 li {
	margin: 0px 0px 15px 0;
}
ol.olStyle1 li:before, ul.olStyle1 li:before {
	content: "";
	display: block;
	width: 40px;
	border-top: 1px solid #de2845;
	padding: 0 0 15px 0;
}
ol.olStyle1 li em, ul.olStyle1 li em {
	color:#666;
}
/*================================================================== HEADER  ==*/
.iniPage {
	margin: 0 30px;
	padding: 0px;
	border: 0px solid #ddd;
}
.-redaksiPage {
}
.-redaksiPage h3 {
	font-weight: 700;
	margin: 20px 0 20px 0;
	color:#de2845;
}
.-redaksiPage h4 {
	font-weight: 700;
	margin: 20px 0 20px 18px;
}
.-redaksiPage h4:after {
	content:"";
	display: inline-block;
	width: 30px;
	border-top: 1px solid #de2845;
	margin: 0px 0px 0px 20px;
	vertical-align: middle;
}
.-redaksiPage ul.redaksiPulau {
	margin: 10px 0;
	padding: 0px;
	list-style: none;
}
.-redaksiPage ul.redaksiProv {
	margin: 10px 0 10px 20px;
	padding: 0px 0 0 20px;
	list-style: none;
	border-left: 1px dashed #de2845;
}
.-redaksiPage ul.redaksiPulau li, .-redaksiPage ul.redaksiProv li {
	margin: 0px 0 3px 0;
	padding: 0px;
	list-style: none;
}
.-redaksiPage ul.redaksiPulau li em, .-redaksiPage ul.redaksiProv li em {
	color:#de2845;
	display: inline-block;
	width: 80px;
}
/*================================================================== K2 TOOLS  ==*/
.defLanding .introText {display: none}
.itemBackToTop {display:none}
.imageContent {margin-bottom:30px}
/* ----------------------------- edit content for user --- */
.editItem {
	float: right;
}
.iUnpublish {
	float: left;
}
.editItem a,
.iUnpublish a {
	font-size: 80%;
	text-transform: uppercase;
	padding: 5px 10px;
	background: #de2845;
	color: #fff;
}
.editItem a:hover,
.iUnpublish a:hover {
	background: #000;
}
/* ----------------------------- box Info Top --- */
.boxInfoTop {
	font-size: 70%;
	text-transform: uppercase;
	margin: 0 0 0px 0;
}
.boxInfoTop a {color:#de2845}
.boxInfoTop a:hover {color:#333}
/* ----------------------------- cat item --- */
.iCat {
	margin: 2px 5px 0 0;
	border: 0px solid #ddd;
	float: left;
}
/* ----------------------------- cat tag --- */
.iTags {
	float: left;
	margin: 0 0 0 0px;
}
.iTags ul.itemTags {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.iTags ul.itemTags li {
	margin: 0px 5px 0 0px;
	padding: 0px 0 0 0px;
	list-style: none;
	display: inline-block;
}
.iTags ul.itemTags li:nth-of-type(n) {
	display: none;
}
.iTags ul.itemTags li:nth-of-type(1),
.iTags ul.itemTags li:nth-of-type(2)
{
	display: inline-block;
}
.iTags ul.itemTags li:before {
	content: "#";
	margin: 0 2px 0 0;
	color: #666;
	font-weight: 200;
}
/* ----------------------------- box Info --- */
.boxInfo {
	font-size: 80%;
	color: #666;
	margin: 10px 0 10px 0;
	font-weight: 200;
}
/*.boxInfo:before {
	content:"";
	display: block;
	width: 40px;
	border-top: 1px solid #de2845;
	margin: 0 0 10px 0;
}*/
.boxInfo div {
	display: inline-block;
	margin: 0 10px 5px 0;
}
.boxInfo div:before {
	color:#666;
	margin: 0 5px 0 0;
}
.boxInfo a {color:#666}
.boxInfo a:hover {color:#de2845}
/* ----------------------------- image item --- */
.boxItemImage img {
  width: 100%;
  height: auto;
}
/* ----------------------------- image info --- */
.imageCaption, .imageCredits {
	font-size: 80%;
	color: #666;
	font-weight: 200;
  	line-height:11px !important;
}
.videoCredits {
	padding: 3px 10px;
	background: #ddd;
	font-size: 80%;
	color: #666;
	font-weight: 200;
}
/* ----------------------------- share content --- */
.custom-shareContent
{
	margin: 50px 0;
}
/* ----------------------------- h3 in item page --- */
.custom-shareContent h3,
.authorLatest h3,
.itemRelated h3,
.itemCommentsForm h3,
h3.authorName
{
	margin: 0 0 10px 0;
	font-weight: 300;
	text-transform: uppercase;
}
h3.authorName {
	text-transform: inherit;
}
.custom-shareContent h3:after,
.authorLatest h3:after,
.itemRelated h3:after,
.itemCommentsForm h3:after,
h3.authorName:after
{
	content: "";
	display: block;
	width:40px;
	border-bottom: 1px solid #de2845;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}
/* ----------------------------- Info Bot --- */
.boxInfoBot {
	margin: 50px 0;
	font-size: 80%;
}
.boxInfoBotIn {
	border-left: 1px solid #ddd;
	padding: 0 0 0 20px;
}
.infoBotLabel {
	float: left;
	width: 200px;
	color: #666;
}
.infoBotValue {
	overflow: hidden;
}
/* ----------------------------- Rating --- */
.itemRatingBlock, .iModified, .itemCat, .itemTags
{
	padding:0px 0;
	margin: 0 0 10px 0;
}
.rateThis {
	display:block;
	float:left;
	font-style:normal;
	padding:0 10px 0 0;
	margin:0;
	line-height: 25px;
}
div.catItemRatingBlock {padding:8px 0;}
div.catItemRatingBlock span {display:block;float:left;font-style:normal;padding:0 4px 0 0;margin:0;color:#666;}
.itemRatingForm {display:block;vertical-align:middle;line-height:25px;float:left;}
.itemRatingLog {font-size:11px;margin:0;padding:0 0 0 4px;float:left;}
div.itemRatingForm .formLogLoading {background:url(../images/loaders/generic.gif) no-repeat left center;height:25px;padding:0 0 0 20px;}
.itemRatingList,
.itemRatingList a:hover,
.itemRatingList .itemCurrentRating {background:transparent url(../images/ratingstars.gif) left -1000px repeat-x;}
.itemRatingList {position:relative;float:left;width:125px;height:25px;overflow:hidden;list-style:none;margin:0;padding:0;background-position:left top;}
.itemRatingList li {display:inline;background:none;padding:0;}
.itemRatingList a,
.itemRatingList .itemCurrentRating {position:absolute;top:0;left:0;text-indent:-1000px;height:25px;line-height:25px;outline:none;overflow:hidden;border:none;cursor:pointer;}
.itemRatingList a:hover {background-position:left bottom;}
.itemRatingList a.one-star {width:20%;z-index:6;}
.itemRatingList a.two-stars {width:40%;z-index:5;}
.itemRatingList a.three-stars {width:60%;z-index:4;}
.itemRatingList a.four-stars {width:80%;z-index:3;}
.itemRatingList a.five-stars {width:100%;z-index:2;}
.itemRatingList .itemCurrentRating {z-index:1;background-position:0 center;margin:0;padding:0;}
span.siteRoot {display:none;}
/* ----------------------------- Tag --- */
itemTags {
}
ul.itemTag {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}
ul.itemTag li {
	padding: 0px;
	float: left;
	display: inline-block;
	margin: 0 10px 5px 0;
}

/* ----------------------------- user author--- */
.authorUrl:before {
	margin: 0 3px 0 0;
	color:#de2845;
}
.boxAuthor, .userBlock
{
	border: 1px solid #ddd;
	background: #fafafa;
	padding: 20px;
	margin: 50px 0;
}
.userBlock {
	margin: 0 0 50px 0;
}
.author-L {
	float: left;
	width: 150px;
	margin: 0 20px 0 0;
}
.boximgAuthor {
	border: 1px solid #fff;
	overflow: hidden;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.boximgAuthor .imgAuthor {
	height: 150px;
}
.author-R {
	overflow: hidden;
	padding: 10px 0;
}
h3.authorName {
	font-size: 18px;
	font-weight: 300;
}
.authorDesc {
	margin: 0px;
}
.authorDesc p {
	margin: 10px 0;
}
.authorUrl {
	font-size: 80%;
	margin: 0 0 5px 0;
}
/* ----------------------------- latest author n related item --- */
.authorLatest,
.itemRelated
{
	margin: 50px 0px;
}
.authorLatest ul.listItem,
.itemRelated ul.listItem
{
	margin: 20px 0px 0px -30px;
	padding: 0px;
	list-style: none;
}
ul.listItem li.listItemLi {
	margin: 0px 0 0 0px;
	padding: 0px;
	float: left;
}
ul.listItem li.listItemLi { width: 33.3333%; list-style: none; }
ul.listItem li.listItemLi:nth-of-type(n) { clear: none; }
ul.listItem li.listItemLi:nth-of-type(3n+1) { clear: both;}
ul.listItem li.listItemLi .listItemLiIn {
	margin: 0 0 30px 30px;
}
.relatedImage {
	overflow: hidden;
	margin: 0 0 10px 0;
	border: 0px solid #fff;
}
.relatedImage .imgContent {
	height: 140px;
}
.relatedTitle {
}
/*================================================================== LOGIN  ==*/
.login, .reset, .remind
{
	border: 1px solid #ddd;
	padding: 50px;
	background: #fafafa;
}
fieldset {
	border: 0;
	padding: 0px !important;
	margin: 0px;
}
.control-group {
	margin: 0 0 20px 0;
}
.control-label {
	margin: 0 0 5px 0;
}
.controls {
}
.login input, .reset input, .remind input
{
	width: 94%;
	border: 1px solid #ddd;
	padding: 10px 3%;
}
input#remember, input#del_image {
	width:12px;
}
.controls button {
}
ul.nav-tabs {
	margin: 0 30px;
	padding: 0px;
	list-style: none;
}
/*================================================================== USER PROFIL  ==*/
.-profil {
	border: 1px solid #ddd;
	background: #fafafa;
}
.k2AccountPage-profil {
	padding: 30px;
}
.componentheading-profil {
	border-bottom: 1px solid #ddd;
	background: #f4f4f4;
	padding: 20px 30px;
	font-size: 18px;
	text-transform: uppercase;
}
.uField {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #ddd;
}
.uField-label, .del_image {
	font-size: 70%;
	font-style: italic;
	margin: 0 0 5px 0;
	color: #666;
}
.uField input
{
	width: 90%;
	border: 1px solid #ddd;
	padding: 10px 3%;
}
.uField #genderm-lbl {
	border: 0px solid #f00;
	margin: 0 30px 0 0;
}
.uField input#genderm, .uField input#genderf {
	text-align: left;
	width: auto;
	margin: 0 10px 0 0;
}
.k2AccountPageImage {
	margin: 10px 0;
	display: block;
}
.k2AccountPageNotice {
	margin: 20px 0;
	font-style: italic;
	font-size: 80%;
}
/*=========================== user login ==*/
.k2UserBlock.-userProfile {
	margin: 10px 60px 0 0;
	border: 0px solid #f00;
	color: #666;
	float: right;
	font-size: 90%;
}
.userlogBlock {
	display: inline-block;
	float: left;
	line-height: 32px;
}
.userAvaName img  {
	height: 36px;
	width: auto;
}
.ubAva {
	overflow: hidden;
	float: left;
	width: 32px;
	height: 32px;
	border: 0px solid #000;
	-webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   border-radius: 100%;
}
.ubName {
	margin: 0 0 0 5px;
	display: inline-block;
}
.userAvaName a {color: #de2845;} .userAvaName a:hover {color: #ccc;}
ul.userMenuList {
	margin: 0px 0px 0px 3px;
	padding: 0px 0px 0px 0px;
	list-style: none;}
ul.userMenuList li  {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 5px;
	display: inline-block;
	border-left: 1px dotted #666;
	line-height: 11px;
}
ul.userMenuList li a {color: #ccc;} ul.userMenuList li a:hover {color: #de2845;}
.logoutBot {
	margin-left: 5px;
}
.logoutBot .button {
	border: 0;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   color: #de2845;
   padding: 0px 0px 0 5px;
   background: none !important;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
   border-left: 1px dotted #666;
}
.logoutBot .button:hover {color:#fff;}
/*================================================================== system-message  ==*/
#system-message-container {
	margin: 0px;
	position: relative;
}
#system-message-container .close {
	position: absolute;
	right: 0px;
	top: 0px;
	float: left;
	padding: 2px 5px;
	cursor: pointer;
	border: 1px solid #333;
	background: #333;
	color: #fff;
}
.alert-error {
	padding: 10px 20px;
}
.alert-error {
	background: #FDDADA;
	border: 1px dashed #FF888A;
}
/*================================================================== PAGE MARGIN  ==*/
.itemListView.-news,
.itemListView.-quote,
.itemListView.-media,
.itemView.-news,
.itemView.-quote,
.itemView.-media,
.tagListView,
.genericListView,
.userView,
.login, .reset, .remind,
.-profil,
.item-page-general
{
	margin: 40px 20px 40px 20px;
}
.item-page-homePage
{
	margin: 40px 0px 40px 0px;
}
.itemView.-quote {
	margin-top: 70px;
}
/*================================================================== NEWS  ==*/
#itemListPrimary {
}
.-news .itemContainer,
.tagContainer,
.genericContainer,
.userItemList
{
}
.-news .catView,
.-media .catView,
.tagView,
.genericView,
.userItemView
 {
	border-bottom: 1px dotted #ccc;
	padding: 0px 0 35px 0;
	margin: 0px 0 35px 0;
}
.userItemView
 {
	border-bottom: 0px dotted #ccc;
}
.-news .catView .iniBox-L,
.-media .catView .iniBox-L,
.tagView .iniBox-L,
.genericView .iniBox-L,
.userItemView .iniBox-L
{
	float: left;
	width: 40%;
	margin: 0 20px 0 0;
}
.-news .catView .iniBox-R,
.-media .catView .iniBox-R,
.tagView .iniBox-R,
.genericView .iniBox-R,
.userItemView .iniBox-R
{
	overflow: hidden;
}
.-news .catView .iniBox-R .iniBox-Rin,
.-media .catView .iniBox-R .iniBox-Rin,
.tagView .iniBox-R .iniBox-Rin,
.genericView .iniBox-R .iniBox-Rin,
.userItemView .iniBox-R .iniBox-Rin
{
	border: 0px solid #f00;
}
.boxImage .imgContent
{
	height: 164px;
}
.-news .catView .boxHeader,
.-media .catView .boxHeader,
.tagView .boxHeader,
.genericView .boxHeader,
.userItemView .boxHeader,
.moduletable-homePage .boxheader
{
	margin: 0 0 10px 0;
}
.-news .catView .boxHeader h1, .-news .catView .boxHeader h2,
.-media .catView .boxHeader h1, .-media .catView .boxHeader h2,
.tagView .boxHeader h1, .tagView .boxHeader h2,
.genericView .boxHeader h1, .genericView .boxHeader h2,
.userItemView .boxHeader h1, .userItemView .boxHeader h2,
.moduletable-homePage .boxheader h1, .moduletable-homePage .boxheader h2,
.moduletable-duaKolom.-featuredHomeBot .boxheader h1, .moduletable-duaKolom.-featuredHomeBot .boxheader h2
{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.4;
}
.-news .catView .introText,
.-media .catView .introText,
.tagView .introText,
.genericView .introText,
.userItemView .introText
{
	margin: 0 0 20px 0;
	font-size: inherit;
    line-height: 1.4;
}
.-news .catView .introText p,
.-media .catView .introText p,
.tagView .introText p,
.genericView .introText p,
.userItemView .introText p
{
	margin:0;
}
/*================================= LEADING ITEM ==*/
#itemListLeading {
	border: 0px solid #f00;
}
.-media #itemListLeading .catView .iniBox-L,
.-foto .catView .iniBox-L
{
	float: none;
	width: 100%;
	margin: 0 0px 0 0;
}
.-media #itemListLeading .catView .boxImage .imgContent,
.-foto .catView .boxImage .imgContent
{
	height: 300px;
}
.-media #itemListLeading .catView
{
	padding: 0px;
	margin: 0px 0 35px 0;
	border-top: 0px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}
.-foto .catView
{
	padding: 0px;
	margin: 0px 0 10px 0;
	border-top: 0px dotted #ccc;
}
.-media #itemListLeading .catView .iniBox-Rin,
.-foto .catView .iniBox-Rin
{
	background: #fff;
	padding: 20px 30px;
}
/*================================= ITEM VIEW  ==*/
.itemView.-news .boxHeader,
.itemView.-media .boxHeader
{
	margin: 0 0 20px 0;
}
.itemView.-news h1,
.itemView.-media h1,
.item-page-general h2
{
	font-size: 26px;
	font-weight: 600;
}
.boxItemImage {
	border: 0px solid #f00;
}
.boxVideo {
	border: 0px solid #f00;
	margin: 0 0 20px 0;
}
.boxItemImage img {
	width: 100%;
	height: auto;
}
.itemBody .introText {
	font-weight: 300;
	font-style: normal;
	font-size: 22px;
}
.itemBody .introText p:after {
	content: "";
	border-bottom: 1px solid #de2845;
	width: 20px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 10px;
}
.itemBody .fullText {
}
/*================================================================== QUOTE  ==*/
.itemListView.-news .boximgAuthor,
.itemListView.-media .boximgAuthor,
.-quote .boxInfoTop,
.pUquote .boxInfoTop,
.pUquote .boxInfo,
.pUquote .userAdditionalInfo,
.pUquote .boxHeader,
.userView .introText,
.itemView.-quote .boxInfo:before,
.-quote .catView .boxInfo .iUser:before,
.itemView.-quote .boxInfo div.iUser:before,
.moduletable-quoteMod .boxInfo div.iUser:before
{
	display: none;
}

.-quote .catView {
	margin: 0 0 60px 0;
}
.-quote .catView .iniBox-L,
.moduletable-quoteMod .modBox-L
{
	float: left;
	width: 150px;
	margin: 0px 20px 0 0;
	border: 0px solid #f00;
}
.-quote .catView .iniBox-R,
.moduletable-quoteMod .modBox-R
{
	overflow: hidden;
	border: 0px solid #f00;
}
.pUquote .introText {display: block;}
.-quote .catView .introText,
.itemView.-quote .fullText,
.pUquote .introText,
.moduletable-quoteMod .introtext
{
	margin: 20px 0 20px 0;
	font-size: inherit;
    line-height: 1.4;
	padding: 0 0 0 40px;
	position: relative;
	font-weight: 300;
	font-style: italic;
}
.-quote .catView .introText,
.itemView.-quote .fullText,
.pUquote .introText,
.moduletable-quoteMod .introtext
{
	font-size: 22px;
	font-weight: 700;
	line-height: inherit;
	font-style: italic;
}
.itemView.-quote .fullText,
.pUquote .introText
 {
	border-top: 1px dotted #ccc;
	padding-top: 30px;
	padding-bottom:60px;
}
.pUquote .userItemView
 {
	border-top: 0px dashed #ddd;
	margin: 0px;
	padding: 0px;
}
.-quote .catView .introText:before,
.itemView.-quote .fullText:before,
.pUquote .introText:before
{
	position: absolute;
	left: 0px;
	top: -15px;
	font-size: 36px !important;
	color: #de2845;
}
.itemView.-quote .fullText:before,
.pUquote .introText:before
 {
	top: -30px;
	background: #f3f3f3;
	font-size: 46px !important;
}
.-quote .catView .introText p,
.itemView.-quote .fullText p,
.moduletable-quoteMod .introtext p
{
	margin:0;
}
.-quote .catView .boxInfo,
.moduletable-quoteMod .boxInfo
 {
	float: right;
	display: inline-block;
	font-size: 100%;
	text-transform: inherit;
	color: #333;
	margin: 10px 0 10px 0px;
	font-weight: 300;
}
.-quote .catView .boxInfo a,
.itemView.-quote .boxInfo a
 { color: #de2845}
.-quote .catView .boxInfo a:hover,
.itemView.-quote .boxInfo a:hover
 { color: #333}
.-quote .catView .boxInfo:before,
.moduletable-quoteMod .boxInfo:before
 {
	float: left;
	vertical-align: bottom;
	content:"";
	display: block;
	width: 30px;
	border-top: 1px solid #de2845;
	margin: 10px 10px 0px 0;
}
.itemView.-quote .boxInfo
 {
	float: right;
	text-transform: inherit;
}
/*================================================================== POLLING  ==*/
.-pollingPage .polling_container {
	padding: 30px !important;
	background: #fafafa !important;
	border: 1px solid #ddd;
}
.-pollingPage .polling_name {
	border-bottom: 1px dotted #ddd;
	padding: 0 0 20px 0 !important;
	margin: 0 0 20px 0 !important;
}
.-pollingPage ul.polling_ul {
	margin-bottom: 30px !important;
}
.-pollingPage  ul.polling_ul li.polling_li {
	border-bottom: 1px dotted #ddd !important;
	padding: 10px 0 10px 0 !important;
	margin: 10px 0 10px 0 !important;
}
.-pollingPage .answer_wrapper {display: none !important}
.-pollingPage .polling_bottom_wrapper1 {
	margin-top: 20px !important;
}
.voteUpper {
	font-weight: 500;
}
.voteLower-1 {
	color: #666;
	font-size: 80%;
}
.voteLower-2 {
	color: #666;
	font-size: 70%;
}
.voteLower-3 {
	color: #666;
	font-size: 60%;
}
.-pollingPage .polling_container a:hover {
	text-decoration: none !important;
	color: #de2845 !important;
}
/*================================= IMAGES ITEM ==*/
.boxImage
{
	overflow: hidden;
	margin: 0 0 0px 0;
}
.boxImage .imgContent,
.boximgAuthor .imgAuthor,
.relatedImage .imgContent,
.moduletable-featured .boxImage .imgContent,
.writerPhoto .imgContent
 {
	 				  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: center !important;
		  background-repeat: no-repeat !important;
		 -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
/*================================================================== grayscaled  ==*/
.custom-logo img:hover,
.boxImage:hover,
.userItemView .boxImage:hover,
.bannergroup-banner img:hover,
.boximgAuthor .imgAuthor:hover,
.relatedImage .imgContent:hover,
.relatedImage .imgContent-noimg:hover,
.-foto ul.sigProResponsive li.sigProThumb span.sigProLinkOuterWrapper:hover,
.moduletable-featured .boxImage:hover

{
	-webkit-filter: grayscale(1);
	   -moz-filter: grayscale(1);
			filter: grayscale(1);
   -moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
  		transition: all 0.3s;
}
/*================================================================== zoom  ==*/
.boxImage:hover .imgContent,
.boximgAuthor:hover .imgAuthor,
.relatedImage:hover .imgContent,
.relatedImage:hover .imgContent-noimg,
.-foto ul.sigProResponsive li.sigProThumb span.sigProLinkOuterWrapper:hover img,
.moduletable-featured .boxImage:hover .imgContent
{
		-moz-transform: scale(1.1);
	 -webkit-transform: scale(1.1);
  			 transform: scale(1.1);
}
/*================================= NO IMG ==*/
.imgContent-noimg {
	background: url(../../../images/assets/intronesia-noimg.png);
	height:100px;
	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: center !important;
		  background-repeat: no-repeat !important;
		 -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
/*======================================= GALLERY */
#swipebox-title {
	font-family: 'Montserrat', sans-serif;
	font-size: 80%;
	line-height: 16px;
	width: 90% !important;
	padding: 10px 5%;
}
.-foto .itemGallery {
}
.-foto ul.sigProResponsive,
.-news ul.sigProResponsiv
{
	margin: 0px 0 0 -5px !important;
	padding: 0px 0px 0px 0px !important;
}
.-foto ul.sigProResponsive li.sigProThumb span.sigProLinkOuterWrapper,
.-news ul.sigProResponsive li.sigProThumb span.sigProLinkOuterWrapper
{ 
	display: block;
	margin: 0px 0 5px 5px;
	overflow: hidden;
}
.-foto ul.sigProResponsive li.sigProThumb span.sigProLinkOuterWrapper:hover img,
.-news ul.sigProResponsive li.sigProThumb span.sigProLinkOuterWrapper:hover img
{
	   -moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
  		transition: all 0.3s;
}
.-foto ul.sigProResponsive li.sigProThumb a.sigProLink,
.-news ul.sigProResponsive li.sigProThumb a.sigProLink
{
color:#b7dafc; background-color:#fff; border:1px solid #fff; -webkit-transition: 200ms all ease-in; -moz-transition: 200ms all ease-in; transition: 200ms all ease-in;
}
.-foto ul.sigProResponsive li.sigProThumb a.sigProLink:hover,
.-news ul.sigProResponsive li.sigProThumb a.sigProLink:hover
{
 text-decoration:none; background-color:#fff; border:1px solid #de2845; color:#fff;
}
.-foto .large-block-grid-4 > li,
.-news .large-block-grid-4 > li
{width: 33.333333%; list-style: none; }
.-foto .large-block-grid-4 > li:nth-of-type(n),
.-news .large-block-grid-4 > li:nth-of-type(n)
{ clear: none; }
.-foto .large-block-grid-4 > li:nth-of-type(3n+1),
.-news .large-block-grid-4 > li:nth-of-type(3n+1)
{ clear: both;}
.-foto ul.sigProResponsive span.sigProPseudoCaption,
.-news ul.sigProResponsive span.sigProPseudoCaption
{
	background: #fff;
}
.-foto ul.sigProResponsive span.sigProPseudoCaption,
.-foto ul.sigProResponsive span.sigProCaption,
.-news ul.sigProResponsive span.sigProPseudoCaption,
.-news ul.sigProResponsive span.sigProCaption
{
	display: none;
}
.-foto ul.sigProResponsive li.sigProThumb a.sigProLink:hover span.sigProPseudoCaption,
.-news ul.sigProResponsive li.sigProThumb a.sigProLink:hover span.sigProPseudoCaption
{ 
	background:#666;
	color: #fff;
}
.-foto ul.sigProResponsive span.sigProPseudoCaption:hover,
.-foto ul.sigProResponsive span.sigProCaption:hover,
.-news ul.sigProResponsive span.sigProPseudoCaption:hover,
.-news ul.sigProResponsive span.sigProCaption:hover
{color:#fff}
/*================================================================== COMMENT  ==*/
.boxComments {
	border: 0px solid #ddd;
	margin: 30px 0;
	color: #666;
}
.itemCommentsForm {
	border: 1px solid #ddd;
	background: #fafafa;
	padding: 30px;
}
.itemCommentsFormNotes {
	font-size: 80%;
	font-style: italic;
}
#comment-form label, #k2ReportCommentForm label {
	width: 100%;
	display: block;
	margin: 0 0 5px 0;
}
.itemCommentsForm textarea, #k2ReportCommentForm textarea {
	width: 94%;
	height: 100px;
	border: 1px solid #ddd;
	padding: 3%;
	margin: 0 0 10px 0;
}
.itemCommentsForm input, #k2ReportCommentForm input {
	width: 94%;
	border: 1px solid #ddd;
	padding: 10px 3%;
	margin: 0 0 10px 0;
}
.commetList {
	border-top: 1px solid #ddd;
	padding: 30px 0;
}
.commetList h3 {
	font-size: 18px;
	font-weight: 300;
	text-transform: uppercase;
	margin: 0 0 30px 0;
}
ul.itemCommentsList {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}
ul.itemCommentsList li {
	border: 1px solid #ddd;
	background: #f4f4f4;
	padding: 0px 0 20px 0;
	margin: 0px 0 10px 0;
	font-size: 90%;
}
.commentAvatar {
	float: left;
	width: 54px;
	height: 54px;
	border: 1px solid #ddd;
	overflow: hidden;
	background: url(../../../images/assets/user-noimage.png) no-repeat;
	background-size: cover;
	color:transparent;
	margin: -1px 20px 0 -1px;
}
.commentAuthorName {
	font-weight: bold;
	padding: 15px 0 3px 0;
}
.commentDate {
	color: #666;
	font-size: 85%;
}
.yourComment {
	padding: 0px 30px 10px 74px;
}
.commentInfoBot {
	font-size: 85%;
	padding: 0px 30px 0px 74px;
}
.commentInfoBot div{
	float: left;
	margin: 0 10px 0 0;
}
#submitCommentButton {
	border: 0;
	display: inline-block;
}

.k2ReportCommentFormContainer h2 {
	font-size: 18px;
	font-weight: 300;
	text-transform: uppercase;
}
.k2ReportCommentFormContainer  blockquote {
	margin: 20px 0;
	padding: 0px;
	text-align: left;
}
/*================================================================================================== BUTTON --- */
.button,
.controls button
{
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   color: #FFFFFF;
   padding: 10px 20px;
   background-color: #de2845;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
}

.button:hover,
.controls button:hover
{
   background: #333333;
   text-decoration: none;
}
/*================================================================================================== FORM --- */
.boxForm {
	border: 1px dotted #ccc;
	padding: 40px;
	background: #fafafa;
}
.boxForm h2 {
	font-size: 18px;
}
.control-label {
	color: #666;
}
.rsform-radio, .rsform-checkbox {
	margin-right: 5px;
	vertical-align: central;
}
.boxForm button {
	cursor: pointer;
}
/*================================================================================================== K2 Pagination --- */
.k2Pagination {
	text-align: left;
	margin: 0px 0 0px 0;
}
.k2Pagination ul, .k2Pagination ol {
	border: 0px solid #007dd4;
	margin: 30px 0 10px 0px !important;
	padding: 0px;
	list-style: none;
	display: block;
}
.pagesCounter {
	text-align: center;
	margin: 0 0 30px 0;
}
.k2Pagination ul li {
	display: block;
	list-style: none;
	float: left;
}
/*---------paging start*/
.k2Pagination ul li  a
{
	width: 36px;
	height: 36px;
	font-size: 13px;
	line-height: 36px;
	text-align: center;
	display: block;
	margin: 2px;
	-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.k2Pagination ul li  a.pagenav {
	
	text-decoration: none;
	color: #666;
	border: 1px solid #ddd;
	background: #f6f6f6;

}
.k2Pagination ul li  a.pagenav:hover {
	border: 1px solid #666;
	background: #fff;
	text-decoration: none;
}
.k2Pagination ul li.active a {
	text-decoration: none;
	border: 1px solid #ddd;
	background: #fff;
}
.k2Pagination ul li span:before {
	font-size: 20px !important;
}
.k2Pagination ul li.disabled { display:none !important}
.k2Pagination .hasTooltip  {
}
/*
.mfp-container {
	width: 80%;
	display: block;
	margin: 0 10%;
}
.modal .sm-content-inner {
	padding: 30px;
}
.mfp-iframe-holder .mfp-close {
	top: 10px;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color: #f00;
    right: 30px;
}
*/