@font-face {
    font-family: 'segoe ui';
    src: url('../asset/fonts/segoe-ui/segoe-ui.ttf');
    /*src: url('http://beyoung.co.id/templates/sj_expo/asset/fonts/segoe-ui/segoe-ui.eot#iefix') format('embedded-opentype'),*/
    /*     url('http://beyoung.co.id/templates/sj_expo/asset/fonts/segoe-ui/segoe-ui.woff') format('woff'),*/
    /*     url('../asset/fonts/segoe-ui/segoe-ui.ttf') format('truetype'),*/
    /*     url('../asset/fonts/segoe-ui/segoe-ui.svg') format('svg');*/
    font-weight: normal;
    font-style: normal;
}

/******************************************
***          YT Framework: CSS          ***
*******************************************/
body{margin: 0;padding: 0;}
body.contentpane{
	padding: 10px;
}
form{margin: 0;}

ul,ol,li{
	margin: 0;
	padding: 0;
	list-style: none;
}
/* -----------------------------*/
/*     Base Joomla              */
/* -----------------------------*/
a:hover{color: #001723;text-decoration: none;}

/* Form, input*/
.fontSizeLarge{  font-size:18px}
.fontSizeSmall{  font-size:12px}
.fontSizeMini{   font-size:11px;line-height: 16px;}

textarea:focus,
input[type="text"]:focus,input[type="password"]:focus,
input[type="datetime"]:focus,input[type="datetime-local"]:focus,
input[type="date"]:focus,input[type="month"]:focus,
input[type="time"]:focus,input[type="week"]:focus,
input[type="number"]:focus,input[type="email"]:focus,
input[type="url"]:focus,input[type="search"]:focus,
input[type="tel"]:focus,input[type="color"]:focus,
.uneditable-input:focus {
  outline: 0 \9;
  box-shadow: none;
  border-color: #0082c8;
  /* IE6-9 */
}
a:focus,.btn:focus, select:focus,input[type="file"]:focus,
input[type="radio"]:focus,input[type="checkbox"]:focus{
	outline: 0;
}
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{
	border-radius: 0;
	font-size: 12px;
	/*box-shadow: 0 1px 0 #FFFFFF inset;*/
	box-shadow: none;
	padding: 4px 6px;
	border-color: #ddd;
	font-family: "segoe ui";
}
input:focus:required:invalid:focus, textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {border-color: #000000;box-shadow: none;}
hr{border-color: #DDDDDD -moz-use-text-color #F5F5F5;}
/*.btn{background: #73b702;border-radius: 0;color: #fff;box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);text-shadow: none;}*/
.btn:hover{background: #2f5181;color: #fff;}
label, input, button, select, textarea{font-size: 100%;}
select#limit{font-size: 12px;height: 30px;margin: 0; padding: 6px;width: 220px;}
/* List Menu */
	
ul.horizontal {padding: 0;margin: 0;}
	ul.horizontal li{float: left;width:33%;list-style: none;}
	
/*Content Joomla*/
div.img_caption{
	position: relative; padding: 5px;
	border: 1px solid #ddd;
	margin-bottom: 2em;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
p.img_caption{
	padding: 5px;margin: 0;
	background: rgba(0,0,0,0.5);color: #ddd;
	position: absolute;left: 5px;right: 5px;bottom: 5px;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
/* Text Alignment */
.clear{clear: both;height: auto;}
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }

table.variations{width: 100%;clear:both;margin:3em 0 2em;border: 1px solid #ddd;}
	table.variations tr.odd{background: none;border: none;}
	table.variations tr.odd td {background: #EEEEEE;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.1);text-shadow: 0 1px 1px rgba(255,255,255,0.6);}
	table.variations tr td{background: #fff;height: 25px;color: #666;}
	table.variations tr td.bold{font-weight: bold;padding: 3px 10px;}


/* -----------------------------*/
/*      Special positions       */
/* -----------------------------*/
#yt_notice{position:fixed;top:0px;height: 0px;min-height: 0px;}
#yt_sticky_left{position:fixed;left:0;top:165px;margin:0;height: 0px;min-height: 0px;}
#yt_sticky_right {position:fixed;right:0;top:165px;margin:0 0;height: 0px;min-height: 0px;}

#yt_sticky_left  .btn-special,
#yt_sticky_right .btn-special{height: 49px;color: #bfcfe6;border-bottom: 1px solid #7c91ae;background-color: #6B82A2;box-shadow: 4px 0 0 rgba(0, 0, 0, 0.15) inset, 0 2px 2px rgba(0, 0, 0, 0.25);}
#yt_sticky_right .btn-special{box-shadow: inset -4px 0 0 rgba(0,0,0,0.15),0 2px 2px rgba(0, 0, 0, 0.25);}
#yt_sticky_left  .btn-special span,
#yt_sticky_right .btn-special span{line-height: 49px;}

#yt_tool_bottom {position:fixed;right:90px;bottom:0px;height: 0px;min-height: 0px;}
#yt_special_pos div.module{box-shadow: 0 0 3px #999999;width: 100%;}
#yt_special_pos div.module.active{}
#yt_special_pos div.bg-white .module-inner3{padding:10px;background-color:#fff;}

/* Sticky */
.yt-sticky{position:relative;}
.yt-sticky > div.module{position:absolute;z-index:88;margin-bottom:10px;}
.yt-sticky.sticky-right > div.module{right: -100%;background: #6B82A2;}
.yt-sticky.sticky-left > div.module{left: -100%;background: #6B82A2;}
.yt-sticky.sticky-left > div.module:first-child .btn-special{border-radius: 0 3px 0 0;}
.yt-sticky.sticky-left > div.module:last-child .btn-special {border-radius: 0 0 3px 0;}
.yt-sticky.sticky-right > div.module:first-child .btn-special{border-radius: 3px 0 0 0;}
.yt-sticky.sticky-right > div.module:last-child .btn-special {border-radius: 0 0 0 3px;}

.yt-sticky > div.module.active{}
.yt-sticky > div.module .module-inner1{position:relative;}
.yt-sticky > div.module .module-inner2{margin:6px;}

.sticky-right .btn-special{right:100%;left:auto;top:-6px;}
.sticky-left .btn-special{left:100%;top:-6px;}
.sticky-right .active .btn-special{right:-40px;}

.btn-special{
	height:45px;width:45px;background-color:#6b82a2;display:block;position:absolute;left:0px;cursor:pointer;
	text-align: center;
	-webkit-transition: color 0.15s ease-in-out 0s;
	-moz-transition: color 0.15s ease-in-out 0s;
	-o-transition: color 0.15s ease-in-out 0s;
	-ms-transition: color 0.15s ease-in-out 0s;
	transition: color 0.15s ease-in-out 0s;
}
.btn-special span{font-size: 20px;line-height: 36px;width:24px;margin: 0 4px 0 8px;}
.btn-special:hover span{color:#fff;}

/* Tool bottom */
.yt-tool-bottom .module{position:absolute;z-index:88;margin: 0 ;background-color:#6FAF09; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4), -1px -1px 0 #619E0D, -1px 0 0 #619E0D inset;}
.yt-tool-bottom .module-inner1{position:relative;}
.yt-tool-bottom .module-inner2{padding:6px;}
.yt-tool-bottom .btn-special{
	left:auto;top:-36px;right:0px;width:auto;height: 35px;padding: 0 10px 0 0;font-size: 16px;font-weight: bold;background: #6bab13;color: #eee;
	border-radius: 3px 3px 0 0;
	border: 1px solid #619e0d;border-bottom: 0;
	box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2) inset, 0px -2px 2px rgba(0, 0, 0, 0.15);
}
.yt-tool-bottom .btn-special span{line-height: 32px;}

/* Notice */
#yt_special_pos .yt-notice .module{background-color:#6B82A2;color: #eee;box-shadow: 0 0 3px #999999,inset 0 -1px 0 #ddd;}
.yt-notice .module {position:absolute;top:-99em;z-index:88;text-align:center;width:100%;min-height:35px;margin: 0 0;}
.yt-notice .module .module-inner1{position:relative;padding:10px;}
.yt-notice .module .btn-special{position:absolute;right:90px;left:auto;height: 38px;color: #BFCFE6;border-radius: 0 0 3px 3px;margin-top: -1px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2)}
.yt-notice .module .btn-special span{margin:0 8px 0 8px;line-height: 36px;}
.yt-notice .module.active .btn-special{color: #fff;}

/* Custom  Special positions*/
#yt_sticky_right .bt-facebook{}
#yt_sticky_right .bt-facebook .btn-special:hover{background: #3C5A9A;}
#yt_sticky_right .bt-twitter  .btn-special:hover{background: #2DAAE0;}
#yt_sticky_right .bt-bullhorn .btn-special:hover{background: #EC4822;}
#yt_sticky_right .bt-facebook.active{background: #3C5A9A;}
#yt_sticky_right .bt-bullhorn.active{background: #EC4822;}
#yt_sticky_right .bt-twitter.active{background: #2DAAE0;}
#yt_sticky_right .bt-twitter.active .btn-special  {background: #2DAAE0;color: #fff;border-radius: 0;}
#yt_sticky_right .bt-facebook.active .btn-special {background: #3C5A9A;color: #fff;border-radius: 0;}
#yt_sticky_right .bt-bullhorn.active .btn-special {background: #EC4822;color: #fff;border-radius: 0;}

.box-livesupport input,
.box-livesupport textarea{width:95%;font-size: 12px;}


/* -----------------------------*/
/*     SJ tools                 */
/* -----------------------------*/
#top{display: none;}
#yt-totop {
    background: url(../images/up-arrow.png) no-repeat center center ;
    background-color: #73B700;
    border-radius: 45px;
    bottom: 10px;
    height: 45px;
    overflow: hidden;
    position: fixed;
    right: 10px;
    width: 45px;
    z-index: 40;
    text-indent:-999em;
}
#yt-totop:hover{background-color:rgba(0, 0, 0, 0.6);}
#yt_wrapper{overflow:hidden;}
#system-message{margin:0 ;}

/* Tooltip voor de editor button */
.item-title .badge {padding: 2px 9px;display: inline-block;vertical-align:middle; margin-bottom: 4px;}
.tip-wrap .tip {background: #ffc;border: 2px solid #ccc;padding: 5px;font-size: 12px;max-width: 250px;z-index: 80;position: relative;}
.tip-title{font-weight: bold;}

/****** Layout *****/
.layout-lrm.nogroup-left  #content_right{margin: 0;}

p#form_login_remember{
	display:block;
}
p#form_login_remember input{
	float:left;
	margin-top:3px;
	border:none;
	padding:0 0;
}
p#form_login_remember label{
	display:inline;
	margin:0 5px;
}
ul.yt-login-links li{
	display:block;
}
/* ----------------------------*/
/*     Block: yt_menuwrap      */
/* ----------------------------*/
#yt-mobilemenu{display:none;}
#yt_menuwrap{background: #cacaca ;position: relative;/*z-index: 10;*/}
/*#yt_menuwrap:before,*/
#yt_menuwrap:after{
	content: "";
	width:100%;
	height: 3px;/* Override Default 10px */
	position: absolute;
	bottom:0px;
	left: 0;
	z-index: 5;
	background: #000000;
	opacity: 0.1;
	filter: alpha(opacity=10);
}
#yt_menuwrap:before{
	content: "";
	width:100%;
	height: 100%;
	position: absolute;
	top:0px;
	left: 0;
	z-index: -10;
	background: url(../images/pattern/pattern1.png);
	opacity: 0.1;
	filter: alpha(opacity=10);
}
.no-slider  #yt_menuwrap{margin-bottom: 20px;}


/* ----------------------------*/
/*     Block: yt_header      */
/* ----------------------------*/
#yt_header{
	margin:0 ;
}
#yt_logoposition h1{margin:20px 0;}
#yt_logoposition h1.logo a{min-height: 60px;display: inline-block;}

#mod-finder-searchform{
	margin:0 10px;
	position:relative;
	overflow: hidden;
	float: right;
	/* Override Joomla */
	clear: both;
	border-radius: 5px;
}
#mod-finder-searchform input.search-query{
	background: #0082C8;
	border: 1px solid #0082C8;
	border-radius: 5px 5px 5px 5px;
	box-shadow: none;
	color: #CCCCCC;
	float: right;
	font-size: 100%;
	height: 20px;/* Override default 20px */
	padding: 4px 30px 4px 5px;
	width: 135px;
}
#mod-finder-searchform .btn{
	background: #0082C8;
	border-color: #339bd3;
	border-style: none none none solid;
	border-width: medium medium medium 1px;
	box-shadow: none;
	height: 30px;
	padding: 0;
	position: absolute;
	right: 0px;
	/*text-align: right;*/
	top: 0;
	width: 30px;
	z-index: 10;
	border-radius: 0 5px 5px 0;
}
#mod-finder-searchform .btn:hover{
	background: #339bd3;
}
#mod-finder-searchform .btn .icon-search{
	margin: 0;
}

.phone{
    /*Override Joomla Default #e3e6de*/
	margin: 35px 0 0;
	color: #000 !important;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
}
.phone:before{
	content: "\f095";
	width: 55px;
	height: 55px;
	position: absolute;
	left: -60px;
	top: -6px;
	border-radius: 28px;
	background: #0082c8;
	text-align: center;
	line-height: 55px;
	font-family: "FontAwesome";
	font-size: 28px;
	
	transform:rotate(15deg);
	-ms-transform:rotate(15deg); /* IE 9 */
	-moz-transform:rotate(15deg); /* Firefox */
	-webkit-transform:rotate(15deg); /* Safari and Chrome */
	-o-transform:rotate(15deg); /* Opera */
}
.phone .number1,
.phone .number1 > a{
	font-size: 24px;
	font-weight: bold;
}
/*fix Ipad*/
.phone .number1 > a{
	color: #e3e6de !important;
}
ul.head-menu{
	margin: 20px 0;
	float: right;
	/* Override Joomla */
	clear: both;
}
.head-menu li{
	float: left;
}
.head-menu a{
    /*Override Joomla Default #cccccc*/
	color: #000;
	padding: 3px 10px;
	margin: 0 1px 0 0;
	text-transform: uppercase;
	font-size: 12px;
	display: block;
	position: relative;
}
.head-menu a:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #FFFFFF;
	opacity: 0.2;
	filter: alpha(opacity=20);
	display: none;
}
.head-menu li.active a:before, .head-menu li a:hover:before{
	display: block;
}
ul.language-menu{
	display: inline-block;
    margin: 4px 0 0 43px;
	float: right;
}
.language-menu li {
    float: left;
    margin: 0 10px;
}
.language-menu li a{
    /*Override Joomla Default #cccccc*/
	color: #000;
	text-transform: uppercase;
}
.language-menu li.active a, .language-menu li:hover a{
	color: #0082c8;
}



/* ----------------------------*/
/*     Block: yt_spotlight      */
/* ----------------------------*/
#yt_spotlight{margin-bottom:30px;}
#yt_spotlight .span4{width:33.33%;}
#yt_spotlight div.row-fluid {margin: 0;}
#yt_spotlight div.row-fluid > div{position: relative;margin: 0;color: #fff; border-left: 2px solid #FFFFFF;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
#yt_spotlight div.row-fluid > div:first-child{border-left:none;}
#yt_spotlight h3.modtitle{color: #fff;}

	
#yt_spotlight5 h3.modtitle{
	padding: 15px 0;
	display: block;
	background: none;
	color: #f7f7ed;
	font-size: 24px;
	font-weight: normal;
	text-align: left;
}
#yt_spotlight5 .modcontent{
	background: none;
	border: none;
	color: #999999;
	padding: 0;
}
.about-us img{
	float: left;
	margin: 6px 20px 0 0;
}
.about-us li{
	color: #cccccc;
}
.about-us li span{
	display: inline;
}
.about-us a{
	background: #0082C8;
    color: #FFFFFF;
    display: inline-block;
    line-height: 100%;
    margin: 20px 0 0;
    padding: 7px 10px;
}
.about-us a:after{
	content: "\f054"; font-family: 'FontAwesome';display: inline-block;color: #0082C8;vertical-align: middle;font-size: 12px;
}
.about-us a:hover:after{
	margin-left: 5px;
	color: #FFFFFF;
}
.exhibit-services li a{
	color: #999999;
}
.exhibit-services li a:hover{
	/*font-style: italic;*/
	color: #ffffff;
}
.exhibit-services li, .contact-support li{
	background: url(../images/separate_li.png) repeat-x 0 0;
	padding: 7px 0;
}
.contact-support li.our-phone a{color: #999999; }
.exhibit-services li:first-child, .contact-support li:first-child{
	background: none;
	padding-top: 0;
}
div.module.contact-support {
	margin: 0;
}
#yt_spotlight5 .contact-support .modcontent{
	background: url(../images/bg_social.png) no-repeat left bottom;
	padding: 0 0 30px;
}
.contact-support a:hover{
	color: #ffffff;
}
.mod-menu-footer{
	text-align: center;
}
ul.footer-menu{
	display: inline-block;
}
ul.footer-menu li{
	float: left;
	
	font-size: 18px;
	text-transform: uppercase;
}
ul.footer-menu li a, ul.footer-menu li span{
	padding: 10px 30px;
	color: #FFFFFF;
	display: inline-block;
	background: url(../images/separate_menu.png) no-repeat 0 center;
}
ul.footer-menu li:first-child a{
	background: none;
}
ul.footer-menu li.active a, ul.footer-menu li a:hover{
	color: #0082c8;
	background-color: transparent;
}
.mod-menu-footer .module{
	position: relative;
	z-index: 10;
}
.mod-menu-footer .module:before{
	content: "";
	position: absolute;
	left: -25%;
	top: 0;
	width: 200%;
	height: 100%;
	background: #001723;
	z-index: -1;
}

