/* CUSTOM CSS - this is where you add your own css rules !!

***********************************************************/
/* RS Form Style */
input[type="text"] {
  height: 16px;padding: 4px 1px; margin-bottom:5px;
}
select {
  height: 25px;margin-bottom:5px;
}
/* Pop Art Style */
a.fancybox-effects-a {color: white !important;}

/* Slideshow */
.iosSlider .prev, .iosSlider .next {top: 70% !important;}

/* Page Header Style */
.header-titles h2{
	text-shadow: 1px 1px 0 rgba(0,0,0,0.9);
	margin: 0;
}
.breadcrumbs{margin: 65px 0 8px;}

/* Widgetkit Style */
.wk-slideshow-tabs .nav li:active {
	background: linear-gradient(to bottom, #f5f5f5, #f5f5f5) !important;
}
.wk-slideshow-tabs .slides>li>article {padding: 10px;}
.wk-slideshow-tabs .nav li {border: 0px; border-radius: 0px; margin: 0px;}
.wk-slideshow-tabs  .slides-container {border: 0px; border-radius: 0px;}
.wk-slideshow-tabs .nav {background: #F5F5F5;}
.wk-slideshow-tabs .nav span {text-transform: uppercase;}
.wk-slideshow-tabs .nav li.active {font-weight: bold;}
.wk-slideshow,.wk-slideshow .slides {background: white !important;}

/* Sidebar Menu */
#mainbody .sidebar .moduletitle {color: #000; line-height: 1.4; margin: 0 0 10px; padding-bottom: 0px; position: relative; font-size: 20px; text-transform: uppercase;}

#mainbody .sidebar .moduletitle:before, #mainbody .sidebar .moduletitle:after {border-bottom: 0px solid #CBCBCB;}

#mainbody .sidebar ul.menu li {font-weight: bold; background-color: #e1e1e1; margin-bottom: 5px;}

#mainbody .sidebar ul.menu li ul.parent {background-color: #fff;}
#mainbody .sidebar .moduletable {margin-bottom:10px;}
#mainbody .sidebar {background: inherit; padding: 10px 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}

/* Article Style */
#mainbody dl.article-info{margin: 0; background:rgba(0,0,0,0.2);padding:5px; color:#000;}
#mainbody dl.article-info > dd {color:#000; font-style: italic;}
#mainbody dl.article-info > dd.create{margin-left: 0;}

img {max-width:inherit; height: inherit;}
/* Main Menu */ 
nav#main_menu.noTopNav {margin-top:0px;background-color: #353535;}

nav#main_menu > ul.sf-menu > li {margin-top: 0px;}

nav#main_menu > ul#mm2.sf-menu {margin:-15px 0 !important;}

header#header.style6 nav#main_menu > ul > li.active > a, header#header.style6 nav#main_menu > ul > li > a, header#header.style6 nav#main_menu > ul > li > a:hover, header#header.style6 nav#main_menu > ul > li:hover > a {
	color: white;
}
nav#main_menu > ul.sf-menu > li.active > a, nav#main_menu > ul.sf-menu > li > a:hover, nav#main_menu > ul.sf-menu > li:hover > a, nav#main_menu > ul.sf-menu > li > a {
	padding: 12px 20px;
	margin: 0;
	-webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;
}

nav#main_menu > ul.sf-menu.sprf > li:hover > ul,
nav#main_menu > ul.sf-menu.sprf > li.sfHover > ul {top:43px!important;z-index:99999999 !important;}
nav#main_menu > ul.sf-menu ul {background:#f5f5f5; padding: 6px 0;border: 1px solid rgba(255, 255, 255, 0.8);-webkit-box-shadow: 0px 0px 4px rgba(0,0,0, 0.4); -moz-box-shadow: 0px 0px 4px rgba(0,0,0, 0.4); box-shadow: 0px 0px 4px rgba(0,0,0, 0.4);-webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;position: absolute; width:220px;
}
nav#main_menu > ul.sf-menu > li > a.sf-with-ul .sf-sub-indicator {background: #CCC; background: rgba(255, 255, 255, 1); height: 5px;width: 5px;left: auto;top: 18px;bottom: auto;}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {z-index: 999999;}

/* Logo */
.logo-container, #logo, nav#main_menu{float: none !important;}