ul.social{
	margin: 20px 0 0;
}
ul.social li{
	display: inline;
	background: none;
	margin: 0;
	padding: 0;
}
ul.social li a{
	background: none;
	display: inline-block;
    margin: 0;
    padding: 0;
    width: 48px;
}
ul.social li a:before{
	color: #FFFFFF;
    font-size: 30px;
    font-weight: normal;
    line-height: 50px;
    text-align: center;
    width: 50px;
}
ul.social li a:hover:before{
	opacity: 0.85;
	filter: alpha(opacity=85);
}
ul.social li a.icon-facebook:before{
	background: #3b5998;
}
ul.social li a.icon-twitter:before{
	background: #19bfe5;
}
ul.social li a.icon-google-plus:before{
	background: #d64136;
}
ul.social li a.icon-rss:before{
	background: #fd9f13;
}

/* ----------------------------*/
/*     Block: yt_footer      */
/* ----------------------------*/
#yt_footer{color:#999999; padding: 0 0 30px;}
#yt_footer a{color:#cccccc;}
#yt_footer .footer1 a{font-weight: bold;}

#yt_copyrightposition{text-align:center;padding: 5px 0;}
#yt_copyrightposition a:hover{color: #fff;}


	
/****** Module Variations*****/
div.module{margin:0 0 30px;position: relative;}
div.mod-title{
	text-align: center;
}
h3.modtitle{
	background: none repeat scroll 0 0 #0082C8;
    color: #FFFFFF;
    display: inline-block;
    font-size: 20px;/* Override Default 30px */
    font-weight: bold;
    line-height: 100%;
    margin: 0 auto;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
}
div.modcontent{
	border: 1px solid #CCCCCC;
    padding: 20px;
	background: #FFFFFF;
}


div.modcontent > *:first-child{margin-bottom: 5px;/* Override Default 0px */}

/*Box1*/
.box1 h3.modtitle{
	color:#001723;
	font-weight: normal;
	display: block;
	text-transform: none;
	padding: 15px 20px 10px;
	border-bottom: 1px solid #CCCCCC;
	background: #FFFFFF;
}
.module.box1
{
	border: 5px solid #CCCCCC;
}
.box1 .modcontent{
	border: none;
}

/*Box2*/
.box2 h3.modtitle{
	color:#FFFFFF;
	font-weight: normal;
	display: block;
	text-transform: none;
	padding: 20px 20px 10px;
	border-bottom: 1px solid #CCCCCC;
	background: #0082c8;
}
.box2 .modcontent{
	color: #FFFFFF;
	border: none;
	background: #0082c8;
}

/*Box3*/
.box3 h3.modtitle{
	color:#001723;
	font-weight: normal;
	display: block;
	text-transform: none;
	padding: 20px 20px 10px;
	border-bottom: 1px solid #CCCCCC;
	background: #FFFFFF;
}
.module.box3
{
	border: 1px solid #CCCCCC;
}
.box3 .modcontent{
	border: none;
}

/*Box4*/
.box4 h3.modtitle{
	color: #001723;
	background: none;
	padding: 20px 20px 10px;
}
.module.box4
{
	border: 1px solid #CCCCCC;
}
.box4 .modcontent{
	border: none;
	background: none;
}
._menu li{
	line-height: 100%;
	padding: 0 15px;
	margin: 20px 0 0;
	position: relative;
}
._menu li:hover,
._menu li.active{
	padding-left: 25px;
}
._menu li:before{
	content: "";
	background: #0082c8;
	border-radius: 5px;
	height: 4px;
	width: 4px;
	position: absolute;
    left: 0;
    top: 6px;
}
._menu li:hover:before,
._menu li.active:before{
	height: 7px;
	width: 7px;
}
._menu li:first-child{
	margin-top: 0;
}
._menu a{
	color: #0082c8;
}
._menu a:hover,
._menu li.active a{
	color: #00c6ff;
}
.nav > li > a:hover{
	background-color: transparent;
}

/*Block Breadcrumb*/
#breadcrumb .modcontent{
	background: none;
	border: none;
	padding: 0;
}
ul.breadcrumb {background: none;padding: 0;margin-bottom: 15px;}
ul.breadcrumb .divider{
	background: url(../images/breadcrumb_separate.png) no-repeat  left 4px ;
	display: inline-block;
    margin: 0 8px;
    padding: 0 3px;
    text-indent: -999em;
}
.divider .icon-home{font-size: 20px;color: #305383;}
.breadcrumb li a, .breadcrumb li span {
    color: #000000;
    font-size: 12px;
    line-height: 14px;
}
.breadcrumb li a:hover,.breadcrumb li span{ color: #0082c8;}

/*Box5*/
.box5 h3.modtitle,
.box6 h3.modtitle,
.box7 h3.modtitle,
.box8 h3.modtitle
{
	color:#FFFFFF;
	font-weight: normal;
	display: block;
	text-transform: none;
	padding: 15px 20px 10px;
	border-bottom: 1px solid #CCCCCC;
	background: none;
}
.module.box5,
.module.box6,
.module.box7,
.module.box8
{
	border: 5px solid #CCCCCC;
	background: #b93466;
}
.box5 .modcontent,
.box6 .modcontent,
.box7 .modcontent,
.box8 .modcontent
{
	border: none;
	background: none;
	color: #FFFFFF;
}
/*Box6*/
.module.box6
{
	background: #8c423a;
}
/*Box7*/
.module.box7
{
	background: #f35b28;
}
/*Box8*/
.module.box7
{
	background: #008000;
}
.box8 h3.modtitle,.box8 .modcontent{
	color: #efefef;
}
/*Suffix badge-new*/
[class*="badge"] h3.modtitle{
	display: block;
	background: none;
	color: #666666;
	font-weight: normal;
	padding-left: 92px;
	position: relative;
}
[class*="badge"] h3.modtitle:before{
	content: "";
	position: absolute;
	width: 91px;
	height: 45px;
	left: 0;
	top: 9px;
	background: url(../images/badge.png) no-repeat;
}
.badge-new h3.modtitle:before{
	background-position: 0 0;
}
.badge-hot h3.modtitle:before{
	background-position: -110px 0;
}
.badge-best h3.modtitle:before{
	background-position: 0 -46px;
}
.badge-top h3.modtitle:before{
	background-position: -110px -46px;
}
[class*="badge"] .modcontent{
	background: none;
}

/*Suffix Clear*/
.clear h3.modtitle{
	background: none;
	color: #001723;
	padding: 10px 0;
}
.clear div.modcontent{
	border: none;
	background: none;
	padding: 0;
}

/* Badge  Style*/
div.style-badge{}
div.style-badge h3.modtitle:before{background: none;display: none;}
div.style-badge h3.modtitle span.badge{width:28px;height:14px;padding: 0;display: inline-block;margin: 0 5px;background: url("http://beyoung.co.id/templates/sj_expo/images/sprites.png") no-repeat 0 -99px ;border-radius: 0;box-shadow: none}
div.hot h3.modtitle span.badge{background-position: 0 -99px;}
div.top h3.modtitle span.badge{background-position: -100px -99px;}
div.cool h3.modtitle span.badge{background-position: -50px -99px;}
div.new h3.modtitle span.badge{background-position: -150px -99px;}



	
/* ----------------------------*/
/*     Block: content      */
/* ----------------------------*/
#content{margin:0;}

form#login-form{margin: 0;}
form#login-form .input-small{width:115px;}

	

/****** Component *****/
#yt_component{margin-bottom: 30px;}
#yt_component .component-inner{background-color: #fff;padding:20px}
#yt_component .component-inner2:after,
#yt_component .component-inner2:before{clear: both;display: block;content: "";}

/*Featured Articles*/
div.blog-featured{}
div.blog-featured .items-leading{padding:0 ;}
div.blog-featured .items-leading h2.item-title{margin: 0 0 15px;line-height: 20px;}
div.blog-featured .items-leading .article-text p{display: inline;}
.page-header h2.item-title,
h2.item-title,
div.catItemHeader h3.catItemTitle{
	font-size:30px;
	line-height:100%;
	font-weight:normal;
	margin: 0 0 20px;
	font-family: inherit;
	padding: 0;
	text-align: left;
}
.page-header .item-title a{
	color: #0082C8;
}
.item-title a:hover{
	color: #001723;
}
.button1{
	background: #0082C8;
	color: #FFFFFF;
	display: inline-block;
	line-height: 100%;
	margin: 20px 0 0;
	padding: 7px 10px;
}
.content-wrapper p,
.wrap-content p,
.blog-featured .article-text p,
.blog-featured .wrap-content p{
	/*margin: 0;*/
}
.items-row .item ,
.items-leading > div.item{
	padding: 30px 0 0;
	overflow: hidden;
	margin: 0 0 30px;
}
.blog .items-leading > div.item:first-child{border-top:none;}
.blog div.items-row.row-0 div.item,
.blog-featured div.items-row.row-0 div.item{
	border-top: none; padding-top: 0;
}
.blog-featured > div.items-leading div.item.leading-0{border-top: none;padding: 0px;}

.blog .item-image,
.blog-featured .item-image,
span.catItemImage
{
	background:url(../images/loading.gif) no-repeat center center;
	text-align:center;
	position: relative;
}
.blog .image-date{
	position: relative;
}
.pagenavcounter{
	margin:0 0 10px;
	font-weight:bold;
}
.article-index{
	margin:0 0 0 10px;
}
div.blog-featured div.article-text, div.blog div.article-text{display: block; }
div.article-info{/* font-size:85%;padding-bottom:15px;padding: 4px */}
.blog .wrap-content,
.blog-featured .wrap-content,
#k2Container .wrap-content{
	padding: 20px 44px;
}

div.blog-featured div.article-text div.article-info,
div.blog div.article-info,
.catItemImageBlock .date
{
	position: absolute;
	right: 5%;
	bottom: 0;
	z-index: 10;
}
.layout-m div.blog-featured div.article-text div.article-info,
.layout-m div.blog div.article-info,
.layout-m .catItemImageBlock .date{
	right: 20%;
}

div.blog-featured div.article-text div.article-info:after,
div.img-intro-left{margin-bottom: 15px;}
.com_content .page-header{
	/*margin:10px 0 0;*/
	border:none;
	font-weight: normal;
}
.page-header h2{margin-top:0px;}
div.article-info > div,dl.article-info > dd
{
	padding:0;
	display:inline-block;
	font-size: 91.7%;
	line-height: 24px;
	margin: 0;
}
div.article-info > div:last-child{padding: 0;}
.blog dl.article-info dd,
.blog-featured dl.article-info dd,
.catItemImageBlock .date span
{
	padding: 5px 10px;
	margin: 0;
	font-weight: bold;
	color: #FFFFFF;
	background: #0082c8;
	text-transform: uppercase;
	font-size: 100%;
	display: inline-block;
}
.blog dl.article-info dd.createdby,
.blog dl.article-info dd.category-name{
	display: none;
}

.blog dl.article-info,
.blog-featured dl.article-info{
	margin: 0;
}
	
div.item-page .page-header{margin: 0; text-align: left;}
div.item-page.homepage .page-header:first-child{
	display: none;
}
.rtl div.item-page .page-header{text-align: right;}
.article-info-term{
	font-size:125%;
}
div.item-page div.article-info{
	margin:0 0 15px 0;
	padding:0 0;
}
.element-invisible{
	line-height:100%;
	vertical-align:middle;
	margin:0 8px;
	font-size: 14px;
	display: inline-block;
}
div.item-page .pagenav{
	
}
.item-image,.img-intro-left{margin: 0 0 15px 0;}

/*Pagination*/
.pagination{
	border-top: 1px solid #CCCCCC;
	height: auto;
	margin: 0;
	padding: 20px 0 0;
	font-size: 12px;
	position: relative;
}
.pagination:before, .pagination:after{
	content: "";
	position: absolute;
	width: 20%;
	height: 100%;
	left: -20%;
	top: -1px;
	border-top: 1px solid #CCCCCC;
}
.pagination:after{
	right: -20%;
	left: auto;
}
.pager a, .pager span{border-radius: 5px;padding: 3px 10px;background: #eee;}


/*.wrap-content, #k2Container{*/
.wrap-content{
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	padding: 20px;
	overflow: hidden;
	margin: 0;
}
.tit,div.blog > h2,
.itemListCategory h2,
.tag-category h2,
div.category-list > h2,
.page-header > h1{
	display: inline-block;
	margin: 0;
	padding:  10px 25px;
	background: #0082c8;
	color: #FFFFFF;
	font-size: 20px;/* Override Default 30px */
	text-transform: uppercase;
	line-height: 100%;
	color: #FFFFFF;
}
div.yt-typography div.page-header > h1{
	display: block;
	background: none;
	padding-bottom: 10px;
	text-align: left;
}
.rtl .yt-typography .page-header > h1{
	text-align: right;
}
.page-header h2.tit a{
	color: #FFFFFF;
}
dl.article-info dd, .itemHeader span{
	color: #999999;
	padding: 0 3px 0 0;
	font-size: 12px;
}
dl.article-info dd.separate:first-child{
	display: none;
}
ul.actions{
	float: right;
}
ul.actions li {
    float: left;
	margin: 7px 0 0 5px;
}

ul.actions li > a {
    float: right;
    height: 11px;
    padding: 0;
	display: block;
    text-indent: -999em;
    width: 15px;
}
ul.actions li > a{
	background: url(../images/print_email.png);
}
ul.actions li.print-icon > a {
	/*background: url(../images/print_email.png) no-repeat;*/
}
ul.actions li.email-icon > a {
	background-position: right 0;
}
ul.actions li > a:hover{
    background-size: 40px 15px;
    height: 15px;
    margin-top: -2px;
    width: 20px;
}


div.category-name {
    border-bottom: 1px solid #E7E7E7;
    margin: 0 0 10px;
    padding: 0 0 15px;
}
.item-page div.category-name a,.item-page div.category-name a:hover{color: #73B700;}
/*.page-header h2{font-size: 160%;line-height: 22px;margin: 0;letter-spacing: -0.5px;}*/
.page-header h2 a{color: #686868;}

.item-page .icon-calendar{
	display: none;
}
.item-page .btn-group.pull-right .dropdown-menu{
	top: 25px;
}
.detail-article img ,
.item-page .wrap-content span img ,
.item-page .wrap-content p img {
    display: block;
    margin: 35px auto;
}
div.block-related{
	margin: 30px 0 0;
	padding: 20px 0 0;
	border-top: 1px dashed #001723;
}
ul.related-items {
    display: inline-block;
    max-width: 400px;
}
div.related-items-title{text-transform: capitalize; font-size: 18px; margin: 0 0 25px;}
ul.related-items li.related-item{margin-bottom: 7px;}
ul.related-items li.related-item > a{
    margin: 0;
    text-transform: none;
    float: none;
	font-size: 14px;
}
ul.related-items li.related-item > a img{
	display: inline;
	margin: 0 15px 0 0;
}
ul.related-items li.related-item:hover > a img{
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.add-on .icon-lock{
	width: 19px;
}
.btn .icon-question-sign
{
	height: 19px;
}

/*Category Blog*/
.homepage div.blog{
	text-align: center;
}
.homepage .content-wrapper {
    text-align: left;
}
dl.article-info{
	margin: 0 0 20px;
	max-width: 90%;
	
}

/*Items Blog*/
div.item-page{}
div.item-page h2.item-title{font-size: 208.3%;line-height: 30px;}
div.item-page .pull-left{margin-right: 15px; line-height: 100%; width: auto;}
div.item-page + p:first-child{color: #154575;}

	
/*Pagination*/
.pagination ul{border-radius: 0;box-shadow: none;display: table;margin: 0 auto;}
.pagination ul li{display: inline-block;margin: 2px; float: left;line-height: 27px;}
.pagination ul > li.pagination-start > span.pagenav,
.pagination ul > li.pagination-prev> span.pagenav,
.pagination ul > li.pagination-next > span.pagenav,
.pagination ul > li.pagination-end > span.pagenav,
.pagination ul > li > a, 
.pagination ul > li > span
{
	line-height: 25px;
	padding: 0 10px;
	border: 1px solid #cccccc;
	color: #666666;
	background: #ffffff;
}
.pagination ul > li > a{color: #666666; font-weight: bold;}
.pagination ul > li > span.pagenav{
	border: 1px solid #0082c8;
	color: #FFFFFF;
	background: #0082c8;
}
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span{border-radius: 0;}
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span{border-radius: 0;}
.pagination ul > li > a:hover, .pagination ul > .active > a, .pagination ul > .active > span{border: 1px solid #0082C8;}

/*Page break*/
#article-index ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#article-index ul {
	/*display: inline-block;*/
}
html[xmlns] #article-index ul {
	display: block;
}
* html #article-index ul {
	height: 1%;
}

#article-index ul li{
	float: left;
}
#article-index {
    border-bottom: 1px solid #E7E7E7;
	margin-bottom: 20px;
}
a.toclink {
    background: #F5F5F5;
    border: 1px solid #E7E7E7;
    display: inline-block;
    font-weight: bold;
    margin: 0 5px -1px 0;
    padding: 5px 8px 6px;
}
a.toclink.active{
	background: #FFFFFF;
	border-color: #E7E7E7 #E7E7E7 #FFFFFF;
    border-style: solid;
    border-width: 1px;
	color: #001723;
}

/*Edit Article*/
.edit.item-page .modal{
	background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    overflow: auto;
    position: static;
    width: auto;
}
#editor-xtd-buttons .button2-left {
    float: left;
    margin-right: 5px;
}
a.modal-button,
.button2-left .blank a,
.button2-left a,
.button2-left div.readmore a {
    background: #EEEEEE;
    border: 1px solid #DDDDDD;
    font-weight: bold;
    line-height: 1.2em;
    margin: 10px 0 0 !important;
    padding: 2px 4px !important;
    text-decoration: none;
}


/*Category List*/
table.category {
    margin-bottom: 20px;
}



/*-------- Component K2 ----------*/
div.catItemView {
    padding: 0;
}
div.catItemBody {
    margin: 0 0 50px;
    padding: 0;
}
div.itemListCategory{
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}
span.catItemImage img{
	border: none;
	padding: 0;
}
div.catItemImageBlock{
	position: relative;
	padding: 0;
	margin: 0;
}
span.catItemDateModified{
	border: none;
    color: #FFFFFF;
    display: inline;
    margin: 0;
    padding: 0;
    text-align: left;
}
span.catItemImage{
	margin: 0 0 15px;
}
div.catItemCommentsLink {
    border: none;
    display: block;
    margin: 0;
    padding: 0;
}
.k2-comment, div.catItemTagsBlock span{
	background: #b93466;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 10px 5px;
	margin: 0 8px 1px 0;
	display: inline-block;
	position: relative;
}
.k2-comment:after{
    border-color: transparent #b93466;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    content: "";
    display: block;
    position: absolute;
    right: -6px;
    top: 10px;
    width: 0;
}
div.catItemCommentsLink a {
    text-transform: capitalize;
}
.k2-comment.no-comment{
	font-weight: normal;
}
.k2-comment.no-comment:after{
	display: none;
}
div.catItemTagsBlock span{
	background: #f35b28;
}
div.catItemTagsBlock {
    border: none;
    padding: 0;
	margin: 2px 0 0;
}
div.catItemLinks {
    margin: 0 0 15px;
}
div.catItemIntroText{
	padding: 0;
}
div.catItemReadMore {
    display: inline-block;
}
div.catItemReadMore a {
	color: #FFFFFF;
	font-size: 91.7%;
}
div.catItemTagsBlock ul.catItemTags li a:after{
	content: ",";
}
div.catItemTagsBlock ul.catItemTags li a.last:after{
	content: "";
}


/*Detail K2*/
#k2Container.itemView{
	background: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 20px;
}
div.itemHeader span.itemAuthor{
	display: inline;
}
.itemHeader span:before{
	content: "|";
	margin: 0 4px 0 0;
}
.itemHeader span:first-child:before{
	content: "";
	margin: 0;
}
div.itemToolbar {
    background: none;
    border: none;
    display: inline;
    margin: 0;
    padding: 0;
}
div.itemToolbar ul li {
    background: none;
    border: none;
    display: inline;
    font-size: 12px;
    list-style: none;
    padding: 0;
    text-align: left;
	float: left;
    margin: 1px 0 0 5px;
}
div.itemToolbar ul li a#fontDecrease,
div.itemToolbar ul li a#fontIncrease {
    margin: 3px 0 0 2px;
	background: none;
	width: 13px;
	height: 13px;
}
div.itemToolbar ul li a img{
	display: block;
}
div.itemToolbar ul li a{
	margin: 3px 0 0 2px;
}
ul.actions li > a.itemEmailLink {
    background-position: right 0;
}
.itemToolbar ul.actions li > a:hover{
	margin-top: 1px;
}