/* Button Style */
.btn {border-radius: 0px;}
.btn-warning,.btn-warning:hover {background-image:linear-gradient(to bottom,#EAA808, #EAA808); background-color:#EAA808;}

/* Header */
#header {height: 130px!important;}
#slideshow.dark-blue, #page_header.dark-blue {background-color: white;}
#page_header.gradient, #slideshow.gradient {
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(255,255,255,0.5) 100%)!important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.5)))!important;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%)!important;
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%)!important;
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%)!important;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 )!important;
    background-color: #fff!important;
}
#page_header {/*min-height: 130px!important;*/border-bottom: 0px solid #fff;}
#page_header .container {padding: 82px 0 0;}
body.boxed {background: #F1F2F4 !important;}
body.boxed #page_wrapper {width:1170px; border-left: 0px solid #fff; border-right: 0px solid #fff; margin:0 auto; background:#F1F2F4; box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);}
header#header.style6 {border-top: 0px solid #CD2122!important;box-shadow: 0 0 0 rgba(0,0,0,0.1);background: #F1F2F4 !important;}

#page_header > .shadowUP:after{
	border: 0px solid transparent;
}

/* Search */
#search .searchBtn {*margin: 0; margin: 0px;z-index: 9999; padding: 11px; background: rgba(0,0,0,1);}
#search .searchBtn:hover {background: rgba(0,0,0,1);}
#search.noTopNav {margin-top:0px;}

section#content {margin-top: 0px;}
section#content .span9 {background: inherit !important; max-width:100% !important; padding: 20px 0 15px 10px!important; margin-right: 0px!important;}
section#content-home {margin-top: 0px;}

.social-icons {display: none;}
#footer{
    padding: 0;
    font-size: 11px;
    border-top: 0px solid #fff;
}
#footer .bottom {
	padding-top: 0px;
    border-top: 0px solid #484848;
    color: #000;
}
#footer a, #footer a:hover {color: #E84C3D!important;}