div.itemRatingBlock{
	float: right;
	margin: 0;
	padding: 0;
}
span.itemImage img{
	border: none;
	padding: 0;
}
.itemImage .modal, .commentToolbar .modal{
	background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    overflow: auto;
    position: static;
    width: auto;
}
div.itemImageBlock {
    margin: 0 0 25px;
    padding: 0;
}
div.itemBody {
    margin: 0;
    padding: 0;
}
div.itemHeader {
	margin: 0 0 25px;
}
div.itemIntroText {
    color: #666666;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    padding: 0 0 15px;
}
div.itemContentFooter{
	text-align: left;
	border-top: 1px dashed #001723;
	margin: 25px 0 0;
	padding: 25px 0 0 ;
}
.itemHits{
	display: inline;
}
.itemCommentsLink{
	text-transform: capitalize;
}
.itemHits .read, div.itemCategory span.public-tit{
	background: #0082c8;
    color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    margin: 0 0 1px;
    padding: 3px 10px 5px;
    position: relative;
    text-transform: capitalize;
}
.itemHits .times{
	color: #999999;
}
div.itemCategory {
    border: none;
    padding: 0;
}
div.itemCategory span.public-tit{
	background: #7f2d25;
}
div.itemLinks {
    margin: 0;
    padding: 0;
}
div.itemTagsBlock {
    border: none;
    padding: 0;
}
div.itemTagsBlock span.k2-tags {
    background: #F35B28;
    color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    margin: 0;
    padding: 3px 10px 5px;
    position: relative;
}
.itemTags a:after{
	content: ",";
}
.itemTags a.last:after{
	content: "";
}
.itemRatingList, .itemRatingList a:hover, .itemRatingList .itemCurrentRating{
	background-image: url(../images/star.png);
}
.itemRatingList{
	width: 100px;
	height:20px;
	margin: 2px 0 0;
}
.itemRatingList a, .itemRatingList .itemCurrentRating{
	height: 20px;
	line-height: 20px;
}
.itemRatingForm{
	line-height: 20px;
}
.itemRatingLog {
    float: left;
    font-size: 100%;
}
div.itemAuthorBlock {
    background: none;
    border: none;
    border-top: 1px dashed #ccd1d3;
    margin: 25px 0 0;
    padding: 25px 0 0;
}
div.itemAuthorBlock img.itemAuthorAvatar{
	background: none;
	border: 3px solid #C2C2C2;
    margin: 5px 20px 20px 0;
    padding: 18px 15px;
}
.itemAuthorName > a {
    font-size: 14px;
    text-transform: uppercase;
}
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl{
	border: none;
	font-weight: normal;
}
.author-relate{
	margin: 25px 0 0;
	padding: 25px 0 0;
	border-top: 1px dashed #CCD1D3;
}
.author-relate > div{
	float: left;
	width: 50%;
}
.author-relate > div h3{
	font-size: 100%;
	text-transform: uppercase;
	font-weight: bold;
}
.author-relate > div ul{
	margin: 0 0 0 15px;
}
.author-relate > div ul li{
	border: none;
	background: none;
	margin: 10px 0 0;
	padding: 0;
}
.author-relate > div ul li:before{
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background: #001723;
	display: inline-block;
	margin: 3px 2px;
}
.author-relate > div ul li:first-child{
	margin-top: 0;
}
.author-relate > div ul li a:hover{
	font-style: italic;
}
div.itemNavigation {
    background: #0082c8;
    border: none;
    margin: 15px 0 0;
    padding: 0;
	color: #FFFFFF;
}
div.itemNavigation span.itemNavigationTitle{
	color: #FFFFFF;
    display: inline-block;
    padding: 10px 0 10px 10px;
    text-transform: uppercase;
}
div.itemNavigation a{
	color: #FFFFFF;
	font-size: 12px;
}
div.itemComments {
    background: none;
    border: none;
    padding: 0;
	margin: 25px 0 0;
	overflow: hidden;
}
.itemCommentsCounter{
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 0 20px;
}
div.itemComments ul.itemCommentsList li img{
	background: none;
    width: 50px;
	
	border: 3px solid #C2C2C2;
    margin: 5px 20px 20px 0;
    padding: 18px 15px;
}

div.itemComments ul.itemCommentsList li span.commentDate,
div.itemComments ul.itemCommentsList li span.commentAuthorName
{
    border: none;
	color: #999999;
    margin: 0 3px 0 0;
    padding: 0;
	font-weight: normal;
}
div.itemComments ul.itemCommentsList li span.commentDate:after{
	content: "|";
	margin: 0 0 0 2px;
}
div.itemComments ul.itemCommentsList li{
	background: none;
	padding: 20px 0 0;
	border: none;
	border-top: 1px dashed #CCD1D3;
	margin: 20px 0 0;
}
div.itemComments ul.itemCommentsList li:first-child{
	border: none;
	margin: 0;
	padding: 0;
}
div.itemComments ul.itemCommentsList li p{
	padding: 0;
	margin: 0;
}
div.itemComments ul.itemCommentsList li span.commentLink {
    float: left;
    margin-left: 0;
}
div.itemComments ul.itemCommentsList li span.commentLink a,
div.itemComments ul.itemCommentsList li span.commentToolbar a
{
	color: #0082C8;
	text-decoration: none;
}
div.itemCommentsPagination {
    margin: 0;
    padding: 0;
}
div.itemComments ul.itemCommentsList {
    margin: 0 0 25px;
    padding: 0;
}
div.itemCommentsForm h3 {
    margin: 0;
    padding: 0 0 10px;
	text-transform: uppercase;
	font-size: 14px;
}
div.itemCommentsForm p.itemCommentsFormNotes {
    border: none;
}

div.itemCommentsForm form label.formName,
div.itemCommentsForm form label.formEmail,
div.itemCommentsForm form label.formUrl
{
    display: inline-block;
	margin: 12px 0 0 15px;
}
div.itemCommentsForm form label.formComment{
	display: inline-block;
    margin: 30px 0 0;
}
div.itemCommentsForm form label.formName
{
	margin: 12px 18px 0 0;
}
div.itemCommentsForm form input.inputbox,div.itemCommentsForm form input.inputbox:focus,
div.itemCommentsForm form textarea.inputbox,div.itemCommentsForm form textarea.inputbox:focus
{
    display: inline;
    margin: 0;
    width: 141px;
	box-shadow: none;
	border: 1px solid #cccccc;
	background: none;
}
div.itemCommentsForm form textarea.inputbox,div.itemCommentsForm form textarea.inputbox:focus{
	width: 85%;
	height: 100px;
	margin: 25px 0 0;
	box-shadow: none;
	border: 1px solid #cccccc;
	background: none;
}
div.itemCommentsForm form input#submitCommentButton{
	background: #0082C8;
    border: none;
    color: #FFFFFF;
    display: inline-block;
    line-height: 100%;
    margin: 20px 0 0;
    padding: 7px 10px;
}

.k2AccountPage #image{
	height: auto;
	margin-bottom: 5px;
}
/*Pagging Comment*/
.itemComments .pagination{
	padding: 20px 0;
	border-bottom: 1px solid #CCCCCC;
	margin: 0 0 20px;
}
/*Lastest items*/
div.latestItemsContainer {
    width: 100%;
}
div.latestItemList{
	padding: 0;
}
.latestItemView{
	margin-top: 30px;
}
.latestItemList > div:first-child .latestItemView{
	margin-top: 0;
}
div.latestItemImageBlock{
	float: none;
}
.latestItemImage > a{
	display: block;
}
span.latestItemImage img{
	max-width: 100%;
	padding: 0;
	margin: 0;
}
div.latestItemIntroText{
	padding: 5px 0 0;
}
div.latestItemBody {
    padding: 10px 0 0;
}
a.k2ReadMore{
	margin-top: 0px;
}
a.k2ReadMore:after{
	content: "\f054";
	font-family: 'FontAwesome';
	display: inline-block;
	color: #0082C8;
	vertical-align: middle;
	font-size: 12px;
}
div.tagItemReadMore a,
div.userItemReadMore a{
	background: #0082C8;
    color: #FFFFFF;
    display: inline-block;
    line-height: 100%;
    margin: 20px 0 0;
    padding: 7px 10px;
}
div.tagItemCategory span{
	display: inline-block;
}
a.k2ReadMore:hover{
	color: #ffffff;
}
a.k2ReadMore:hover:after{
	margin-left: 5px;
	color: #FFFFFF;
}



/*All Categories*/
.itemListCategory h2 span {
    font-size: 50%;
    line-height: 200%;
    margin: 0 0 0 10px;
    text-transform: none;
    vertical-align: top;
}
div.itemListSubCategories {
    margin: 0 0 0 -20px;
}
div.subCategory {
    margin: 20px 0 20px 20px;
    padding: 10px;
}
div.subCategory h2 {
    text-align: center;
	margin: 10px 0 20px;
}
div.subCategory a.subCategoryImage img, div.subCategory a.subCategoryImage:hover img {
    border: none;
    margin: 0;
    padding: 0;
}

/*Page Tags*/
div.tagItemView {
	border: none;
    border-top: 1px dotted #CCCCCC;
}
div.tagItemList .tagItemView:first-child{
	padding-top: 0;
	border: none;
}

/*Page users*/
#k2Container.wrap-content.userView,
#k2Container.wrap-content.tagView{
	padding: 20px;
}
div.userItemList {
	padding-bottom: 20px;
}
div.userItemLinks {
    margin: 0;
}
div.userItemView {
	margin-top: 20px;
}
.userItemList .userItemView:first-child{
	margin-top: 0;
}
div.userItemHeader h3.userItemTitle, div.tagItemHeader h2.tagItemTitle{
	padding: 0;
}

/* ------------- Component tags ----------*/
.item-page div.tags{
	margin: -20px 0 20px;
}
div.tag-category .filters {
    background: none repeat scroll 0 0 #E5E5E5;
    border-bottom: 1px solid #DDDDDD;
    margin: 0 0 20px;
    padding: 5px;
}
.blog .tags{
	float: right;
	margin: 23px 0 0;
}
.rtl .blog .tags{
	float: left;
}
.blog .item-tags .tags{
	float: none;
	margin: -15px 0 20px;
}
.tags a.label{
	background: none repeat scroll 0 0 #DDDDDD;
    border-radius: 12px 12px 12px 12px;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset;
    color: #666666;
    font-size: 11px;
    margin: 0 7px 7px 0;
    padding: 2px 15px 4px 23px;
}

/*Module popular tags*/
.tagspopular a ,
.tags a.label {
    background: none repeat scroll 0 0 #DDDDDD;
    border-radius: 12px 12px 12px 12px;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset;
    color: #666666;
    float: left;
    font-size: 11px;
    margin: 0 7px 7px 0;
    padding: 2px 15px 4px 23px;
    position: relative;
}
.tags a.label{
	float: none;
	display: inline-block;
	/*line-height: 185%;*/
	margin: 0 2px;
	padding: 3px 8px 6px 18px;
	text-shadow: 0 0 0;
	font-weight: normal;
}
.tagspopular a:hover ,
.tags a.label:hover {
    background: none repeat scroll 0 0 #0082C8;
    color: #FFFFFF;
    /*padding: 2px 15px 4px 23px;*/
}
.tagspopular a:before ,
.tags a.label:before {
    background: none repeat scroll 0 0 #666666;
    border-radius: 5px 5px 5px 5px;
    content: "";
    display: block;
    height: 5px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 5px;
    z-index: 0;
}
.tags a.label:before{
	left: 7px;
	top: 8px;
}
.tagspopular a:hover:before ,
.tags a.label:hover:before {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
}
.tagspopular a > span {
    border-radius: 16px 16px 16px 16px;
    font-size: 10px;
    height: 16px;
    line-height: 15px;
    opacity: 0;
    padding: 0 5px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: top 0.3s ease 0s;
    width: auto;
    z-index: 15;
}
.tagspopular a:hover > span {
    background: none repeat scroll 0 0 #00669d;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5), 0 0 2px rgba(0, 0, 0, 0.3) inset;
    color: #FFFFFF;
    opacity: 1;
    top: -8px;
}
.rtl .thumbnails > li{
	float: right;
}



/* ------------- Component smart search ----------*/
#search-form{background: #ECF0E8;border: 1px solid #ddd;padding: 15px;box-shadow: 0 0 0 1px #f4f4f4 inset;}
#advancedSearch #finder-filter-select-list label{min-width: 150px;}
#advancedSearch #finder-filter-select-list .filter-branch{margin-top: 5px;}
#advancedSearch #finder-filter-select-list .filter-branch:first-child{margin-top: 0;}
#search-results ul{margin: 0;}
#search-results ul li{list-style: none;}
#search-results ul li .result-title {padding: 5px 10px;margin-bottom: 10px;border-bottom: 1px solid #ddd;background: #eee;font-size: 100%;}
#search-results ul li small{font-size: 100%;font-style: italic;color: #999;}
#search-results span.highlight{background: #73B700;padding: 2px 5px;margin: 0 3px;font-weight: normal;color: #fff;}
#search-results .search-pagination{margin-top:2em;}
#search-query-explained{font-weight: bold;}
#search-query-explained .term{background: #73B700;padding: 2px 5px;margin: 0 3px;color: #fff;}
.filter-search{background: #eee;border-color: #ddd;border-radius: 0;}
.filter-search select, .filter-search select{
	margin: 10px 5px;
}
.filter-search button{
	background: #0082C8;
	color: #FFFFFF;
	display: inline-block;
	line-height: 100%;
	padding: 7px 10px;
	border: none;
}
.archive .pagination{display: none;}
	
/* -----------------------Component News Feed, Contact, Weblink...  */
div.categories-list{}
div.categories-list ul{position: relative;margin: 0;padding-left: 15px;}
div.categories-list ul li{list-style: none;font-weight: bold;}
div.categories-list ul li .category-desc{font-weight: normal;}
/*div.categories-list ul:before{border-left: 1px solid #CCCCCC;content: "";left: -10px;position: absolute;right: auto;top: 0;width: 1px;height: 50px;}*/
div.categories-list ul ul > li{list-style: none;position: relative;margin: 0;padding: 10px 0 0 8px;overflow: hidden;}
div.categories-list ul ul > li:after{ border-left: 1px solid #CCCCCC;content: "";height: 30px;width: 1px;left: 0px;position: absolute;top: 0;}
div.categories-list ul ul > li:before{content: "";border-bottom: 1px solid #CCCCCC;width:7px;height: 1px;position: absolute;left: 0px;top: 28px;}
div.categories-list ul ul > li span.item-title{padding: 3px 8px;}
table.category{width:100%;}
table.category thead{background:#EEE;}
table td.key {padding: 5px;}
table.category tr{border:1px solid #ccc;background: #f5f5f5;}
table.category tr.cat-list-row0{background: #fafafa;}
table.category tbody tr td{padding:5px 10px;font-weight:normal;}
table.category tbody tr td.hits{font-size: 150%;}
table.category th{
	font-size:120%;font-weight:bold;text-transform:uppercase;padding:8px 10px;
	background:#cccccc;
	background: -moz-linear-gradient(top,  rgba(221,221,221,1) 0%, rgba(204,204,204,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,221,221,1)), color-stop(100%,rgba(204,204,204,1)));
	background: -webkit-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(204,204,204,1) 100%);
	background: -o-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(204,204,204,1) 100%);
	background: -ms-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(204,204,204,1) 100%);
	background: linear-gradient(to bottom,  rgba(221,221,221,1) 0%,rgba(204,204,204,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#cccccc',GradientType=0 );
}
ul.actions li{list-style: none;}
div.display-limit{margin: 15px 0 ;display: inline-block;}
	
div.login{}
div.page-header{
	/*margin: 0 0 20px;*/
	/*padding: 0;*/
	/*border: none;*/
	text-align: center;
	margin: 0;
	padding: 0;
}
/*div.page-header > h1{margin: 0;line-height: 30px;text-transform: uppercase;color: #73B700;font-size: 150%;font-weight: normal;}*/
/*div.page-header > h1:before {*/
/*	background: url("http://beyoung.co.id/templates/sj_expo/images/sprites.png") no-repeat scroll -50px 0 transparent;*/
/*	content: "";*/
/*	display: inline-block;*/
/*	height: 12px;*/
/*	margin: 0 5px 0 2px;*/
/*	width: 12px;*/
/*}*/
div.login .form-horizontal{margin: 0;}
div.login .login-description{padding: 10px 0px;}
div.login .well{background: none;border: none;border-radius: 0;box-shadow: none;padding: 10px 0 0;margin: 0;}
ul.nav-tabs{padding-left: 20px;margin-left: -8px;}
ul.nav-tabs.nav-stacked li{list-style: disc;}
ul.nav-tabs.nav-stacked li > a{background: none;border: none;border-radius: 0;padding: 3px 0;}
	
div.registration{}
div.registration legend{font-size:100%;text-transform: none;}
div.form-actions{background: none;border: none;}
.form-horizontal .control-label{text-align: left;padding: 0;margin-bottom: 5px;}
.form-horizontal .control-label label{font-weight: bold;font-size: 100%;}
.form-horizontal .controls{margin: 0;}
.form-horizontal .controls input{width:250px;}
.form-horizontal .form-actions{padding: 0;}

ul.list-condensed{margin: 0;}
ul.list-condensed li{list-style: none;padding: 6px;}
ul.list-condensed li:hover{background: #eee !important;}
ul.list-condensed li.cat-list-row0{background: #F5F5F5;}
ul.list-condensed li .list-author,
ul.list-condensed li.cat-list-row0 .list-date {font-size: 11px;margin: 0 5px;}

.weblink-category .cat-children{
	margin-top: 20px;
}

/*Component contact*/
.component-inner2 > .contact{
	padding: 30px;
	border: 1px solid #cccccc;
	background: #ffffff;
}
.wrap-map{
	background: #d7eafb;
	background: -moz-linear-gradient(top,  #d7eafb 0%, #9fcbf2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7eafb), color-stop(100%,#9fcbf2));
	background: -webkit-linear-gradient(top,  #d7eafb 0%,#9fcbf2 100%);
	background: -o-linear-gradient(top,  #d7eafb 0%,#9fcbf2 100%);
	background: -ms-linear-gradient(top,  #d7eafb 0%,#9fcbf2 100%);
	background: linear-gradient(to bottom,  #d7eafb 0%,#9fcbf2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7eafb', endColorstr='#9fcbf2',GradientType=0 );
	
	margin: 0 0 40px;
}
.wrap-map-inner{
	background: url(../images/contact_us.png) no-repeat right top;
}
#map{
    height: 315px;
    margin: 0 0 0 80px;
    width: 495px;
	border-style: solid;
	border-width: 0 10px;
	border-color: rgba(255, 255, 255, 0.2);
	background: none !important;
	float: left;
}
.layout-lmr #map,
.layout-lrm #map,
.layout-mlr #map{
	margin: 0;
    width: 440px;
}
.contact-miscinfo {
    display: inline-block;
    vertical-align: top;
    width: 49.6%;
}
.layout-lmr .contact-miscinfo,
.layout-lrm .contact-miscinfo,
.layout-mlr .contact-miscinfo{
	width: 100%
}
.panel-form {
    display: inline-block;
    width: 50%;
}
.layout-lmr .panel-form,
.layout-lrm .panel-form,
.layout-mlr .panel-form{
	width: 100%
}
.contact span.title{
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
	display: inline-block;
	margin: 0 0 30px;
}
.misc-expand,.main-form{
	position: relative;
	margin: 0 0 0 70px;
}
.misc-expand:before,
.main-form:before{
	content: "";
	width: 50px;
	height: 50px;
	left: -65px;
	top: 0;
	background: url(../images/icon_contact.png) no-repeat;
	position: absolute;
}
.main-form:before{
	background-position: right 0;
}
.misc-expand li {
    margin: 0 0 15px;
}
.misc-expand span.phone-number{
	font-size: 24px;
}
.contact legend{
	font-size: 100%;
	line-height: 45px;
	border: none;
	margin: 0;
}
.contact .main-form dd{
	margin: 0;
	display: inline;
}
.contact .main-form input{
	width: 131px;
	margin: 0 0 20px 20px;
	border: 1px solid #000000;
	color: #001723;
}
.contact .main-form input:focus,
.contact .main-form textarea:focus{
	border: 1px solid #000000;
}
.contact .main-form textarea{
	width: 469px;
	border: 1px solid #000000;
	margin: 0 0 20px;
}
.contact .main-form dl dd:first-child input{
	margin-left: 0;
}
.contact .main-form input::-webkit-input-placeholder,
.contact .main-form textarea::-webkit-input-placeholder{
	color:#001723;
	opacity: 1;
	filter: alpha(opacity=100);
}
.contact .main-form input::-moz-placeholder,
.contact .main-form textarea::-moz-placeholder{
	color:#001723;
	opacity: 1;
	filter: alpha(opacity=100);
}
.contact .main-form input::-ms-input-placeholder,
.contact .main-form textarea::-ms-input-placeholder{
	color:#001723;
	opacity: 1;
	filter: alpha(opacity=100);
}
.contact .main-form input:focus::-webkit-input-placeholder,
.contact .main-form textarea:focus::-webkit-input-placeholder{
	color:transparent;
}
.contact .main-form input:focus::-moz-placeholder,
.contact .main-form textarea:focus::-moz-placeholder{
	color:transparent;
}
.contact .main-form input:focus::-ms-input-placeholder,
.contact .main-form textarea:focus::-ms-input-placeholder{
	color:transparent;
}
.contact .main-form button{
	background: #0082C8;
    color: #FFFFFF;
    display: inline-block;
    line-height: 100%;
    margin: 0;
    padding: 7px 10px;
	border: none;
	float: right;
}


/*Component user*/
#remember-lbl{
	display: inline;
	margin: 0 5px 0 0;
}
#remember{
	margin: 0;
}
.login button[type="submit"],
.logout button[type="submit"]{
	background: #0082C8;
    color: #FFFFFF;
    display: inline-block;
    line-height: 100%;
    margin: 10px 0;
    padding: 7px 10px;
	border: none;
}
.k2AccountPage th.k2ProfileHeading, .k2AccountPage table.admintable td.key, .k2AccountPage table.admintable td.paramlist_key{
	background: none;
	border: none;
}
.admintable input[type="radio"] {
    display: inline;
    margin: 0 0 5px;
}
.k2AccountPage table tr td label.radiobtn{
	display: inline;
}
.admintable input[type="text"], .admintable input[type="password"], .admintable input[type="email"]{
	width: 257px !important;
}
textarea#description{
	width: 257px !important;
	height: 150px !important;
}
.k2AccountPage div.k2AccountPageUpdate {
    border: none;
    margin: 0 150px;
    padding: 0;
    text-align: left;
}
.k2AccountPageUpdate button[type="submit"]{
	background: #0082C8;
	color: #FFFFFF;
	display: inline-block;
	line-height: 100%;
	margin: 20px 0 0;
	padding: 7px 10px;
	border: none;
}
#user-registration dd, #user-registration dl{
	margin: 0;
}
#user-registration button[type="submit"] {
    background: #0082C8;
    border: medium none;
    color: #FFFFFF;
    display: inline-block;
    line-height: 100%;
    margin: 10px 0;
    padding: 7px 10px;
}
.k2AccountPage #genderm-lbl{
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}
.rtl .k2AccountPage #genderm-lbl{
	float: right;
	margin: 0 0 0 10px;
	padding: 0;
}
.k2AccountPage #genderm-lbl input#genderm,
.k2AccountPage #genderf-lbl input#genderf{
	margin: 3px;
}
.rtl .k2AccountPage #genderm-lbl input#genderm,
.rtl .k2AccountPage #genderf-lbl input#genderf{
	margin: 3px;
	float: right;
}