/* PWEB BOX */
/* Mandarin Pop Up Box */
#pwebbox584_toggler .pwebbox_toggler {
	padding-top: 0px!important;
}
.pweb-icon .pwebbox_toggler .icon{
	height: 90px;
}
.pwebbox_toggler.pweb-icon .pweb-icon{
	width: 20px!important;
	height: 20px!important;
	line-height: 20px!important;
	font-size: 15px!important;
}
.pweb-vertical.pweb-left .pwebbox_toggler.pweb-icon, .pweb-vertical.pweb-right .pwebbox_toggler.pweb-icon{
	padding:30px 5px 10px 5px!important;
}
/** RED **/
.jev_red {border-bottom:1px dotted #ccc;}
.jev_red .jevdateiconmod {
	color:#B58106!important;
	border:solid 0px #cccccc;
}
.jev_red .jevdateicon1 {
	color:#B58106!important;
	font-size: 40px;
	text-decoration:underline;
}
.jev_red .jevdateicon2 {
	color:#B58106!important;
	font-size: 12px;
	line-height: 40px;
}
.jev_clear {
	clear:both;
}
.jevdateiconmod {
	display:block;
	width:60px;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	float:left;
	margin:10px 5px 0 3px;
}
a.jevdateiconmod  {text-decoration:none!important;}

a.jevdateiconmod div {width:100%!important;}

.jeventslatest .jeviconnotdate {
	margin:3px 0px 3px 60px!important;
	border-style:none;
	border-width:0px 4px 0px 0px;
	padding-right:3px!important;
	width:auto!important;
}
span.jevdateicon1, span.jevdateicon2 {
	margin:0px;
	display:block;
}
.jeviconnotdate .mod_events_latest_date {
	font-size: 11px;
	font-style: italic;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;
	color:gray;*/
}
.mod_events_latest_content a:link, .mod_events_latest_content a:visited {
	
	font-weight: bold;
	font-size: 11px; line-height: 9px !important;
}
.mod_events_latest_content a:hover {
	
	text-decoration: underline;
}
.copyright {
	font-size: 12px;
	line-height: 17px;
}
.leftcol, .rightcol #primary-navigation .menu li a {
	background-color: transparent !important;
	color: black;
}
.leftcol, .rightcol .well {
	min-height: 350px !important;
}
/*** Big Social Block Element */
.bigsocialblock { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%;}
.bigsocialblock__item { position: relative; overflow: hidden; height: 150px; padding: 25px; text-align: right; -webkit-transition: all .2s ease; transition: all .2s ease; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-backface-visibility: hidden; border-width: 0 1px; border-style: solid; border-color: rgba(255, 255, 255, 0.25); }
.bigsocialblock__item:hover { box-shadow: 0 6px 22px 4px rgba(0,0,0,.4); z-index: 1; border-color: transparent;  }
.bigsocialblock__link {display: block; width: 100%; height: 100%;}
.bigsocialblock__bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.bigsocialblock__bg a { display: block; width: 100%; height: 100%; position: relative; z-index: 2;}
.bigsocialblock__title { font-size: 20px; font-weight: 600; text-transform: uppercase; margin: 0; position: absolute; z-index: 1; right: 25px; bottom: 20px;}
.bigsocialblock__count { font-size: 18px; font-weight: 600; position: absolute; right: 25px; bottom: 40px;}
.bigsocialblock__follow { opacity:.5; text-transform: uppercase; font-weight: 600; font-size: 14px; position: absolute; right: 25px; bottom: 20px; }
.bigsocialblock__count,
.bigsocialblock__follow { display: block; opacity: 0; visibility: hidden; }
.bigsocialblock__social-icon { position: absolute; z-index: 1; font-size: 80px; border-style: solid; border-width: 5px; border-radius: 50%; width: 150px; height: 150px; line-height: 140px; left: -21px; bottom: -30px; text-align: center; opacity: 0.5; }
.bigsocialblock__item:hover .bigsocialblock__social-icon { opacity: 1; }
.bigsocialblock__title,
.bigsocialblock__count,
.bigsocialblock__follow,
.bigsocialblock__social-icon { -webkit-transition:all .2s ease-out; transition:all .2s ease-out; -webkit-backface-visibility: hidden;}
/* White */
.bsb--theme-light .bigsocialblock__title,
.bigsocialblock__item:hover .bigsocialblock__title,
.bsb--theme-light .bigsocialblock__count,
.bigsocialblock__item:hover .bigsocialblock__count,
.bsb--theme-light .bigsocialblock__follow,
.bigsocialblock__item:hover .bigsocialblock__follow { color: #fff;}
.bsb--theme-light .bigsocialblock__social-icon,
.bigsocialblock__item:hover .bigsocialblock__social-icon {color:#fff; border-color:#fff;}
/* Dark */
.bsb--theme-dark .bigsocialblock__title,
.bsb--theme-dark .bigsocialblock__count,
.bsb--theme-dark .bigsocialblock__follow { color: #8A8A8A;}
.bsb--theme-dark .bigsocialblock__social-icon {color:#8A8A8A; border-color:#8A8A8A;}

/* Style 1 */
.bigsocialblock--style1 .bigsocialblock__item:hover .bigsocialblock__count,
.bigsocialblock--style1 .bigsocialblock__item:hover .bigsocialblock__follow {-webkit-transform:scale(.6); -ms-transform:scale(.6); transform:scale(.6); }
.bigsocialblock--style1 .bigsocialblock__item:hover .bigsocialblock__title { bottom: 70px;}
.bigsocialblock--style1 .bigsocialblock__item:hover .bigsocialblock__count,
.bigsocialblock--style1 .bigsocialblock__item:hover .bigsocialblock__follow { opacity: 1; visibility: visible; z-index: 1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
.bigsocialblock.type-chover .bigsocialblock__bg { opacity:0; -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out;}
.bigsocialblock.type-chover .bigsocialblock__item:hover .bigsocialblock__bg { opacity:1; }

/* Style 2 */
.bigsocialblock--style2 .bigsocialblock__social-icon { font-size: 200px; width: 400px; height: 400px; line-height: 400px; left: -130px; bottom: -140px; border: solid 15px #fff;}
.bigsocialblock--style2 .bigsocialblock__item:hover { box-shadow: none;}
.bigsocialblock--style2 .bigsocialblock__count { font-size: 30px; line-height: 30px; display: block; position: relative; text-align: right; margin-bottom: 10px; z-index: 1; bottom: auto; right: auto;}
.bigsocialblock--style2 .bigsocialblock__follow { font-weight: 400; display: block; position: relative; text-align: right; bottom: auto; right: auto;}
.bigsocialblock--style2 .bigsocialblock__item:hover .bigsocialblock__count,
.bigsocialblock--style2 .bigsocialblock__item:hover .bigsocialblock__follow { opacity: 1; visibility: visible; }

/* NO FLEXBOX */
.no-flexbox .bigsocialblock { display: table; table-layout:fixed; width: 100%;}
.no-flexbox .bigsocialblock__item {  display: table-cell; position: relative; overflow: hidden; height: 150px; padding: 25px; text-align: right; -webkit-transition: all .2s ease; transition: all .2s ease;}
/* MQ's */
@media (max-width: 1199px) {
	/* Style 2 */
	.bigsocialblock--style2 .bigsocialblock__social-icon { opacity: 0.25; }
	.bigsocialblock--style2 .bigsocialblock__item:hover .bigsocialblock__social-icon { opacity: 0.4; }
}
/* operasi*/
@media (min-width: 768px) and (max-width: 979px) {

	/* Landing Page operasi */

	.operasi {width: 100% !important; border: 1px solid #ccc; background: #eaa809; height: auto;}

	.berita-maca {max-width: 100% !important; border: 1px solid #ccc; background: #eaa809; height: auto;}

	.kalendar-maca{border: 1px solid #ccc; background: white; height: auto;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.bigsocialblock.count-4 .bigsocialblock__social-icon{ border-width:5px; font-size: 60px; width: 120px; height: 120px; line-height: 110px; left: -30px; bottom: -20px;}
	.bigsocialblock.count-5 .bigsocialblock__social-icon { border-width:5px; font-size: 50px; width: 100px; height: 100px; line-height: 90px; left: -30px; bottom: -10px;}
	.bigsocialblock.count-4 .bigsocialblock__title,
	.bigsocialblock.count-5 .bigsocialblock__title { font-size: 16px;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.bigsocialblock.count-3 .bigsocialblock__social-icon{ border-width:5px; font-size: 60px; width: 120px; height: 120px; line-height: 110px; left: -30px; bottom: -20px;}
	.bigsocialblock.count-4 .bigsocialblock__social-icon {border-width:5px; border-color:transparent; font-size: 60px; width: 120px; height: 120px; line-height: 110px; left: -30px; bottom: -20px;}
	.bigsocialblock.count-3 .bigsocialblock__title,
	.bigsocialblock.count-4 .bigsocialblock__title { font-size: 16px;}
	/* 5 items */
	.bigsocialblock.count-5 .bigsocialblock__item { padding:15px; }
	.bigsocialblock.count-5 .bigsocialblock__title { font-size: 15px; position: relative; right: 0; top: auto; bottom: auto; text-align: right; margin-bottom: 10px; opacity:1; visibility: visible; }
	.bigsocialblock__item:hover .bigsocialblock__title {bottom:auto;}
	.bigsocialblock.count-5 .bigsocialblock__count,
	.bigsocialblock.count-5 .bigsocialblock__follow { font-size: 14px; opacity:1; visibility: visible; transform:none; position: relative; right: 0; top: auto; bottom: auto; text-align: right;}
	.bigsocialblock.count-5 .bigsocialblock__social-icon { border-color:transparent; font-size: 50px; width: 100px; height: 100px; line-height: 90px; left: -20px; bottom: -10px;}
	/* Style 2 */
	.bigsocialblock--style2 .bigsocialblock__title { position: relative; bottom: auto; right: auto; margin-bottom: 10px; }
}
@media (max-width: 767px) {
	.bigsocialblock { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
	.bigsocialblock__item { width: 100%; display: block; height: 100px; padding:15px; }
	.bigsocialblock__title {position: relative; right: 0; top: auto; bottom: auto; text-align: right; margin-bottom: 10px; opacity:1; visibility: visible; }
	.bigsocialblock__item:hover .bigsocialblock__title {bottom:auto;}
	.bigsocialblock__count,
	.bigsocialblock__follow{ opacity:1; visibility: visible; -webkit-transform:none; -ms-transform:none; transform:none; position: relative; right: 0; top: auto; bottom: auto; text-align: right;}
	.bigsocialblock--style2 .bigsocialblock__item { height: 120px; }
}
.item-1156 ul[style] {
width: 30em !important;
}
.item-956 .nav-child ul [style] {
width: 9em !important;
}
/* End big social element */


/***********************************************************/
/* Responsive Fixes for Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1199px) { 
    .example    {
        color: purple !important;
    }
    .operasi{
    	max-width: 100%; 
    	!important; 
    	height: auto;
    	margin-left: 0px;
    }
}



/* Responsive Fixes for Landscape phone to portrait tablet */
@media (max-width: 767px) { 
    .example    {
        color: blue !important;
    }
}


/* Responsive Fixes for Landscape phones and down */
@media (max-width: 480px) { 
    .example    {
        color: red !important;
    }
}

/***********************************************************/
.form-search .search{
  width:170px;
}
.search-query{
	border-radius: 15px !important;
	height: 30px !important;
}


.search input[type="submit"].btn{
    margin-left: -35px;
    background: none;
    border: none;
    box-shadow: none;
    margin-top: -5px;
	width: 14px;
	height: 14px;
	background-image:url("../images/glyphicons-halflings.png");
	background-position: -48px 0;
}
.header-logo{
	display: inline-block;
	overflow: hidden;
	height: 70px;
}
.header-shortcut{
	float:right;
	width: 280px;
	height: 70px;
}
.header-shortcut img{
	max-width:70px;
}
@media (max-width: 1200px) { 
    .header-logo{ 
		height: 55px;
    }
	.header-shortcut{
		height: 55px;
		width: 220px;
	}
	.header-shortcut img{
		max-width:55px;
	}
}
@media (max-width: 991px) { 
    .header-logo{
		height: 45px;
    }
	.header-shortcut{
		height: 45px;
		width: 180px;
	}
	.header-shortcut img{
		max-width:45px;
	}
}
@media (max-width: 767px) { 
    .header-logo{
		height: 35px;
    }
	.header-shortcut{
		height: 35px;
		width: 140px;
	}
	.header-shortcut img{
		max-width:35px;
	}
}