/*--------------- Module -------------*/
/* SJ BasicNews -- */
/*.basic-news, .module.download{*/
/*	border: 1px solid #CCCCCC;*/
/*}*/
/*.basic-news h3.modtitle{*/
/*	color: #001723;*/
/*	background: none;*/
/*	text-align: center;*/
/*	line-height: 120%;*/
/*}*/
.sj-basic-news{
	margin: -20px 0 0 -10%;
}
.basic-news div.modcontent{
	padding-top: 5px;
}
.sj-basic-news .bs-items .bs-item {
    float: left;
    width: 40%;
}
.sj-basic-news .bs-items .bs-item .bs-image{
	width: 100%;
}
.bs-title{
	text-align: center;
	text-transform: uppercase;
}
.sj-basic-news .bs-items a:hover{
	color: #0082c8;
}
.sj-basic-news .bs-items .bs-item,
.sj-basic-news .bs-items .bs-item.last
{
	margin: 25px 0 0 10%;
}
.sj-basic-news .bs-items .bs-item .bs-image{
	padding: 0;
	margin: 0 0 15px;
}
.sj-basic-news .bs-items .bs-image{
	position: relative;
	overflow: hidden;
}
.sj-basic-news .bs-items .bs-image a{
	text-decoration: none !important;
}
.sj-basic-news .bs-items .bs-image a:before{
	content: "\f061";
	position: absolute;
	width: 16px;
	height: 17px;
	font-family: "fontawesome";
	background: #FFFFFF;
	color: #0082c8;
    font-size: 10px;
    left: -16px;
	top: 45%;
    line-height: 17px;
    text-align: center;
}
.sj-basic-news .bs-items .bs-image:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}
.box4 .sj-basic-news .bs-items .bs-item:hover .bs-image{
	opacity: 1;
	filter: alpha(opacity=100);
	background: #0082c8;
}
.box4 .sj-basic-news .bs-items .bs-item:hover .bs-image img{
	visibility: hidden;
}
.sj-basic-news .bs-item:hover .bs-image a:before{
	left: 45%;
}
.sj-basic-news .bs-items a{
	color: #0082c8;
}
.box4.sj-basic-news .bs-items .bs-item a{
	display: block;
}
.box4.sj-basic-news .bs-items .bs-item:hover a{
	text-decoration: underline;
}


/*.download .item > div:before{*/
/*	content: "\f061";*/
/*	position: absolute;*/
/*	width: 16px;*/
/*	height: 17px;*/
/*	font-family: "fontawesome";*/
/*	background: #FFFFFF;*/
/*	color: #0082c8;*/
/*    font-size: 10px;*/
/*    left: -16px;*/
/*	top: 45%;*/
/*    line-height: 17px;*/
/*    text-align: center;*/
/*}*/
/*.download .item:hover > div{*/
/*	background: #0082c8;*/
/*}*/
/*.download .item:hover > div:before{*/
/*	left: 45%;*/
/*}*/



/*Module Exhibitions*/
.exhibitions div.modcontent ,
.content-listing div.modcontent {
    border: none;
    padding: 10px 0 20px;
	background: none;
}
.exhibitions h3.modtitle,
.content-listing h3.modtitle{
	background: none;
	color: #001723;
	position: relative;
	font-size: 30px;/* Override Default 40px */
}
.exhibitions h3.modtitle:before,.exhibitions h3.modtitle:after,
.content-listing h3.modtitle:before,.content-listing h3.modtitle:after{
	border-top: 1px solid #CCCCCC;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    width: 1000px;
}
.exhibitions h3.modtitle:before,
.content-listing h3.modtitle:before{
	left: -1000px;
}
.exhibitions h3.modtitle:after,
.content-listing h3.modtitle:after{
	right: -1000px;
}
div.module.exhibitions ,
div.module.content-listing {
    overflow: hidden;
}

.exhibitions .sj-basic-news {
    margin: -20px 0 0 -2%;
}
.exhibitions .sj-basic-news .bs-items .bs-item, .exhibitions .sj-basic-news .bs-items .bs-item.last {
    margin: 25px 0 0 2%;
}
.exhibitions .sj-basic-news .bs-items .bs-item {
    float: left;
    width: 23%;
}
.exhibitions .sj-basic-news .bs-items .bs-image:hover{
	background: none;
}
.exhibitions .sj-basic-news .bs-items .bs-image:hover img {
    visibility: visible;
}
.exhibitions .bs-title {
    text-align: left;
    text-transform: none;
}
.exhibitions .sj-basic-news .bs-items a{
	font-size: 28px;
	font-weight: normal;
	color: #0082c8;
}
.exhibitions .sj-basic-news .bs-items a:hover{
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dotted #0082c8;
}
.exhibitions .bs-title{
	margin: 0 0 10px;
}
.cat-hits{
	position: absolute;
	bottom: 0;
	left: 5%;
	width: 90%;
	background: #0082c8;
	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	
	/*visibility: hidden;*/
	bottom: -100%;
}
/*.bs-item:hover .cat-hits{*/
/*	visibility: visible;*/
/*	*/
/*	-webkit-animation-name: flipInY;*/
/*	-webkit-backface-visibility: visible !important;*/
/*	-moz-animation-name: flipInY;*/
/*	-moz-backface-visibility: visible !important;*/
/*	-ms-animation-name: flipInY;*/
/*	-ms-backface-visibility: visible !important;*/
/*	-o-animation-name: flipInY;*/
/*	-o-backface-visibility: visible !important;*/
/*	animation-name: flipInY;*/
/*	backface-visibility: visible !important;*/
/*}*/
.bs-item:hover .cat-hits{
	bottom: 0;
}

.exhibitions .sj-basic-news .bs-items .cat-hits a {
    font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}
.cat-hits span{
	display: block;
	padding: 10px 0;
}
.cat-hits span:first-child{
	padding-bottom: 0;
}
.exhibitions .sj-basic-news .bs-item .bs-image a:before {
    display: none;
}
/*Module Extra Slider*/
.sj-extraslider{
	margin: 0;
}
.sj-extraslider .extraslider-inner{
	border: none;
}
.sj-extraslider .extraslider-control.button-type2{
	height: 0;
}
.sj-extraslider .item .line {
	padding: 30px 0 0;
	margin: 0;
	border: none;
	border-top: 1px solid #A9A9A9;
}
.sj-extraslider .item .line:first-child{
	border: none;
	padding: 0;
}
.sj-extraslider .extraslider-inner .item-wrap .item-image{
	width: 120px;
	margin: 6px 20px 30px 0;
	float: left;
}
.sj-extraslider .extraslider-inner .item-wrap.style1 .item-info{
	position: static;
	background: none;
}
.sj-extraslider .extraslider-inner .item-wrap .item-info .item-title{
	padding: 0;
	font-weight: normal;
	margin: 0 0 10px;
}
.extraslider-inner .item-title a{
	font-size: 22px;
	line-height: 24px;
	color: #0082c8;
	font-weight: normal;
}
.extraslider-inner .item-title a:hover{
	border-bottom: 1px dotted #0082c8;
}
.sj-extraslider .extraslider-inner .item-wrap .item-info .item-description{
	color: #001723;
}
.sj-extraslider .extraslider-inner .item-wrap .item-info .item-content{
	margin: 0 0 25px;
}

.module.extra-slider{
	overflow: hidden;
}
.sj-extraslider .nav-page.nav-under{
	position: relative;
	border-top: 1px solid #e5e5e5;
	padding-top: 15px;
}
.sj-extraslider .nav-page.nav-under:before, .sj-extraslider .nav-page.nav-under:after{
	content: "";
	height: 0;
	width: 1000px;
	position: absolute;
	top: -1px;
	border-top: 1px solid #e5e5e5;
}
.sj-extraslider .nav-page.nav-under:before{
	left: -1000px;
}
.sj-extraslider .nav-page.nav-under:after{
	right: -1000px;
}
.sj-extraslider .nav-page.nav-under .button-page {
	background: none;
	margin: 0 5px 0 0;
}
.sj-extraslider .nav-page.nav-under .button-page:after{
	content: "\f10c";
	color: #001723;
	font-family: "fontawesome";
}
.sj-extraslider .nav-page.nav-under .sel.button-page:after {
    
	content: "\f111";
}

/*Module Content Responsive Listing*/
.sj-responsive-listing .respl-wrap .respl-items {
    margin: 0 0 0 -30px;
	width: 103%;
}
.content-listing .sj-responsive-listing .respl-cats-wrap ul.respl-cats li.respl-cat a{
	color: #FFFFFF;
	background: #001723;
	margin: 0 10px 0 0;
    padding: 10px 15px;
	border: none;
}
.content-listing .sj-responsive-listing .respl-cats-wrap ul.respl-cats li.respl-cat a:before{
	/*content: "\f01d";*/
	content: "\f04b";
	border: 1px solid #FFFFFF;
    border-radius: 20px;
    font-family: "fontawesome";
    font-size: 8px;
    padding: 2px 3px 2px 4px;
    vertical-align: top;
	line-height: 20px;
	/*display: inline-block;*/
	
	
	display: inline-block;
    line-height: 15px;
    padding: 0 4px;
    text-align: center;
    vertical-align: bottom;
}
.rtl .content-listing .sj-responsive-listing .respl-cats-wrap ul.respl-cats li.respl-cat a:before{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); /* IE 9 */
	-webkit-transform:rotate(180deg); /* Safari and Chrome */
	line-height: 16px;
    padding: 0 5px;
}
.content-listing .sj-responsive-listing .respl-cats-wrap ul.respl-cats li.respl-cat.sel a,
.content-listing .sj-responsive-listing .respl-cats-wrap ul.respl-cats li.respl-cat a:hover{
	background: #0082c8;
	border-radius: 0;
	border: none;
}
.sj-responsive-listing .respl-item .item-inner{
	padding: 10px;
	margin: 0 0 0 30px;
	border: 1px solid #cccccc;
}
.sj-responsive-listing .respl-wrap .respl-items .respl-item{
	margin-bottom: 30px;
}
.sj-responsive-listing .respl01-6 .respl-item{
	width: 16.62%;
}
.sj-responsive-listing .respl-item .item-inner .wrap-image{
	background: #FFFFFF;
	position: relative;
	overflow: hidden;
}
.sj-responsive-listing .respl-wrap .respl-items .respl-item .item-title{
	position: absolute;
	width: 100%;
	height: 100%;
	left: -100%;
	top: 0;
	text-align: center;
	background: #0082c8;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.sj-responsive-listing .respl-wrap .respl-items .respl-item .item-inner:hover .item-title{
	left: 0;
}
.sj-responsive-listing .respl-wrap .respl-items .respl-item .item-title a{
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	padding: 20px 10px 30px;
	display: block;
	white-space: normal;
	position: relative;
}
.sj-responsive-listing .respl-wrap .respl-items .respl-item .item-title a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
.sj-responsive-listing .respl-wrap .respl-items .respl-item .item-title a:after{
	content: "\f061";
	background: #FFFFFF;
    color: #0082C8;
    font-family: "fontawesome";
    font-size: 10px;
    text-align: center;
	line-height: 17px;
	position: absolute;
	left: -16px;
	/*left: 45%;*/
    bottom: 0%;
    width: 16px;
	height: 17px;
}
.sj-responsive-listing .respl-wrap .respl-items .respl-item .item-inner:hover .item-title a:after{
	left: 45%;
}
.sj-responsive-listing .item-inner .item-more{
	display: none;
}
.sj-responsive-listing .item-image{
	margin: 0;
}

.sj-responsive-listing .respl-categories{
	margin: 0;
	padding: 0;
}
.sj-responsive-listing .respl-wrap{
	margin: 0;
}
.sj-responsive-listing .respl-wrap .respl-header{
	margin: 0 0 18px;
}
.button-more{
	text-align: center;
}
.sj-responsive-listing .respl-wrap .respl-loader{
	display: inline-block;
	margin: 0;
	background: #0082c8;
	border: none;
	border-radius: 0;
}
.sj-responsive-listing .respl-wrap .respl-loader:hover{
	background: #0068a0;
}
.sj-responsive-listing .respl-wrap .respl-loader .loader-label{
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 110px;
	text-shadow: 0 0 0;
}
.sj-responsive-listing .respl-wrap .respl-loader a{
	position: relative;
}
.sj-responsive-listing .respl-wrap .respl-loader .loader-image{
	position: absolute;
	left: 70px;
	top: 13px;
	background: none;
    color: #FFFFFF;
    font-size: 32px;
    height: auto;
    line-height: 14px;
    padding: 0;
    width: auto;
}
/*Module Lastest Exhibition*/
div.demo-video.module{
	background: none;
	border: 1px solid #cccccc;
}
.demo-video h3.modtitle{
	background: none;
	color: #001723;
}
.demo-video  div.modcontent{
	background: none;
	border: none;
}
.demo-video img{
	width: 100%;
}

/*Module Newsletter*/
.newsletter div.modcontent{
	border: none;
	background: url(../images/icon_mail.png) no-repeat 25px 25px #f57f20;
	padding: 20px 20px 20px 115px;
	color: #FFFFFF;
}
.newsletter p{
	margin: 0 0 15px;
}
.newsletter span{
	display: block;
    font-size: 30px;
    font-weight: bold;
    line-height: 32px;
    margin: 0 0 15px;
    text-transform: uppercase;
}
.newsletter input, .newsletter input:focus{
	background: url(../images/arrow_circle.png) no-repeat right 6px #FFFFFF;
	padding: 5px 30px 5px 10px;
	border: none;
	box-shadow: none;
	width: 195px;
	color: #001723;
}

:focus::-webkit-input-placeholder{color:transparent;}
:focus::-moz-placeholder{color:transparent;}
:focus::-ms-input-placeholder{color:transparent;}
/*.newsletter input:focus::-webkit-input-placeholder{color:transparent;}*/
/*.newsletter input:focus::-moz-placeholder{color:transparent;}*/
/*.newsletter input:focus::-ms-input-placeholder{color:transparent;}*/



/*Module Download*/
.download h3.modtitle{
	font-size: 27px;
	margin: 0 0 10px;
}
.download div.modcontent{
	padding-top: 0;
}
.download .row-items{
	margin: 25px 0 0 ;
}
.download .row-items:first-child{
	margin-top: 0;
}
.download .row-items .item:first-child {
    margin: 0;
}
.download .item {
    float: left;
    margin: 0 0 0 10%;
    text-align: center;
    width: 45%;
	overflow: hidden;
}
.download .item img{
	width: 100%;
}
.download .item > div{
	margin: 0 0 10px;
	position: relative;
}
.download .item > div:before{
	content: "\f061";
	position: absolute;
	width: 16px;
	height: 17px;
	font-family: "fontawesome";
	background: #FFFFFF;
	color: #0082c8;
    font-size: 10px;
    left: -16px;
	top: 45%;
    line-height: 17px;
    text-align: center;
}
.download .item:hover > div{
	background: #0082c8;
}
.download .item:hover > div:before{
	left: 45%;
}
.download .item:hover img{
	visibility: hidden;
}
.download a{
	text-transform: uppercase;
	display: inline-block;
    font-weight: bold;
    padding: 0;
}
.download a:after{
	content: "\f019";
	font-family: "fontawesome";
	text-align: center;
	color: #000000;
	display: block;
	font-size: 18px;
	font-weight: normal;
}
.download .item:hover a{
	text-decoration: underline;
}
.download .item:hover a:after{
	color: #0082c8;
}
.download a:hover{
	color: #0082c8;
}
/*Module K2 categories*/
div.k2CategoriesListBlock ul li a span.catTitle {
    padding-right: 0px;
}
div.k2CategoriesListBlock ul li.activeCategory a{
	font-weight: normal;	
}
div.k2CategoriesListBlock ul li a span.catCounter {
	color: #999999;
	font-size: 12px;
	font-family: arial;
}
/*Module K2 comment*/
.mod-comment h3.modtitle, .tag-cloud h3.modtitle {
    background: none;
    color: #001723;
    line-height: 120%;
    text-align: center;
}
.mod-comment div.modcontent, .tag-cloud div.modcontent {
    background: none;
    border: none;
    padding-top: 0;
}
.module.mod-comment, .module.tag-cloud{
    border: 1px solid #CCCCCC;
}
div.k2TopCommentersBlock ul li a.tcLatestComment{
	text-transform: capitalize;
}
a.tcLatestComment .k2-comment{
	margin: 0 12px 0 0;
}
.k2Avatar img{
	background: none;
    border: 3px solid #c2c2c2;
    display: block;
    float: left;
    margin: 5px 20px 40px 0;
    padding: 18px 15px;
}
.detail .text{
	margin: 0 0 15px;
}
.detail .commnent{
	margin: 0 0 10px;
}
.k2TopCommentersBlock .odd, .k2TopCommentersBlock .even{
	background: none;
	border-bottom: 1px solid #001723;
	padding: 0;
	margin: 30px 0 0;
}
.k2TopCommentersBlock > ul li:first-child{
	margin: 0;
}
.k2TopCommentersBlock .lastItem{
	border: none;
}
.k2TopCommentersBlock .detail {
    margin: 0 0 30px;
}
.k2TopCommentersBlock .lastItem .detail {
    margin: 0;
}
div.k2TopCommentersBlock ul li span.tcUsername{
	text-transform: capitalize;
}
.k2TopCommentersBlock .user{
	font-size: 12px;
	color: #999999;
}
/*K2 tags cloud*/
div.k2TagCloudBlock a{
	line-height: 30px;
	color: #f1f1e7;
	padding: 5px 10px;
}
div.k2TagCloudBlock a:hover{
	padding: 5px 10px;
}
div.k2TagCloudBlock a.cloud1{
	background: #0082c8;
}
div.k2TagCloudBlock a.cloud2{
	background: #b93466;
}
div.k2TagCloudBlock a.cloud3{
	background: #f35b28;
}
div.k2TagCloudBlock a.cloud4{
	background: #fec420;
}
div.k2TagCloudBlock a.cloud5{
	background: #198c19;
}
div.k2TagCloudBlock a.cloud6{
	background: #df2b4f;
}
div.k2TagCloudBlock a.cloud7{
	background: #7f2d25;
}

/*Mega Module 1*/
div.mega-module ul{
	position: static;
	width: auto;
}
.mod-service1 img{
	float: left;
	margin: 2px 20px 0 0;
}
.mod-service1 .content{
	overflow: hidden;
}
.mod-service1 .title,
.mod-service2 h3
{
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 120%;
	margin: 0 0 15px;
	display: inline-block;
}
.mod-service1 li {
    background: #A3A3A3;
    font-weight: bold;
    margin: 1px 0 0;
    padding: 5px 0 5px 30px;
    position: relative;
}
.mod-service1 li a{
	color: #001723;
}
.mod-service1 li:hover a{
	color: #ffffff;
	text-decoration: underline;
}
.mod-service1 li:before{
	content: "\f00c";
	font-family: "fontawesome";
    font-size: 12px;
    font-weight: normal;
    left: 2px;
    padding: 0 10px;
    position: absolute;
}
.mod-service1 li:hover:before{
	color: #ffffff;
}

/*Mega module 2*/
.mod-service2 li{
	float: left;
    padding: 0 5% 0 0;
    width: 45%;
}
.mod-service2 li:before{
	content: "";
	background: url(../images/mega2.png) no-repeat;
    float: left;
    height: 50px;
    margin: 4px 20px 20px 0;
    width: 50px;
}
.mod-service2 li a{
	color: #001723;
	text-transform: uppercase;
}
.mod-service2 li:hover:before{
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.mod-service2 li a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}
.mod-service2 li.item2:before{
	background-position: left -50px;
}
.mod-service2 li.item3:before{
	background-position: left -100px;
}
.mod-service2 li.item4:before{
	background-position: left -150px;
}
.mod-service2 li.item5:before{
	background-position: left -200px;
}
.mod-service2 li.item6:before{
	background-position: left -250px;
}



.mod-service2 .sj-basic-news .bs-items .bs-item .bs-image{
	width: 50px;
	margin: 4px 20px 0 0;
}
.mod-service2 .bs-title{
	text-align: left;
}
.mod-service2 .sj-basic-news .bs-items .bs-image a:before{
	display: none;
}
.mod-service2 .sj-basic-news .bs-items a,.mod-service2 .sj-basic-news .bs-items a:hover{
	color: #001723;
}
.mod-service2 .sj-basic-news .bs-items .bs-image:hover {
    background: none;
    opacity: 0.7;
	filter: alpha(opacity=70);
}
.mod-service2 .sj-basic-news .bs-items .bs-image:hover img{
	visibility: visible;
}

/*Module Calendar*/
table.calendar{
	width: 100%;
}
/*Who online*/
.user-online h3.modtitle{
	font-size: 22px;
    padding: 4px;
}
/*Login*/
.mod-login input[type="text"],.mod-login input[type="password"] {
	width: 116px;
}
#form-login-remember label{
	float: left;
	margin: 0 10px 0 0;
}
#form-login-remember input{
	margin: 0;
}
.mod-login input[type="submit"]{
	background: none repeat scroll 0 0 #0082C8;
    border: medium none;
    color: #FFFFFF;
    padding: 5px 10px;
    width: 130px;
	margin: 0 auto;
}
.mod-login ul{
	margin: 20px auto 0;
}
.mod-login li a{
	font-size: 12px;
}
.mod-login .login-greeting{
	margin: 0 0 10px;
}

/*Module statistic*/
.statistics h3.modtitle{
	font-size: 23px;
}
.statistics div.modcontent{
	padding: 20px 5px;
}
.statistics dl.stats-module dt{
	width: auto;
	padding: 0 5px 0 6px;
}
.statistics dl.stats-module dd{
	white-space: nowrap;
}

dl.stats-module{margin:0 ;}
dl.stats-module dt{
	background:#f1f1f1;
	float:left;
	width:110px;
	height:28px;
	line-height:28px;
	font-weight:normal;
	padding:0 10px 0 15px;
	margin:1px 0 0;
	border-radius:3px;
}
dl.stats-module dd{
	background:#f1f1f1;
	height:29px;
	line-height:29px;
	margin:0 0;
	padding:0 10px;
	margin:1px 0 0;
	border-radius:3px;
	text-indent: 5px;
}



/* -----------------------Custom Module Html      */

/*Layout Login*/
form#login-form1 .input-small{
	width:100%;height: 25px;line-height: 14px;
	border-radius: 15px;padding: 0 28px;
	font-size: 11px;
	border: none;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
form#login-form1 #form-login-remember label{ float: right;}
form#login-form1 #form-login-username .input-small{
	background-image: url(../images/ico-login.png);
	background-position: 8px 4px;
	background-repeat: no-repeat;
}
form#login-form1 #form-login-password .input-small{
	background-image: url(../images/ico-login.png);
	background-position: 8px -28px;
	background-repeat: no-repeat;
}

form#login-form1 .input-prepend{width:100%;}
form#login-form1 #form-login-submit{margin: 5px 0 20px;float: left;width:100%;}
form#login-form1 #form-login-submit .checkbox{float: left;clear: both;}
form#login-form1 #form-login-submit .controls{float: right;}
form#login-form1 #form-login-submit .btn{
	background-image: url("../images/send_button.png");
	background-position: 96% center;
	background-repeat: no-repeat;
	padding: 3px 27px 3px 13px;
	border: none;
	font-size: 12px;font-weight: bold;
}
form#login-form1 ul.unstyled{
	width:auto;background: #002558;position: static;
	margin: 0 -15px -10px;padding: 4px 15px;
	clear: both;border-top: 1px dashed #667c9b;
}
form#login-form1 ul.unstyled li{display: inline-block;}
form#login-form1 ul.unstyled li:first-child:after{
	content: "|";color:#99a8bc;
	margin: 0 5px;
}
form#login-form1 ul.unstyled li > a{
	display: inline-block;
	font-weight: bold;color: #fff;
}
form#login-form1 ul.unstyled li > a:hover{ color: #81CA07;}


/*----------------------- Other Style -----------------------*/
/*About us page*/
.wrap-content .part-content{
	float: left;
	width: 65%;
	margin: 0 5% 0 0;
	padding: 0;
}
.wrap-content .part-content > img {
    margin: 0 0 30px;
	width: 100%;
}
.wrap-content .part-content span{
	display: block;
    font-weight: bold;
    margin: 0 0 20px;
}
.wrap-content .part-content .item{
	
}
.wrap-content .part-content .item img{
	float: left;
	margin: 0 20px 20px;
}
.wrap-content .part-content .tit-item{
	font-size: 24px;
	/*margin-top: 30px;*/
}
.wrap-content .part-image{
	width: 30%;
	float: left;
}
.wrap-content .part-image img {
    display: block;
    margin: 0 0 1px;
}

/* icon Style */
div.style-icon h3.modtitle:before{background: none;}
div.style-icon h3.modtitle:before{
	font-family: 'icomoon';
	font-style: normal;
	speak: none;
	font-weight: normal;
     font-size: 20px;
	-webkit-font-smoothing: antialiased;
}
.icon1 h3.modtitle:before {content: "!";}
.icon2 h3.modtitle:before {content: "\0022";}
.icon2 h3.modtitle:before {content: "#";}
.icon3 h3.modtitle:before {content: "$";}
.icon4 h3.modtitle:before {content: "M";}
.icon5 h3.modtitle:before {content: "\e023";}


/*****Member Page*****/
img.persional{
	float: left;
	margin: 0 20px 30px 0;
}
div.our-member p{
	display: block;
}
div.our-member div span {
    line-height: 200%;
}
div.our-member ul.social{
	float: left;
}
div.our-member ul.social li a{
	background: #3b5998;
	color: #FFF;
}
div.our-member ul.social li a.twitter{
	background: #2daae1;
}
div.our-member ul.social li a.linkein{
	background: #0073b2;
}
div.our-member ul.social li a.flickr{
	background: #E6E6E6;
	color: #FB0082;
}
div.our-member ul.social li a.vimeo{
	background: #50BDD9;
}
/********Categories***************/
.categories-list .page-header.item-title > a {
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
}
.categories-list .collapse{
	margin: 0 0 0 30px;
}
a.btn-mini .icon-plus{
	background-position: -408px -94px;
	height: 16px;
}

/*Custom Class*/
.overflow{overflow: hidden;}
div.modcontent .bottom10{margin-bottom:10px;}
.top20{margin-top: 10px;}
.btn-group > .btn{padding: 4px 10px;}
.img-wrap.center{text-align:center;}
.icon-cog{margin:0 5px 0 0;}
ul.list-imageitem{margin:0 0 10px ;overflow: hidden;}
ul.list-imageitem li{list-style:none;float:left;margin:4px;overflow: hidden;}
ul.list-imageitem li > a{display: block;position: relative;}
ul.list-imageitem li > a:after{
	content: "";right:0%;top:0;position: absolute;margin: 10%;opacity: 0;
	width:80%;height: 80%;content: "\E802"; font-family: 'fontello';font-size: 24px;
	background:rgba(0,0,0,0.5);color: #eee;text-align: center;line-height: 70px;
}
ul.list-imageitem li > a:hover:after{opacity: 1;}
ul.list-imageitem li > a img{
	height:90px;
	width:90px;
}

.modal-body{text-align:center;}
a.readmore{font-size: 91.7%;display: inline-block;}
a.readmore:hover{color: #FFFFFF;}
a.readmore:after, div.catItemReadMore a:after{content: "\f054"; font-family: 'FontAwesome';display: inline-block;color: #0082C8;margin-left: -5px;vertical-align: middle;}
a.readmore:hover:after, div.catItemReadMore a:hover:after{color: #FFFFFF;margin-left: 5px;}
#yt_spotlight5 a.readmore:after{margin-left: 0;color: #3E3E3E;}
#yt_spotlight5 a.readmore:hover:after{margin-left: 3px;color: #fff;}

ul.adress{margin: 0;}
ul.adress li{list-style: none;position: relative;padding-left: 22px;margin-bottom: 10px;}
ul.adress li:before{
	content: "";
	position: absolute;left: 0;top:5px;
	width:16px;height: 16px;display: inline-block;
	background: url(http://beyoung.co.id/templates/sj_expo/images/sprites.png) no-repeat 0px -248px;
	}
ul.adress li.two:before{background-position: 0px -299px;}
ul.adress li.three:before{background-position: -50px -298px;}
ul.adress li.three a{color: #D6D6D6;}

blockquote.black{border: none;padding: 0;font-style: italic;}
blockquote.black:before{content: "\f10d";font-family: 'FontAwesome';color: #656565;font-size: 20px;margin: 0 10px 0 0;font-style: normal;vertical-align: bottom;line-height: 13px;float: left;}
blockquote.black:after{content: "\f10e";font-family: 'FontAwesome';color: #656565;margin: 0 5px;font-size: 20px;font-style: normal;vertical-align: bottom;line-height: 13px;}
blockquote.black > a{font-size: 91.7%;font-style: normal;}

#filter_search{
	height: 27px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.icon-arrow-up-3{
	display: none !important
}

#position-1{
    float: right !important;
}

.captcha_pic{
	margin-top: 10px !important;
}

.fr_clear_both{
	float: right !important;
	clear: both !important;
}

.zeropadding{
	padding: 0px !important;
}

.oneopacity{
	opacity: 1 !important;
}

.zeroopacity{
	opacity: 0 !important;
}

div.back-none.border-none div.modcontent{
	background: transparent !important;
	border: none !important;
}

.module.extra-slider{
	background-color: #ffffff !important;
}