@charset "utf-8";

/*@import url(http://priangan.org/assets/public/css/widgets.css);			/*link to the CSS file for widgets */
/*@import url(http://priangan.org/assets/public/css/shortcodes.css);		/*link to the CSS file for shortcodes */
/*@import url(http://priangan.org/assets/public/ddsmoothmenu.css);	/*link to the CSS file for dropdown menu */
/*@import url(http://priangan.org/assets/public/tipsy.css);			/*link to the CSS file for tips */
/*@import url(http://priangan.org/assets/public/prettyPhoto.css);	/*link to the CSS file for Pretty Photo Plugin */
/*@import url(http://priangan.org/assets/public/tiny-carousel.css);	/*link to the CSS file for tiny-carousel */
/*@import url(http://priangan.org/assets/public/contact.css);		/*link to the CSS file for contact page */
/*@import url(http://priangan.org/assets/public/uniform.default.css);/*link to the CSS file for form elements */
/*@import url(http://priangan.org/assets/panel/css/styles-panel.css);
/*@import url(http://priangan.org/assets/panel/css/uniform.agent.css); */
@import url(font-awesome.css);
@import url(carousel.css);
@import url(datePicker.css);

/*
Theme Name: Priangan
Description:
Version: 1.1
Author: Dian Sigit Prastowo
Author URI: http://prastowo.net
*/

/* ##############################################################
						---	CONTENTS ---
##############################################################

1. RESET/GLOBAL
		Default Form Elements
2. GENERAL STRUCTURE
		Main Nav Area
			logo
			menu
		Header
		Featured Top Line
		Featured Bottom Line
		Content / Layout
		FOOTER
3. PAGES STYLES&LAYOUTS
		Fullwidth Page Layouts
		Gallery Page
		Portfolio Page
		Portfolio Detailed Page
		Blog Page
			bio
			popular & related
			commentlist
			comment form
		Contact Page
		404 Error Page
4. SIDEBARS
		Content Sidebar
		Footer Sidebar
5. STYLED ELEMENTS
		Breadcrumbs
		Pagination
		Styles for Buttons
		Ordered/Unordered Lists
		Table Layout
 */

/* ========== RESET/GLOBAL ========== */

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, pre,
dd, dl, dt, a, cite, code, img, tt, legend, fieldset, label {margin: 0; padding: 0; text-align:left;}

img, a img, form, fieldset {border: 0;}

html, body 		{height: 100%;}

/*Opera Fix*/
body:before		{
				content:"";
				height:100%;
				float:left;
				width:0;
				margin-top:-32767px;/
				}

body			{
				font-size:12px;
				font-family:Arial, Helvetica, sans-serif;
				line-height:1.5em;
				color:#666666;
				background:url(../image/bg_light.png) #f9f9f9;
				}

hr 				{
			    background-color: #707070;
			    border: 0 none;
			    height: 1px;
				}

a				{
				color:#818181;
				outline: none;
				text-decoration:underline;
				}

a:hover 		{
				text-decoration:none;
				color:#000;
				}

::selection		{background: #ff6400; color: #fff;}
::-moz-selection {background: #ff6400; color: #fff;}

p				{
				margin:0 0 1.5em 0;
				padding:0;
				}

small			{font-size:0.8em;}

h1				{
				font:36px Arial, Helvetica, sans-serif;
				color:#182b44;
				line-height:0.5em;
				margin-bottom:0.5em;
				}

h2				{
				font:22px Arial, Verdana, Helvetica, sans-serif;
				color:#232323;
				line-height: 0.818em;
				margin-bottom: 0.818em;
				}

h2 a			{
				color:#232323;
				text-decoration:none;
				transition: 0.3s;
				}

h2 a:hover		{
				color:#B1B1B1;
				text-decoration:none;
				}

h2.icon			{
				padding:5px 0 5px 50px;
				background-position:0 0;
				background-repeat:no-repeat;
				}

h2.arrow		{background-image:url(http://priangan.org/assets/icons/arrow.png);}
h2.book			{background-image:url(http://priangan.org/assets/icons/book.png);}
h2.cabinet		{background-image:url(http://priangan.org/assets/icons/cabinet.png);}
h2.calendar		{background-image:url(http://priangan.org/assets/icons/calendar.png);}
h2.client		{background-image:url(http://priangan.org/assets/icons/client.png);}
h2.database		{background-image:url(http://priangan.org/assets/icons/database.png);}
h2.download		{background-image:url(http://priangan.org/assets/icons/download.png);}
h2.facebook		{background-image:url(http://priangan.org/assets/icons/facebook.png);}
h2.graph		{background-image:url(http://priangan.org/assets/icons/graph.png);}
h2.home			{background-image:url(http://priangan.org/assets/icons/home.png);}
h2.lock			{background-image:url(http://priangan.org/assets/icons/lock.png);}
h2.mail			{background-image:url(http://priangan.org/assets/icons/mail.png);}
h2.pdf			{background-image:url(http://priangan.org/assets/icons/pdf.png);}
h2.people		{background-image:url(http://priangan.org/assets/icons/people.png);}
h2.phone		{background-image:url(http://priangan.org/assets/icons/phone.png);}
h2.piechart		{background-image:url(http://priangan.org/assets/icons/piechart.png);}
h2.rss			{background-image:url(http://priangan.org/assets/icons/rss.png);}
h2.search		{background-image:url(http://priangan.org/assets/icons/search.png);}
h2.shopping-bag	{background-image:url(http://priangan.org/assets/icons/shopping-bag.png);}
h2.survey		{background-image:url(http://priangan.org/assets/icons/survey.png);}
h2.tag			{background-image:url(http://priangan.org/assets/icons/tag.png);}
h2.twitter		{background-image:url(http://priangan.org/assets/icons/twitter.png);}
h2.user			{background-image:url(http://priangan.org/assets/icons/user.png);}
h2.wallet		{background-image:url(http://priangan.org/assets/icons/wallet.png);}
h2.web			{background-image:url(http://priangan.org/assets/icons/web.png);}

h3				{
				font:20px Arial, Verdana, Helvetica, sans-serif;
				color:#292A2A;
				line-height:0.9em;
				margin-bottom:0.9em;
				}

h4				{
				font:16px Arial, Helvetica, sans-serif;
				color:#232323;
				line-height:1.125em;
				margin-bottom:1.125em;
				}

h5, h6			{
				font:bold 14px Arial, Helvetica, sans-serif;
				color:#232323;
				line-height:1.286em;
				margin-bottom:1.286em;
				}

ul, ol			{
				margin:0;
				padding:0 0 0.75em;
				list-style:none;
				}

ul li, ol li	{
				margin:0;
				padding:0.75em 0;
				}

address			{
				padding-bottom:20px;
				font-style:normal;
				}

address strong	{color:#232323;}

blockquote		{
				min-height:20px;
				margin-bottom:0.112em;
				padding:0 0 0 55px;
				font-size:14px;
				line-height:1.285em;
				font-style:italic;
				font-weight:bold;
				font-family:Georgia, "Times New Roman", Times, serif;
				letter-spacing:1px;
				background:url(http://priangan.org/assets/images/quotes.png) 0px 0px no-repeat;
				}

/* ---- Default Form Elements ---- */

input, textarea	{
				padding:5px 8px;
				font:1em/1.5em Arial, Helvetica, sans-serif;
				color:#666;
				border:1px solid #BCBCBC;
				background:#fff;
				border-radius:4px;
				-moz-border-radius:4px;
				-khtml-border-radius:4px;
				-webkit-border-radius:4px;
				behavior: url(http://priangan.org/assets/public/css/js/PIE.htc);
				}

textarea		{overflow:hidden;}

input:hover,
textarea:hover,
input:focus,
textarea:focus 	{background:#f0f0f0;}

input[type=submit],
input.submit	{
				width:auto;
				position:relative;
				padding:5px 12px;
				cursor:pointer;
				outline:none;
				font-size:12px;
				text-align:center;
				border:none;
				color:#fff;
				background:#454545;
				}

input[type=submit]:hover,
input[type=submit]:focus	{
				color:#000;
				padding:4px 11px;
				border:1px solid #000;
				background:#DEDEDE;
				}

/* ========== GENERAL STRUCTURE ========== */

/* ---- Main Nav Area ---- */

.mainnav_full	{
				width:100%;
				padding-top:5px;
				background:url(../image/main_nav_bg.gif) bottom repeat-x #F8F8F8;
				border-bottom:1px solid #fff;
				}

#MainNav		{
				width:980px;
				min-height:80px;
				_height:80px;
				position:relative;
				z-index:1000;
				margin:0 auto;
				}

/* -- logo -- */

a.logo			{
				width:auto;
				height:auto;
				margin:0 0 0 -18px;
				display:block;
				outline:none;
				float:left;
				font:bold 2em/1em "Arial Narrow", Arial, Helvetica, sans-serif;
				color:#2b2b2b;
				text-decoration:none;
				}

a:hover.logo	{
				color:#5b5b5b;
				text-decoration:none;
				}

/* -- menu -- */

#menu			{
				float:left;
				position:relative;
				z-index:1001;
				padding-top:10px;
				}

#menu li		{
				width:auto;
				margin:0 1px 0 0;
				padding:0;
				float:left;
				font:bold 1.2em/1.1em Arial, Helvetica, sans-serif;
				background:none;
				position:relative;
				}

#menu li a		{
				width:auto;
				height:auto;
				margin:0;
				padding:20px 10px;
				position:relative;
				float:left;
				color:#232323;
				/*text-align:center;*/
				text-decoration:none;
				z-index:1000;
				}

.menuslide		{
				position:absolute;
				z-index:999;
				width:100%;
				height:56px;
				/*background:url(http://priangan.org/assets/images/menu_slide.gif) top repeat-x #404041;*/
				background-color: #aa000a;
				display:none;
				margin-top:-40px;
				top:40px;
				left:0;
				}

#menu li a.selected,
#menu li a:hover{
				color:#fff;
				}

#menu li.current-menu-item a,
#menu li.current-menu-parent a,
#menu li.current_page_parent a	{
				color:#fff;
				/*background:url(http://priangan.org/assets/images/menu_slide.gif) top repeat-x #404041;*/
				background-color: #aa000a;
				}

#menu li.current-menu-item a:hover,
#menu li.current-menu-parent a:hover,
#menu li.current_page_parent a:hover,
#menu li a:hover.selected{
				text-decoration:none;
				}

.menu_description {
				display:block;
				font:10px Arial, Helvetica, sans-serif;
				color:#BEBEBE;
				}

/* ---- Header ///#main -> for main page, #sp -> for all subpages/// ---- */
.header_full	{
				width:100%;
				position:relative;
				z-index:10;
				/*background-image:url(http://priangan.org/assets/patterns/pattern_01.jpg);*/
				background-position: top center;
				background-repeat:no-repeat;
				}

/* Patterns */

.sample_01		{background-image:url(http://priangan.org/assets/public/image/patterns/pattern_01.jpg); background-color: #ff7b00;}
.sample_02		{background-image:url(http://priangan.org/assets/public/image/patterns/pattern_02.jpg); background-color: #589509;}
.sample_03		{background-image:url(http://priangan.org/assets/public/image/patterns/pattern_03.jpg); background-color: #029fd4;}
.sample_04		{background-image:url(http://priangan.org/assets/public/image/patterns/pattern_04.jpg); background-color: #d200e0;}
.sample_05		{background-image:url(http://priangan.org/assets/public/image/patterns/pattern_05.jpg); background-color: #931b1c;}
.sample_06		{background-image:url(http://priangan.org/assets/public/image/patterns/pattern_06.jpg); background-color: #4f9420;}
.sample_07		{background-image:url(http://priangan.org/assets/public/image/patterns/pattern_07.jpg); background-color: #ffb908;}
.sample_08		{background-image:url(http://priangan.org/assets/public/image/patterns/pattern_08.jpg); background-color: #69a205;}
.sample_09		{background-image:url(http://priangan.org/assets/public/image/patterns/pattern_09.jpg); background-color: #cc5fd2;}
.sample_10		{background-image:url(http://priangan.org/assets/public/image/patterns/pattern_10.jpg); background-color: #fc8507;}
.sample_11		{background-image:url(http://priangan.org/assets/public/image/patterns/pattern_11.jpg); background-color: #203b7e;}
.sample_12		{background-image:url(http://priangan.org/assets/public/image/patterns/pattern_12.jpg); background-color: #fb6662;}
.sample_13		{background-image:url(http://priangan.org/assets/public/image/patterns/pattern_13.jpg); background-color: #253872;}
.sample_14		{background-image:url(http://priangan.org/assets/public/image/patterns/pattern_14.jpg); background-color: #d660d8;}
.sample_15		{background-image:url(http://priangan.org/assets/public/image/patterns/pattern_15.jpg); background-color: #c9921e;}
.sample_16		{background-image:url(http://priangan.org/assets/public/image/patterns/pattern_16.jpg); background-color: #c0811a;}
.sample_17		{background-image:url(http://priangan.org/assets/public/image/patterns/pattern_17.jpg); background-color: #2a7e05;}
.sample_18		{background-image:url(../image/patterns/pattern_1.png); background-color: #285493;}
.sample_19		{background-image:url(http://priangan.org/assets/public/image/patterns/pattern_19.jpg); background-color: #e17900;}
.sample_20		{background-image:url(http://priangan.org/assets/public/image/patterns/pattern_20.jpg); background-color: #c37522;}

#main .header_full{margin-bottom:110px;}
#sp .header_full{margin-bottom:0;}

#main #header,
#sp #header		{
				width:960px;
				margin:0 auto;
				position:relative;
				}

#main #header	{
				min-height:390px;
				_height:390px;
				}

#sp #header		{
				min-height:145px;
				_height:145px;
				}
#sp.layer2 #header{
				min-height:215px;
				_height:215px;
				}
#header{
	position: relative;
	text-align: right;
}
#header > .title{
	color: #BCC1D7;
    /*font-size: 20px;*/
    left: 0;
    position: absolute;
    top: 10px;
   	max-width: 750px;
   	line-height: 1.4;
}

#main #header > .title{
	font-size: 20px;
}
#header ul {
	padding: 0;
}

#header ul li{
	display: inline-block;
    padding: 12px 5px;
    vertical-align: middle;
}

#header ul li img{
	height: 50px;
}

.head_top_shadow{
				width:100%;
				height:11px;
				position:absolute;
				top:0;
				left:0;
				background:url(../image/head_px_top.png) top repeat-x;
				}

.head_bot_shadow{
				width:100%;
				height:12px;
				position:absolute;
				bottom:0;
				left:0;
				background:url(../image/head_px_bot.png) top repeat-x;
				}

.SliderBg		{
				/*background-color: #fff;
				width: 100%;
				position:absolute;
				width:952px;
				height:392px;
				overflow:hidden;
				padding:39px 144px 69px;
				position:absolute;
				top:63px;
				left:50%;
				margin-left:-620px;
				background:url(../image/slider_bg.png) 0 0 no-repeat;
				*/
		        width: 952px;
			    overflow: hidden;
			    padding: 25px 144px 55px;
			    position: absolute;
			    top: 50px;
			    left: 50%;
			    margin-left: -620px;
			    background: url(../image/slider_bg.png) 0 0 no-repeat;
			    background-size: 100% 445px;
				}

.SliderBg > p	{
				color: #000;
				font-size: 12px;
				text-align: center;
				margin-bottom: 3px;
				}

.picemaker_container	{
				width:1000px;
				height:600px;
				overflow:hidden;
				padding:0;
				position:absolute;
				top:-35px;
				left:50%;
				margin-left:-500px;
				}

.picemaker_container p	{
				padding:250px 0;
				text-align:center;
				font-size:16px;
				color:#333;
				}

/* ---- Featured Top Line ---- */

#featured_top_line	{
				width:965px;
				height:50px;
				position:relative;
				z-index:1000;
				margin:-15px auto 20px;
				padding:20px 10px 20px 15px;
				background:url(http://priangan.org/assets/public/image/featured_bg.png) 0 0 no-repeat;
				}

#featured_top_line h1	{
				margin-top:7px;
				font-size:28px;
				}

/* ---- Featured Bottom Line ---- */

.featured_bottom_line_full {
				width:100%;
				/*background:none repeat scroll 0 0 #797979;*/
				background:none repeat scroll 0 0 #9a9a9a;
				color: #fff;
				}

#featured_bottom_line	{
				margin: 0 auto;
				padding: 1em 0;
				text-align: center;
				width: 960px
				}

#featured_bottom_line span{
	font-size: 13px;
}
#featured_bottom_line p{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
}
#featured_bottom_line ul li{
	display: inline-block;
    padding: 12px 5px;
    vertical-align: middle;
}
#featured_bottom_line a >img{
    max-height: 65px;
    max-width: 100px;
}

#slider-code a.prev	{background-image:url(http://priangan.org/assets/public/image/carousel_left_btn.png) !important;}
#slider-code a.next	{background-image:url(http://priangan.org/assets/public/image/carousel_right_btn.png) !important;}

/* ---- Content / Layout ---- */

#main .content_wrapper,
#main .content_wrapper_sbr,
#main .content_wrapper_sbl,
#main .content_map	{
				width:960px;
				min-height:300px;
				margin:0 auto;
				padding:0;
				}
#main .content_price{
	width: 960px;
	margin: -25px auto 0px;
	padding: 0;
}
#main .content_price h2{
    margin-bottom: 0;
}
#sms_ticker{
	background: #255391;
	padding: 15px 25px;
	color: #fff;
	margin: 20px 0px;
}
#sms_ticker h1,
#sms_ticker h2,
#sms_ticker h3,
#sms_ticker h4,
#sms_ticker h5{
	color: #fff;
	font-weight: 600;
}
#sms_ticker .column-lit{
    width: auto;
    float: left;
    position: relative;
    margin: 10px 20px;
}
#sms_ticker hr{
	background: #fff;
}
#sms_ticker .column .text-sms{
	letter-spacing: 1px;
	font-weight: 500;
}
#sms_ticker .column .number{
	letter-spacing: 3.5px;
	font-weight: 500;
}
#sms_ticker .mr-right{
	margin-right: 200px;
}
#main .content_wrapper_news,
#main .content_wrapper_news_sbr,
#main .content_wrapper_news_sbl	{
				width:960px;
				min-height:450px;
				margin:0 auto;
				padding:4.5em 0;
				}

#main .content_wrapper #content		{width:960px;}
#main .content_wrapper_sbr #content,
#main .content_wrapper_sbl #content	{width:640px;}

.content_wrapper_sbr #content	{float:left;}
.content_wrapper_sbl #content	{float:right;}

.content_wrappers_sbr #content	{float:left;}
.content_wrappers_sbl #content	{float:right;}

.content_wrappy_sbr #content	{float:left;}
.content_wrappy_sbl #content	{float:right;}

#sp .content_wrapper #content		{width:940px;}
#sp .content_wrapper_sbr #content,
#sp .content_wrapper_sbl #content	{width:620px;}

#sp .content_wrapper,
#sp .content_wrapper_sbr,
#sp .content_wrapper_sbl {
				width:940px;
				min-height:320px;
				margin:-90px auto 0;
				padding:45px;
				position:relative;
				z-index:20;
				background:url(../image/subpage_content_bg.png) 0 0 no-repeat;
				}
#sp .content_wrappers #content		{width:940px;}
#sp .content_wrappers_sbr #content,
#sp .content_wrappers_sbl #content	{width:600px;}

#sp .content_wrappers,
#sp .content_wrappers_sbr,
#sp .content_wrappers_sbl {
				width:940px;
				min-height:200px;
				margin:-90px auto 0;
				padding:45px;
				position:relative;
				z-index:20;
				background:url(../image/subpage_content_bg.png) 0 0 no-repeat;
				}

#sp .content_wrappy #content		{width:940px;}
#sp .content_wrappy_sbr #content,
#sp .content_wrappy_sbl #content	{width:600px;}

#sp .content_wrappy,
#sp .content_wrappy_sbr,
#sp .content_wrappy_sbl {
				width:960px;
				margin:-150px auto 0;
				padding:45px;
				position:relative;
				z-index:20;
				}
#sp .content_wrappy .content_price{
	width: 960px;
    margin: 590px 0 0 0;
}
#sp .content_wrappy .content_price h2{
    margin-bottom: 0;
}
#sp.layer .content_wrapper, #sp.layer2 .content_wrapper_sbr, #sp.layer2 .content_wrapper_sbl{
	margin-top: -160px;
}

#content{
	font-size: 14px;
}
#content .news-more{
	text-align: center;
}
#content .news-more a{
	text-decoration: none;
}
#content .link-list li,
#content .publish-list li{
	 padding: 5px 0;
}
#content .link-list a,
#content .publish-list a{
	color: #4b6da0;
	text-decoration: none;
}
#content .link-list a:hover,
#content .publish-list a:hover{
	color: #db3434;
}

#content .publish-list{
	margin-bottom: 50px;
}

.publish-list h2,
.contact-us h4{
	/*border-bottom: 2px solid #19467E;*/
	color: #707070;
    display: inline;
    padding-bottom: 3px;
}

.publish-list ul{
	margin: 15px 0 15px 40px;
}

.contact-us h4{
	font-weight: bold;
	padding-bottom: 4px;
}

.contact-us .address{
	margin-top: 20px;
}

.contact-us form{
	width: 100%;
}

.contact-us .text-success{
	color: #398639;
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}

/* ---- FOOTER ---- */

.footer_full	{
				width:100%;
				border-top:1px solid #0b0b0a;
				background:url(../image/bg_dark.png) #1c1d20;
				}

#footer			{
				width:960px;
				margin:0 auto;
				padding:30px 30px 15px;
				position:relative;
				z-index:20;
				color:#a1a1a1;
				}

#footer a		{
				color:#6a6a6a;
				text-decoration:none;
				}

#footer a:hover	{
				color:#a1a1a1;
				text-decoration:none;
				}

#footer p		{
				margin:0;
				padding:0;
				}

#footer .developed_by {font-size:12px;}

#footer .copy	{float:left; font-size: 15px;}
#footer .social	{float:right;}
#footer .social a	{
				width:42px;
				height:42px;
				overflow:hidden;
				display:block;
				float:left;
				}

/* ========== PAGES STYLES&LAYOUTS ========== */

/* ---- Fullwidth Page Layouts ---- */
.columns, .columns2, .columns3, .columns4, .columns5, .columns6, .columns7, .columns8, .columns9, .columns10, .columns11, .columns12, .columns13, .columns14, .columns15, .columns16	{
				width:auto;
				padding:0 0 5px;
				}

.column			{
				width:auto;
				float:left;
				position:relative;
				}

.gototop		{
				clear: both;
				font-size: 10px;
				line-height:1.8em;
				height: 1.8em;
				margin: 1.5em 0 3em;
				padding-bottom:1px;
				text-align: right;
				width: 100%;
				position:relative;
				}

.gototop a 		{
				color: #A1A1A1;
				text-decoration: none;
				}

.gototop a:hover	{
				color: #090909;
				text-decoration: none;
				}



#main .gototop	{background:url(http://priangan.org/assets/public/image/hr_960.png) bottom center no-repeat;}
#sp .gototop	{background:url(http://priangan.org/assets/public/image/hr_940.png) bottom center no-repeat;}
#sp .content_wrapper_sbl #content .gototop,
#sp .content_wrapper_sbr #content .gototop	{background:url(http://priangan.org/assets/public/image/hr_610.png) bottom center no-repeat;}

/* ========== Gallery Page ========== */

.gallery		{
				width:956px;
				margin-left:-12px;
				margin-bottom:20px;
				position:relative;
				}

.gallery ul		{
				margin:0;
				padding:0;
				list-style:none;
				}

.gallery li		{
				width:214px;
				height:194px;
				overflow:hidden;
				margin:0 0 14px 14px;
				padding:0;
				float:left;
				border:4px solid #fff;
				border-radius:5px;
				-moz-border-radius:5px;
				-khtml-border-radius:5px;
				-webkit-border-radius:5px;
				box-shadow:0 0 4px rgba(0, 0, 0, 0.5);
				-moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.5);
				-webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.5);
				behavior: url(http://priangan.org/assets/public/css/js/PIE.htc);
				}

.gallery li:hover	{border:4px solid #8c8b8b;}

.gallery li .gallery_item	{
				width:184px;
				height:164px;
				padding:15px;
				overflow:hidden;
				position:relative;
				z-index:20;
				background:url(http://priangan.org/assets/public/image/gallery_item_bg.jpg) 0 0 no-repeat;
				}

.gallery li .gallery_item .cover	{
				position:absolute;
				top:0;
				left:0;
				z-index:100;
				}

.gallery li .gallery_item .zoom	{
				display:block;
				outline:none;
				width:39px;
				height:33px;
				line-height:999px;
				text-indent:-9999px;
				position:absolute;
				bottom:15px;
				right:15px;
				z-index:30;
				background:url(http://priangan.org/assets/public/image/zoom.png) 0 0 no-repeat;
				}

.gallery li .gallery_item .btn	{
				position:absolute;
				bottom:15px;
				left:15px;
				}

.gallery li .gallery_item h4	{
				color:#DBDBDB;
				height:1.1em;
				line-height:1.4em;
				overflow:hidden;
				margin-bottom:10px;
				padding-bottom:6px;
				position:relative;
				border-bottom:1px solid #4D4D4D;
				}

				.gallery li .gallery_item h4:after	{
				width:100%;
				content:'';
				position:absolute;
				bottom:0;
				left:0;
				border-bottom:1px solid #000;
				}

.gallery li .gallery_item p	{
				height:7.2em;
				overflow:hidden;
				}

/* ========== Partners Page ========== */

.partners		{
				width:956px;
				margin-left:-12px;
				margin-bottom:20px;
				position:relative;
				}

.partners ul	{
				margin:0;
				padding:0;
				list-style:none;
				}

.partners li	{
				width:214px;
				height:194px;
				overflow:hidden;
				margin:0 0 14px 14px;
				padding:0;
				float:left;
				border:4px solid #fff;
				border-radius:5px;
				-moz-border-radius:5px;
				-khtml-border-radius:5px;
				-webkit-border-radius:5px;
				box-shadow:0 0 4px rgba(0, 0, 0, 0.5);
				-moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.5);
				-webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.5);
				behavior: url(http://priangan.org/assets/public/css/js/PIE.htc);
				}

.partners li:hover	{border:4px solid #8c8b8b;}

.partners li .partner_item	{
				width:214px;
				height:194px;
				overflow:hidden;
				position:relative;
				background:url(http://priangan.org/assets/public/image/gallery_item_bg.jpg) 0 0 no-repeat;
				}

.partners li .partner_item img	{position:absolute;}

.partners li .partner_item .caption {
				width:184px;
				height:164px;
				padding:15px;
				background:#000;
				color:#fff;

				/* fix it at the bottom */
				position:absolute;
				left:0;

				/* hide it by default */
				visibility: hidden;
				}

.partners li .partner_item h4	{
				color:#DBDBDB;
				height:1.1em;
				line-height:1.4em;
				overflow:hidden;
				margin-bottom:10px;
				padding-bottom:6px;
				position:relative;
				border-bottom:1px solid #4D4D4D;
				}

				.partners li .partner_item h4:after	{
				width:100%;
				content:'';
				position:absolute;
				bottom:0;
				left:0;
				border-bottom:1px solid #000;
				}

.partners li .partner_item p	{
				height:7.2em;
				overflow:hidden;
				}

.partners li .partner_item a.partner_link	{
				font-style:italic;
				color:#ccc;
				text-decoration:none;
				}

.partners li .partner_item a:hover.partner_link	{
				color:#fff;
				text-decoration:none;
				}

/* ========== Portfolio Page ========== */

.portfolio_one_col,
.portfolio_two_col,
.portfolio_three_col,
.portfolio_four_col	{width:940px;}

.portfolio_one_col ul	{
				width:940px;
				margin:0;
				padding:0;
				list-style:none;
				}

.portfolio_one_col li	{
				width:940px;
				margin:0;
				padding:0 0 35px;
				}

.portfolio_one_col li .portfolio_thumb	{
				width:598px;
				height:290px;
				float:left;
				}

.portfolio_one_col li .portfolio_thumb a	{
				display:block;
				width:598px;
				height:290px;
				position:relative;
				z-index:99;
				outline:none;
				}

.portfolio_one_col li .portfolio_det	{
				width:325px;
				padding-top:10px;
				float:right;
				}

.portfolio_two_col ul	{
				width:955px;
				margin:0 0 0 -20px;
				padding:0;
				list-style:none;
				}

.portfolio_two_col li	{
				width:455px;
				display:inline-block;
				*float:left;
				margin:0 0 40px 20px;
				padding:0;
				vertical-align:top;
				}

.portfolio_two_col li .portfolio_thumb	{
				width:457px;
				height:240px;
				margin-bottom:8px;
				}

.portfolio_two_col li .portfolio_thumb a	{
				display:block;
				width:457px;
				height:240px;
				position:relative;
				z-index:99;
				outline:none;
				}

.portfolio_three_col ul	{
				width:970px;
				margin:0 0 0 -30px;
				padding:0;
				list-style:none;
				}

.portfolio_three_col li	{
				width:290px;
				display:inline-block;
				*float:left;
				margin:0 0 40px 30px;
				padding:0;
				vertical-align:top;
				}

.portfolio_three_col li .portfolio_thumb	{
				width:293px;
				height:170px;
				margin-bottom:8px;
				}

.portfolio_three_col li .portfolio_thumb a	{
				display:block;
				width:293px;
				height:170px;
				position:relative;
				z-index:99;
				outline:none;
				}

.portfolio_four_col ul	{
				width:975px;
				margin:0 0 0 -30px;
				padding:0;
				list-style:none;
				}

.portfolio_four_col li	{
				width:210px;
				display:inline-block;
				*float:left;
				margin:0 0 40px 30px;
				padding:0;
				vertical-align:top;
				}

.portfolio_four_col li .portfolio_thumb	{
				width:213px;
				height:170px;
				margin-bottom:8px;
				}

.portfolio_four_col li .portfolio_thumb a	{
				display:block;
				width:213px;
				height:170px;
				position:relative;
				z-index:99;
				outline:none;
				}

.hover_img,
.hover_vid		{
				display:none;
				width:100px;
				height:100px;
				position:absolute;
				top:50%;
				left:50%;
				margin:-50px 0 0 -50px;
				z-index:100;
				cursor:pointer;
				}

.portfolio_thumb .hover_img {background:url(http://priangan.org/assets/public/image/zoom_img.png) 0 0 no-repeat;}
.portfolio_thumb .hover_vid	{background:url(http://priangan.org/assets/public/image/zoom_vid.png) 0 0 no-repeat;}

/* ========== Portfolio Detailed Page ========== */

.prev_next_proj	{
				position:absolute;
				top:19px;
				right:0px;
				}

a.prev_proj,
a.next_proj		{
				width:25px;
				height:25px;
				margin:0 3px;
				display:block;
				text-indent:-9999px;
				line-height:-9999px;
				overflow:hidden;
				float:left;
				cursor:pointer;
				}

a.prev_proj		{background:url(http://priangan.org/assets/public/image/prev_next.png) 0 0 no-repeat;}
a.next_proj		{background:url(http://priangan.org/assets/public/image/prev_next.png) -31px 0 no-repeat;}
a:hover.prev_proj	{background:url(http://priangan.org/assets/public/image/prev_next.png) 0 -31px no-repeat;}
a:hover.next_proj	{background:url(http://priangan.org/assets/public/image/prev_next.png) -31px -31px no-repeat;}

.portfolio_detailed	{
				margin-bottom:60px;
				padding:0 0 60px 0;
				background:url(http://priangan.org/assets/public/image/hr_940.png) bottom center no-repeat;
				}

.portfolio_description {
				margin-left:590px;
				}

.portfolio_detailed .tags {
				margin-bottom:15px;
				padding:0 0 4px 25px;
				background:url(http://priangan.org/assets/public/image/icon_tag.png) 0 2px no-repeat;
				}

.portfolio_detailed .divisions {
				margin-bottom:15px;
				padding:0 0 4px 25px;
				background:url(http://priangan.org/assets/public/image/icon_document_letter_marked.png) 0 2px no-repeat;
				}

/* ========== Blog Page ========== */

.post			{
				width:100%;
				margin-bottom:35px;
				padding-bottom:5px;
				/*background:url(http://priangan.org/assets/public/image/hr_610.png) bottom left no-repeat;*/
				border-bottom: 1px solid #e5e5e5;
				}

.post h2{
	line-height: 26px;
	margin-bottom: 5px;
}

.post .btn{
	padding: 10px 12px;
}
.post .btn:hover,
.post .btn:active{
	border: none;
	padding: 10px 12px;
}

.post .posted,
.post .posted_alternate	{
				font-size:11px;
				line-height:15px;
				margin-bottom:1.5em;
				color:#818181;
				overflow:hidden;
				zoom:1;
				}

.post .posted_alternate	{
				padding-bottom:6px;
				margin-bottom:0px;
				/*border-bottom:1px dashed #D8D8D8;*/
				}

.post .posted span,
.post .posted_alternate span	{
				min-height:16px;
				padding:0 23px;
				display:block;
				float:left;
				}

.post .posted span a,
.post .posted_alternate a	{
				color:#818181;
				text-decoration:none;
				}

.post .posted span a:hover,
.post .posted_alternate a:hover	{
				color:#000;
				text-decoration:none;
				}

.post .posted_alternate .date,
.post .posted .date		{
	font-size: 13px;
    padding: 0;
}
.post .posted_alternate .date > i,
.post .posted .date > i		{
	margin-right: 5px;
}
/*.post .posted_alternate .author,
.post .posted .author	{background:url(http://priangan.org/assets/public/image/icon_author.png) 0 0 no-repeat;}
.post .posted_alternate .category,
.post .posted .category	{background:url(http://priangan.org/assets/public/image/icon_category.png) 0 0 no-repeat;}
.post .posted_alternate .comments,
.post .posted .comments	{background:url(http://priangan.org/assets/public/image/icon_comments.png) 0 0 no-repeat;}*/

.excerpt img.size-full{
    width: 200px;
    height: auto;
}
.size-full{
	width: 200px;
	height: auto;
}
img.alignnone.size-full{
	width: 200px;
	height: auto;
}
.post .post_thumb	{margin-bottom:18px; margin-left:-4px;}
.post .post_thumb_alternate	{margin-left:-4px; margin-right:25px; float:left; width: 100%; margin-bottom: 10px;}


/* -- bio -- */

#bio			{
				overflow:hidden;
				zoom:1;
				margin-bottom:25px;
				padding:20px;
				border-radius:4px;
				-moz-border-radius:4px;
				-khtml-border-radius:4px;
				-webkit-border-radius:4px;
				behavior: url(http://priangan.org/assets/public/css/js/PIE.htc);
				background:#D5D5D5;
				/*color:#000;*/
				}

.bio_info		{margin-left:108px;}

.bio_info span	{font-weight:bold;}
.bio_info h3	{margin-bottom:5px;}

/* -- popular & related -- */

.popular_related	{
				width:620px;
				margin-bottom:25px;
				padding-bottom:27px;
				background:url(http://priangan.org/assets/public/image/hr_610.png) bottom left no-repeat;
				}

.popular_related .popular	{
				width:275px;
				float:left;
				}

.popular_related .related	{
				width:275px;
				float:right;
				}

.popular_related ul	{
				margin:0;
				padding:0;
				list-style:none;
				}

.popular_related ul li	{
				width:275px;
				margin:0;
				padding:5px 0;
				}

.popular_related p	{margin:0;}
.popular_related b	{
				display:block;
				padding-top:5px;
				padding-bottom:3px;
				}

.popular_related a	{
				color:#666;
				text-decoration:none;
				}

.popular_related a:hover	{
				color:#000;
				text-decoration:none;
				}

.popular_related .date	{
				display:block;
				padding-bottom:3px;
				color:#4c4c4d;
				font-style:italic;
				}

/* -- commentlist -- */

#commentlist	{
				margin:0 0 25px;
				padding:0 0 37px;
				list-style:none;
				}


.content_wrapper #commentlist	{background:url(http://priangan.org/assets/public/image/hr_940.png) bottom center no-repeat;}
.content_wrapper_sbl #commentlist,
.content_wrapper_sbr #commentlist	{background:url(http://priangan.org/assets/public/image/hr_610.png) bottom center no-repeat;}

#commentlist li	{
				margin:0;
				padding:20px 0 0 0;
				list-style:none;
				}

#commentlist li div.comment	{position:relative;}
/*#commentlist li.odd div.comment	{background:#fff;}*/

div.vcard		{
				width:auto;
				margin-bottom:10px;
				}

img.avatar		{
				width:80px;
				height:80px;
				overflow:hidden;
				float:left;
				margin-right:20px;
				}

a.comment-reply-link	{
				position:absolute;
				bottom:-12px;
				right:25px;
				display:block;
				padding:4px 15px 4px 32px;
				font-size:0.95em;
				color:#fff;
				text-decoration:none;
				border-radius:4px;
				-moz-border-radius:4px;
				-khtml-border-radius:4px;
				-webkit-border-radius:4px;
				behavior: url(http://priangan.org/assets/public/css/js/PIE.htc);
				border:1px solid #fff;
				background:url(http://priangan.org/assets/public/image/reply_icon.png) 10px 6px no-repeat #474747;
				}

a:hover.comment-reply-link	{
				color:#000;
				border:1px solid #000;
				background:url(http://priangan.org/assets/public/image/reply_icon.png) 10px 6px no-repeat #DEDEDE;
				text-decoration:none;
				}

#commentlist li div.comment .posted_content	{
				position:relative;
				padding:20px 24px;
				border-radius:5px;
				-moz-border-radius:5px;
				-khtml-border-radius:5px;
				-webkit-border-radius:5px;
				behavior: url(http://priangan.org/assets/public/css/js/PIE.htc);
				background:#DEDEDE;
				}

#commentlist li.odd div.comment .posted_content	{
				background:#EEEEEE;
				}

#commentlist li div.comment .posted_content	.pointer_pc,
#commentlist li.odd div.comment .posted_content	.pointer_pc	{
				width:43px;
				height:15px;
				overflow:hidden;
				position:absolute;
				top:-15px;
				left:100px;
				}

#commentlist li div.comment .posted_content	.pointer_pc	{background:url(http://priangan.org/assets/public/image/pointer_posted_content.png) 0 0 no-repeat;}
#commentlist li.odd div.comment .posted_content	.pointer_pc	{background:url(http://priangan.org/assets/public/image/pointer_posted_content_odd.png) 0 0 no-repeat;}

#commentlist .comment_author {
				display:block;
				padding-top:8px;
				font-weight:bold;
				color:#666;
				}

#commentlist .when_posted {
				display:block;
				font-style:italic;
				font-size:0.95em;
				color:#666;
				}

#commentlist .comment-body {
				color:#666;
				line-height:1.6em;
				padding-bottom:15px;
				}

#commentlist ul.children {
				margin:0;
				padding:0;
				list-style:none;
				background:url(http://priangan.org/assets/public/image/arrow_reply.png) 0 40px no-repeat;
				}

#commentlist ul.children li {padding-left:30px;}

/* -- comment form -- */

#commentform p	{
				position:relative;
				}

#commentform label		{
				display:block;
				font-weight:bold;
				color:#666;
				}

#commentform label small	{
				font-size:0.95em;
				font-weight:normal;
				color:#AAAAAA;
				}

#commentform input[type=text]	{
				width:270px;
				padding:3px;
				padding-left:22px;
				position:relative;
				z-index:99;
				}

#commentform .icon	{
				width:16px;
				height:16px;
				position:absolute;
				bottom:3px;
				left:4px;
				z-index:100;
				}

#commentform textarea	{
				width:470px;
				padding:3px;
				*margin-top:8px;
				}

.form-group{
	margin-bottom: 15px;
}

.form-group > label{
	display: block;
}

.form-group > .form-control{
	width: 93%;
}

.form-group .btn{
	background-color: #428BCA;
    margin-top: 0;
    padding: 8px 12px;
}
.form-group .btn:hover,
.form-group .btn:active,
.form-group .btn:focus{
	background-color: #3875a9;
	border: none;
	color: #FFFFFF;
	padding: 8px 12px;
}

.form-inline .form-group > label{
	color: #000;
	display: inline-block;
	font-size: 14px;
    width: 100px;
}

.form-inline .form-group > .form-control{
	border: 1px solid #AAAAAA;
    color: #666666;
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    min-height: 30px;
    padding: 7px;
    width: 180px;
}
/* ========== Contact Page ========== */

#contact label	{display:block;}
.wpcf7 label	{display:block;}

.wpcf7 input[type=text]	{
				width:270px;
				padding:3px;
				}

.wpcf7 textarea	{
				width:470px;
				padding:3px;
				*margin-top:8px;
				}

.wpcf7-not-valid-tip	{
				padding-left:10px;
				color:#FF0000;
				}

.wpcf7-validation-errors	{
				color:#FF0000;
				}

.ajax-loader	{
				vertical-align:middle;
				margin-left:15px;
				}

/* ========== SIDEBARS ========== */

/* ---- Content Sidebar ---- */

#sidebar		{
				width:290px;
				min-height:750px;
				position:relative;
				}

.content_wrapper_sbl #sidebar:after,
.content_wrapper_sbl #sidebar .after,
.content_wrapper_sbr #sidebar:after,
.content_wrapper_sbr #sidebar .after	{
				position:absolute;
				content:" ";
				after:" ";
				bottom:-30px;
				width:8px;
				height:30px;
				}

.content_wrapper_sbr #sidebar	{float:right; padding-left:20px; /*background:url(http://priangan.org/assets/public/image/sidebar_separator_right.png) top left no-repeat;*/}
.content_wrapper_sbl #sidebar	{float:left; padding-right:20px; /*background:url(../image/sidebar_separator_left.png) top right no-repeat;*/}
.content_wrapper_sbl #sidebar:after,
.content_wrapper_sbl #sidebar .after	{right:0; /*background:url(../image/sidebar_separator_left_after.png) 0 0 no-repeat;*/}
.content_wrapper_sbr #sidebar:after,
.content_wrapper_sbr #sidebar .after	{left:0; /*background:url(http://priangan.org/assets/public/image/sidebar_separator_right_after.png) 0 0 no-repeat;*/}


.content_wrappers_sbl #sidebar:after,
.content_wrappers_sbl #sidebar .after,
.content_wrappers_sbr #sidebar:after,
.content_wrappers_sbr #sidebar .after	{
				position:absolute;
				content:" ";
				after:" ";
				bottom:-30px;
				width:8px;
				height:30px;
				}

.content_wrappers_sbr #sidebar	{float:right; padding-left:20px; /*background:url(http://priangan.org/assets/public/image/sidebar_separator_right.png) top left no-repeat;*/}
.content_wrappers_sbl #sidebar	{float:left; padding-right:20px; /*background:url(../image/sidebar_separator_left.png) top right no-repeat;*/}
.content_wrappers_sbl #sidebar:after,
.content_wrappers_sbl #sidebar .after	{right:0; /*background:url(../image/sidebar_separator_left_after.png) 0 0 no-repeat;*/}
.content_wrappers_sbr #sidebar:after,
.content_wrappers_sbr #sidebar .after	{left:0; /*background:url(http://priangan.org/assets/public/image/sidebar_separator_right_after.png) 0 0 no-repeat;*/}

/* ---- Footer Sidebar ---- */

.fsb_full		{
				width:100%;
				background:url(http://priangan.org/assets/public/image/fsb.png) top repeat-x;
				}

#fsb			{
				width:960px;
				position:relative;
				margin:0 auto;
				padding:4.5em 30px;
				}

/* ========== STYLED ELEMENTS ========== */

.clear			{
				display:block;
				clear:both;
				height:0 !important;
				overflow:hidden;
				}

#main .hr		{
				width:960px;
				height:2px;
				overflow:hidden;
				margin:2.944em 0;
				background:url(http://priangan.org/assets/public/image/hr_960.png) 0 0 no-repeat;
				}

#sp .hr			{
				width:940px;
				height:2px;
				overflow:hidden;
				margin:2.944em 0;
				background:url(http://priangan.org/assets/public/image/hr_940.png) 0 0 no-repeat;
				}

#sp .content_wrapper_sbl #content .hr,
#sp .content_wrapper_sbr #content .hr,
.hr_610	{
				width:610px;
				height:2px;
				overflow:hidden;
				margin:2.944em 0;
				background:url(http://priangan.org/assets/public/image/hr_610.png) 0 0 no-repeat;
				}

.bottom			{margin-bottom:25px;}

.alignleft		{float:left;}
.alignright		{float:right;}
.aligncenter	{
				width:auto;
				display:block;
				margin:0 auto;
				}

.alignleft 		{
				margin-right:20px;
				margin-bottom:5px;
				}

.alignright		{
				margin-left:20px;
				margin-bottom:5px;
				}

.aligncenter	{margin:0 auto 10px;}

p.dropcap-type1:first-letter {
				font-size : 340%;
				line-height:1em;
				display:block;
				float:left;
				width:1em;
				margin-right:10px;
				padding:0.2em 0.24em;
				color : #232323;
				}

p.dropcap-type2:first-letter {
				font-size : 320%;
				line-height:1em;
				display:block;
				float : left;
				text-align:center;
				margin-right:10px;
				padding:0.3em 0.34em;
				color : #c9c9c9;
				background:#2a2a2a;
				border-radius:2.6em;
				-moz-border-radius:2.6em;
				-webkit-border-radius:2.6em;
				behavior: url(http://priangan.org/assets/public/css/js/PIE.htc);
				}

p.dropcap-type3:first-letter {
				font-size : 340%;
				line-height:1em;
				display:block;
				float : left;
				text-align:center;
				margin-right:10px;
				padding:0.2em 0.24em;
				color : #232323;
				border:3px solid #b9b9b9;
				border-radius:2.6em;
				-moz-border-radius:2.6em;
				-webkit-border-radius:2.6em;
				behavior: url(http://priangan.org/assets/public/css/js/PIE.htc);
				}

span.highlight_01 {background:#ff6c00; color:#fff;}
span.highlight_02 {background:#79a94b; color:#fff;}

.quoteleft		{
				width:240px;
				margin:0 30px 10px 0;
				float:left;
				}

.quoteright		{
				width:240px;
				margin:0 0 10px 30px;
				float:right;
				}

.PageTitle		{
				min-height:45px;
				_height:45px;
				padding-top:5px;
				padding-bottom:15px;
				position:relative;
				}

img.pic,
img.avatar		{
				/*display:block;
				border:4px solid #fff;
				border-radius:5px;
				-moz-border-radius:5px;
				-khtml-border-radius:5px;
				-webkit-border-radius:5px;
				box-shadow:0 0 4px rgba(0, 0, 0, 0.8);
				-o-box-shadow:0 0 4px rgba(0, 0, 0, 0.8);
				-moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.8);
				-webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.8);
				transition: all 0.3s;
				height: auto;*/
			    display: block;
			    object-fit: cover;
				}

img:hover.pic	{
				box-shadow:0 0 8px rgba(0, 0, 0, 0.8);
				-o-box-shadow:0 0 8px rgba(0, 0, 0, 0.8);
				-moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.8);
				-webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.8);
				}

.preloader		{background:url(http://priangan.org/assets/public/image/preloader.gif) center center no-repeat;}

/* ---- Breadcrumbs ---- */

#breadcrumbs	{
				width:940px;
				padding:0 0 20px;
				font:11px Arial, Helvetica, sans-serif;
				text-transform:capitalize;
				color:#808080;
				}

#breadcrumbs a	{
				color:#808080;
				text-decoration:none;
				}

#breadcrumbs a:hover	{
				color:#fff;
				text-decoration:none;
				}

/* ---- Pagination ---- */

.navigation,
.wp-pagenavi,
.comments-navigation	{
				padding:25px 0;
				clear:both;
				overflow:hidden;
				zoom:1;
				font-size:12px;
				line-height:11px;
				position:relative;
				}

.wp-pagenavi{
	text-align: center;
}

.wp-pagenavi ul	{
				margin:0;
				padding:0;
				list-style:none;
				}

.wp-pagenavi li	{
				margin:0;
				padding:0;
				display: inline-block;
				background:none;
				}

.wp-pagenavi span.pages	{
				display:none;
				float:left;
				padding:6px 8px;
				margin:0 10px 0 0;
				}

.navigation a,
.wp-pagenavi a,
.wp-pagenavi span,
.comments-navigation a	{
				width:auto;
				height:12px;
				display:block;
				float:left;
				padding:10px 12px;
				margin-right:2px;
				text-decoration:none;
				color:#000;
				border-radius:5px;
				-moz-border-radius:5px;
				-khtml-border-radius:5px;
				-webkit-border-radius:5px;
				behavior: url(http://priangan.org/assets/public/css/js/PIE.htc);
				}

.wp-pagenavi span.extend	{border:0;}

.wp-pagenavi a,
.wp-pagenavi a.page	{
				color:#000;
				background:#DEDEDE;
				}

.navigation a	{			/* Default Nav Buttons */
				color:#fff;
				background:#3c3c3c;
				}

.navigation a:hover,
.wp-pagenavi a:hover,
.wp-pagenavi a:hover.page,
.wp-pagenavi span.current,
.comments-navigation a:hover,
.wp-pagenavi a:hover.first,
.wp-pagenavi a:hover.last,
.comments-navigation a:hover	{
				color:#fff;
				text-decoration:none;
				padding:10px 12px;
				background:#000;
				}

.wp-pagenavi span.current	{font-weight:bold; color:#fff; background:#3c3c3c;}

.wp-pagenavi a.first,
.wp-pagenavi a.last,
.comments-navigation a	{
				color:#fff;
				background:url(../image/btn_px.gif) top repeat-x #3c3c3c;
				}

.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink {
				width:10px;
				text-indent:-9999px;
				line-height:999px;
				}

.wp-pagenavi a.previouspostslink {background:url(../image/previousposts_arrow.png) center 9px no-repeat #3c3c3c;}
.wp-pagenavi a:hover.previouspostslink {background:url(../image/previousposts_arrow.png) center 8px no-repeat #3c3c3c; padding:10px 12px;}
.wp-pagenavi a.nextpostslink {background:url(../image/nextposts_arrow.png) center 9px no-repeat #3c3c3c;}
.wp-pagenavi a:hover.nextpostslink {background:url(../image/nextposts_arrow.png) center 8px no-repeat #3c3c3c; padding:10px 12px;}

.wp-pagenavi a:hover.previouspostslink,
.wp-pagenavi a:hover.nextpostslink,

.nav-previous,
.comments-nav-previous	{float:left;}
.nav-next,
.comments-nav-next		{float:right;}

/* ---- Styles for Buttons ---- */

.btn			{
				width:auto;
				display:block;
				margin-top:1.5em;
				padding:7px 12px;
				cursor:pointer;
				outline:none;
				border-radius:5px;
				-moz-border-radius:5px;
				-khtml-border-radius:5px;
				-webkit-border-radius:5px;
				behavior: url(http://priangan.org/assets/public/css/js/PIE.htc);
				text-decoration:none;
				font-size:12px;
				line-height:11px;
				text-align:center;
				color:#fff;
				background:url(../image/btn_px.gif) top repeat-x #3c3c3c;
				}

a:hover.btn,
a:focus.btn		{
				color:#000;
				text-decoration:none;
				padding:6px 11px;
				border:1px solid #000;
				background:#DEDEDE;
				}

.big_btn		{
				width:auto;
				display:block;
				padding:15px 25px;
				cursor:pointer;
				outline:none;
				border-radius:5px;
				-moz-border-radius:5px;
				-khtml-border-radius:5px;
				-webkit-border-radius:5px;
				box-shadow:1px 1px 1px rgba(0, 0, 0, 0.8);
				-moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.8);
				-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.8);
				behavior: url(http://priangan.org/assets/public/css/js/PIE.htc);
				text-decoration:none;
				font-size:18px;
				line-height:18px;
				text-align:center;
				color:#fff;
				background:url(http://priangan.org/assets/public/image/bigbtn_overlay.gif) top repeat-x #fd8900;
				}

a:hover.big_btn	{
				color:#fff;
				text-decoration:none;
				background:#fd8900;
				}

a:focus.big_btn	{
				color:#fff;
				text-decoration:none;
				margin-top:1px;
				box-shadow:-1px -1px 1px rgba(0, 0, 0, 0.8);
				-moz-box-shadow:-1px -1px 1px rgba(0, 0, 0, 0.8);
				-webkit-box-shadow:-1px -1px 1px rgba(0, 0, 0, 0.8);
				background:url(http://priangan.org/assets/public/image/bigbtn_overlay.gif) top repeat-x #fd8900;
				}

a.back			{
				padding-left:31px;
				background:url(http://priangan.org/assets/public/image/back.png) 8px center no-repeat #474747;
				}

a:hover.back	{
				padding-left:31px;
				padding-right:10px;
				background:url(http://priangan.org/assets/public/image/back.png) 8px center no-repeat #DEDEDE;
				}

.button			{
				display: inline-block;
				outline: none;
				cursor: pointer;
				text-align: center;
				text-decoration: none;
				font: 14px/100%;
				padding: .5em 2em .55em;
				text-shadow: 0 1px 1px rgba(0,0,0,.3);
				-webkit-border-radius: .5em;
				-moz-border-radius: .5em;
				border-radius: .5em;
				-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
				-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
				box-shadow: 0 1px 2px rgba(0,0,0,.2);
				behavior: url(http://priangan.org/assets/public/css/js/PIE.htc);
				}

.button:hover	{
				text-decoration: none;
				}

.button:active	{
				position: relative;
				top: 1px;
				}

.bigrounded		{
				-webkit-border-radius: 2em;
				-moz-border-radius: 2em;
				border-radius: 2em;
				behavior: url(http://priangan.org/assets/public/css/js/PIE.htc);
				}

.medium			{
				font-size: 12px;
				padding: .4em 1.5em .42em;
				}

.small			{
				font-size: 11px;
				padding: .2em 1em .275em;
				}
button.btn{
	background: none;
	display: inline-block;
	padding: 6px 10px !important;
	margin-bottom: 2px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	opacity: 0.8;
	user-select: none;
	min-width: 40px;
}
button.btn.squarebutton{
	background: none;
	display: inline-block;
	padding: 6px 10px !important;
	margin-bottom: 2px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	opacity: 0.8;
	user-select: none;
	min-width: 80px;
	font-size: 11px;
	border-radius: 0px;
}
button.btn:hover{
	border: 1px solid transparent !important;
	opacity: 1.0;
}
button.btn-location{
	color: #fff;
	background-color: #428bca !important;
	border-color: #357ebd !important;
}
button.btn-commodities{
	color: #fff;
	background-color: #428bca !important;
	border-color: #357ebd !important;
}
button.btn-refresh{
	color: #fff;
	background-color: #f0ad4e !important;
	border-color: #eea236 !important;
}
button.btn-control {
    background: #428bca !important;
    border: 1px solid #357ebd !important;
    color: #fff;
    margin-top: 0;
}

/* ---- Buttons Color Styles ---- */

/* black */
.black 			{
				color: #d7d7d7;
				border: solid 1px #333;
				background: #333;
				background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
				background: -moz-linear-gradient(top,  #666,  #000);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
				}

.black:hover	{
				color:#fff;
				background: #000;
				background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
				background: -moz-linear-gradient(top,  #444,  #000);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
				}

.black:active	{
				color: #666;
				background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
				background: -moz-linear-gradient(top,  #000,  #444);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
				}

/* gray */
.gray			{
				color: #e9e9e9;
				border: solid 1px #555;
				background: #6e6e6e;
				background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
				background: -moz-linear-gradient(top,  #888,  #575757);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
				}

.gray:hover		{
				color:#fff;
				background: #616161;
				background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
				background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
				}

.gray:active	{
				color: #afafaf;
				background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
				background: -moz-linear-gradient(top,  #575757,  #888);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
				}

/* white */
.white			{
				color: #606060;
				border: solid 1px #b7b7b7;
				background: #fff;
				background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
				background: -moz-linear-gradient(top,  #fff,  #ededed);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
				}

.white:hover	{
				color:#010101;
				background: #ededed;
				background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
				background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
				}

.white:active	{
				color: #999;
				background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
				background: -moz-linear-gradient(top,  #ededed,  #fff);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
				}

/* orange */
.orange			{
				color: #fef4e9;
				border: solid 1px #da7c0c;
				background: #f78d1d;
				background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
				background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
				}

.orange:hover	{
				color:#fff;
				background: #f47c20;
				background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
				background: -moz-linear-gradient(top,  #f88e11,  #f06015);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
				}

.orange:active	{
				color: #fcd3a5;
				background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
				background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
				}

/* red */
.red			{
				color: #faddde;
				border: solid 1px #980c10;
				background: #d81b21;
				background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
				background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
				}

.red:hover		{
				color:#fff;
				background: #b61318;
				background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
				background: -moz-linear-gradient(top,  #c9151b,  #a11115);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
				}

.red:active		{
				color: #de898c;
				background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
				background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
				}

/* blue */
.blue			{
				color: #d9eef7;
				border: solid 1px #0076a3;
				background: #0095cd;
				background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
				background: -moz-linear-gradient(top,  #00adee,  #0078a5);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
				}

.blue:hover		{
				color:#fff;
				background: #007ead;
				background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
				background: -moz-linear-gradient(top,  #0095cc,  #00678e);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
				}

.blue:active	{
				color: #80bed6;
				background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
				background: -moz-linear-gradient(top,  #0078a5,  #00adee);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
				}

/* rosy */
.rosy 			{
				color: #fae7e9;
				border: solid 1px #b73948;
				background: #da5867;
				background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
				background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
				}

.rosy:hover		{
				color:#fff;
				background: #ba4b58;
				background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
				background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
				}

.rosy:active	{
				color: #dca4ab;
				background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
				background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
				}

/* green */
.green			{
				color: #e8f0de;
				border: solid 1px #538312;
				background: #64991e;
				background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
				background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
				}

.green:hover	{
				color:#fff;
				background: #538018;
				background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
				background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
				}

.green:active	{
				color: #a9c08c;
				background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
				background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
				}

/* pink */
.pink			{
				color: #feeef5;
				border: solid 1px #d2729e;
				background: #f895c2;
				background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
				background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
				}

.pink:hover		{
				color:#fff;
				background: #d57ea5;
				background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
				background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
				}

.pink:active	{
				color: #f3c3d9;
				background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
				background: -moz-linear-gradient(top,  #f171ab,  #feb1d3);
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
				}

/* ---- Info Boxes ---- */

.succsess_box,
.warning_box,
.error_box,
.info_box		{
				color:#434343;
				margin-bottom:10px;
				padding:1.5em 1.5em 1.5em 75px;
				border-radius:4px;
				-moz-border-radius:4px;
				-khtml-border-radius:4px;
				-webkit-border-radius:4px;
				behavior: url(http://priangan.org/assets/public/css/js/PIE.htc);
				}

.succsess_box	{
				border:1px solid #A2C487;
				background:url(http://priangan.org/assets/public/image/info_icon1.png) 1.5em 1.5em no-repeat #CDECB4;
				}

.warning_box	{
				border:1px solid #D1C289;
				background:url(http://priangan.org/assets/public/image/info_icon2.png) 1.5em 1.5em no-repeat #F7E9B4;
				}

.error_box		{
				border:1px solid #D6AC96;
				background:url(http://priangan.org/assets/public/image/info_icon3.png) 1.5em 1.5em no-repeat #F8D1BC;
				}

.info_box		{
				border:1px solid #93C3E1;
				background:url(http://priangan.org/assets/public/image/info_icon4.png) 1.5em 1.5em no-repeat #B8E0F9;
				}

/* ---- Ordered/Unordered Lists ---- */

ul.ordered		{margin-left:2em;}

ul.ordered li		{padding:0 0 1.5em 0;}

ul.ordered.type1	{list-style:decimal;}
ul.ordered.type2	{list-style:decimal-leading-zero;}

ul.unordered li		{
					padding:0 0 1.5em 25px;
					background-position: 0 1px;
					background-repeat:no-repeat;
					}

ul.unordered.type1 li	{background-image:url(http://priangan.org/assets/icons/16x16/add.png);}
ul.unordered.type2 li	{background-image:url(http://priangan.org/assets/icons/16x16/add_outline.png);}
ul.unordered.type3 li	{background-image:url(http://priangan.org/assets/icons/16x16/add_small.png);}
ul.unordered.type4 li	{background-image:url(http://priangan.org/assets/icons/16x16/arrow_large_right.png);}
ul.unordered.type5 li	{background-image:url(http://priangan.org/assets/icons/16x16/arrow_large_right_outline.png);}
ul.unordered.type6 li	{background-image:url(http://priangan.org/assets/icons/16x16/arrow_medium_lower_right.png);}
ul.unordered.type7 li	{background-image:url(http://priangan.org/assets/icons/16x16/arrow_medium_right.png);}
ul.unordered.type8 li	{background-image:url(http://priangan.org/assets/icons/16x16/arrow_small_right.png);}
ul.unordered.type9 li	{background-image:url(http://priangan.org/assets/icons/16x16/arrow_state_blue_right.png);}
ul.unordered.type10 li	{background-image:url(http://priangan.org/assets/icons/16x16/arrow_state_grey_right.png);}
ul.unordered.type11 li	{background-image:url(http://priangan.org/assets/icons/16x16/breadcrumb_separator_arrow_2_dots.png);}
ul.unordered.type12 li	{background-image:url(http://priangan.org/assets/icons/16x16/breadcrumb_separator_arrow_full.png);}
ul.unordered.type13 li	{background-image:url(http://priangan.org/assets/icons/16x16/breadcrumb_separator_dark.png);}
ul.unordered.type14 li	{background-image:url(http://priangan.org/assets/icons/16x16/breadcrumb_separator_light.png);}
ul.unordered.type15 li	{background-image:url(http://priangan.org/assets/icons/16x16/bullet_blue.png);}
ul.unordered.type16 li	{background-image:url(http://priangan.org/assets/icons/16x16/bullet_blue_arrow.png);}
ul.unordered.type17 li	{background-image:url(http://priangan.org/assets/icons/16x16/bullet_blue_small.png);}
ul.unordered.type18 li	{background-image:url(http://priangan.org/assets/icons/16x16/check.png);}
ul.unordered.type19 li	{background-image:url(http://priangan.org/assets/icons/16x16/diamonds_2.png);}
ul.unordered.type20 li	{background-image:url(http://priangan.org/assets/icons/16x16/diamonds_3.png);}
ul.unordered.type21 li	{background-image:url(http://priangan.org/assets/icons/16x16/folder_classic.png);}
ul.unordered.type22 li	{background-image:url(http://priangan.org/assets/icons/16x16/gem_okay.png);}
ul.unordered.type23 li	{background-image:url(http://priangan.org/assets/icons/16x16/heart.png);}
ul.unordered.type24 li	{background-image:url(http://priangan.org/assets/icons/16x16/okay.png);}
ul.unordered.type25 li	{background-image:url(http://priangan.org/assets/icons/16x16/okay_small.png);}
ul.unordered.type26 li	{background-image:url(http://priangan.org/assets/icons/16x16/star_full.png);}

/* ---- Table Layout ---- */

.table			{
				width:100%;
				border-collapse:collapse;
				margin-bottom:20px;
				border-bottom:1px solid #d9d9d9;
				background:#f9f9f9;
				}

.table thead	{
				box-shadow:0 1px 5px #DCDCDC;
				-moz-box-shadow:0 1px 5px #DCDCDC;
				-webkit-box-shadow:0 1px 5px #DCDCDC;
				}

.table			{
				*border-right:1px solid #d9d9d9;		/* ---- CSS Hack for IE7 ---- */
				border-right:1px solid #d9d9d9\0/;		/* ---- CSS Hack for IE8 ---- */
				}

.table th		{
				color:#fff;
				background:#657B98;
				border:1px solid #ccc;
				border-bottom:none;
				font-weight:bold;
				border-right:none;
				}

.table th,
.table td		{
				font-size:1.1em;
				text-align:left;
				padding:10px 18px;
				}

.table th.txtleft,
.table td.txtleft{text-align:left;}
.table th.txtright,
.table td.txtright{text-align:right;}
.table th.txtcenter,
.table th.txtcenter{text-align:center;}

.table tr:nth-child(even){background:#ffffff;}
.table tr.odd td{
				*background:#ffffff;		/* ---- CSS Hack for IE7 ---- */
				background:#ffffff\0/;		/* ---- CSS Hack for IE8 ---- */
				color:#232323;
				}
.table tr:nth-child(-n+1) td{border-top:1px solid #D6D6D7;}
.table tr td	{
				*border-top:1px solid #D6D6D7;		/* ---- CSS Hack for IE7 ---- */
				border-top:1px solid #D6D6D7\0/;	/* ---- CSS Hack for IE8 ---- */
				}

.table td		{
				border-left:1px solid #D6D6D7;
				color:#232323;
				}

.table tr > td:last-of-type		{border-right:1px solid #D6D6D7;}
.table tr > td:last-of-type		{border-right:1px solid #D6D6D7;}

.acc_wrapper	{
				background:#fff;
				border:1px solid #dee6f3;
				border-radius: 5px;
				position:relative;
				}

.acc_wrapper.alignleft {
				width:300px;
				margin:0 20px 5px 0;
				}

.acc_wrapper.alignright {
				width:300px;
				margin:0 0 5px 20px;
				}

b.acc_trigger	{
				background-color: #dee6f3;
				border-top: 1px solid #FFFFFF;
				cursor:pointer;
				display:block;
				padding:10px 10px 10px 35px;
				margin: 0;
				text-decoration: none;
				font-weight: bold;
				font-size: 12px;
				color: #00559c;
				behavior: url(http://priangan.org/assets/public/css/js/PIE.htc);
				position: relative;
				}
b.acc_trigger:first-child{
	border-top-width: 0px;
}

b:hover.acc_trigger{
				color:#999;
				}

b.acc_trigger.active{
	color: #00559c;
}
b:hover.acc_trigger.active{
				color:#666;
				}

b.acc_trigger > span{
	background:url(../image/ui-icons.png);
	background-position: -32px -16px;
	display: block;
    height: 16px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 16px;
}

b.acc_trigger.active > span{
	background-position: -64px -16px;
}

.acc_container	{
				margin: 0 0 5px;
				padding: 0;
				overflow: hidden;
				font-size: 12px;
				color:#666;
				background: #fff;
				-webkit-border-bottom-right-radius: 5px;
				-webkit-border-bottom-left-radius: 5px;
				-moz-border-radius-bottomright: 5px;
				-moz-border-radius-bottomleft: 5px;
				border-bottom-right-radius: 5px;
				border-bottom-left-radius: 5px;
				behavior: url(http://priangan.org/assets/public/css/js/PIE.htc);
				}

.acc_container .block {
				padding: 15px;
				}

.acc_container ul{
	padding-bottom: 0;
	padding-left: 20px;
}

.acc_container ul li{
	padding: 3px 8px;
}

.acc_container p{
	font-weight: bold;
    margin-bottom: 10px;
}

.acc_container a{
	color: #005580;
	text-decoration: none;
}

.acc_container a:hover{
	color: #db3434;
}


#news_ticker ul {
    list-style: none outside none;
    margin: 0;
    padding-bottom: 20px;
}
#news_ticker ul.columns{
	margin-left: -15px;
	margin-right: -15px;
}
#news_ticker ul hr{
    background-color: #c14a51;
 	height: 1px;
}
#news_ticker ul li {
    /*border-top: 1px dashed #555759;
    padding: 1em 0;
    border-bottom: 1px solid #ddd;*/
    margin: 0;
    /*padding: 0.5em 0;*/
    padding: 1em 0;
}
#news_ticker ul li:first-child {
    border-top: medium none;
}
#news_ticker p {
    margin: 0;
}
#news_ticker .pic {
    margin: 0 0 1em;
    /* width: 260px; */
    height: 180px;
    width: auto;
}
#news_ticker b {
    display: block;
}
#news_ticker .date {
    display: block;
    /*padding-left: 80px;
    font-style: italic;*/
 	color: #bbafb6;
 	margin: 0px 0px 10px 0px;
}
#news_ticker a{
	transition: all 0.3s;
    color: #666666;
    text-decoration: none;
    display: block;
    display: -webkit-box;
    margin: 0 auto;
    font-size: 14px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
#news_ticker a:hover{
	color: #444444;
}
#news_ticker .highlights {
	border-bottom: 1px solid #ddd;
}
#news_ticker .highlights > b{
	margin-bottom: 5px;
}
#news_ticker .highlights > span{
	display: block;
    margin-bottom: 10px;
  /*  text-align: right;*/
}
#news_ticker .column >hr{
	/*background-color: #c14a51;*/
  	height: 1px;
}
#news_ticker .ticker{
	margin: 10px 0px;
}
.ticker{
	margin: 20px 0px;
}
.col-md-9,
.col-md-4,
.col-md-3,
.col-md-2{
	float: left;
	position: relative;
  	min-height: 1px;
  	padding-right: 15px;
  	padding-left: 15px;
}
.col-md-9 {
	width: 75%;
}
.col-md-4 {
	width: 33.33333333%;
}
.col-md-3 {
	width: 25%;
}
.col-md-1 {
	width: 8.33%;
}
.box{
	margin-right: 15px;
	margin-left: 15px;
}
#ticker .box{
	height: 270px;
}
#share_box{
	float: right;
	margin-top: -30px;
	/*margin-top: 0px;*/
}
#share_box .statist,
#share_box .total-share:after,
#share_box .share-button,
#share_box .share-button a{
	display: inline-block;
}
#share_box .statist{
	text-align: center;
	position: relative;
	min-width: 100px;
}
#share_box .statist table{
	margin-top: 10px;
	text-align: right;
	float: right;
}
#share_box .total-views:after{
	position: absolute;
	top: 12px;
	right: -15px;
	content: "";
	background: url(../image/splitter.png) transparent center center no-repeat;
	width: 30px;
	height: 64px;
	margin: 0;
	transform: rotate(-20deg);
	-ms-transform:rotate(-20deg);
	-webkit-transform: rotate(-20deg);
}
#share_box .statist em{
	color: #FFFFFF;
	font-size: 28px;
	line-height: 70px;
	font-weight: bold;
	font-style: normal;
}
#share_box .statist .caption{
	font-family: Arial,sans-serif;
	font-size: 11px;
	margin-top: -14px;
	color: #8a8c8e;
	text-transform: uppercase;
	text-align: center;
}
#share_box .statist,
#share_box .share-button{
	vertical-align: middle;
}
#share_box .share-button a{
	border-radius: 3px;
	color: #FFFFFF;
    font-size: 14px;
    margin: 0 3px;
    padding: 6px 12px;
}
#share_box .share-button a:hover{
	opacity: 0.8;
}
#share_box .share-button a.facebook{
	background-color: #2d609b;
}
#share_box .share-button a.twitter{
	background-color: #00c3f3;
}
#share_box .share-button a.googleplus{
	background-color: #eb4026;
}
#share_box .share-button a > i{
	margin-right: 5px;
}

.pagination ul {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  *zoom: 1;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  padding-left: 0;
}

.pagination ul > li {
  display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
  /*float: left;*/
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
  cursor: pointer;
}

.pagination ul > li > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #f5f5f5;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #999999;
  cursor: default;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover {
  color: #999999;
  cursor: default;
  background-color: transparent;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
     -moz-border-radius: 3px 0 0 3px;
          border-radius: 3px 0 0 3px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  -webkit-border-radius: 0 3px 3px 0;
     -moz-border-radius: 0 3px 3px 0;
          border-radius: 0 3px 3px 0;
}

.pagination-centered {
  text-align: center;
}

.pagination-right {
  text-align: right;
}

.dashboard-detail .PageTitle{
	padding-bottom: 30px;
}
.dashboard-detail .PageTitle > form{
	float: left;
	padding-right: 20px;
	width: 290px;
}

.dashboard-detail .PageTitle > .panel-board{
	float: right;
	margin-top: -15px;
	width: 620px;
}

.PageTitle > .panel-board .panel{
	display: inline-block;
    margin: 0 10px;
    width: 184px;
}
.panel-board .panel header{
	text-align: center;
}
.panel-board .panel header > span{
	display: block;
}
.panel-board .panel header .top{
	color: #15355E;
	font-size: 18px;
	margin-bottom: 5px;
}
.panel-board .panel header .bottom{
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 0;
}
.panel-board .panel section{
	background-color: #657B98;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
    margin-top: 5px;
    padding: 12px 0;
    text-align: center;
}
.panel-board .panel footer{
	background-color: #15355E;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #FFFFFF;
    font-size: 14px;
    padding: 3px 0;
    text-align: center;
}

.production-banner{
	background-color: #CDCDCD;
    border-radius: 4px;
    padding: 20px;
    text-align: center;
}
.production-banner > span{
	color: #8D8D8D;
    display: inline-block;
    font-size: 18px;
    vertical-align: middle;
}
.production-banner #value-production{
	color: #15355E;
    font-size: 28px;
    font-weight: bold;
}
.price-fluktuation,
.price-maps{
	margin-top: 20px;
	padding-bottom: 10px;
}
.price-fluktuation h2,
.price-maps h2,
.price-exchange h2{
	/*border-bottom: 2px solid #19467E;
    color: #707070;
    font-size: 16px;
    padding-bottom: 3px;*/
    display: inline;
}
.price-fluktuation form{

}
.price-fluktuation .donwload-xls{
	margin: 15px auto 0;
}
.price-fluktuation .donwload-xls a{
	font-size: 14px;
    margin: 0 auto;
    padding: 8px 12px;
    width: 220px;
}
.price-fluktuation .donwload-xls a:hover{
	border: none;
	background-color: #000;
	color: #fff;
}
.price-fluktuation .donwload-xls a > i{
	background-image: url("../image/z-excel.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 25px;
    margin-right: 5px;
    vertical-align: middle;
    width: 25px;
}
#price_filter .form-group > .form-control,
#price_filter .form-group > .form-label,
#price_filter .form-group > button{
	display: inline-block;
	margin-right: 5px;
}
#price_filter .form-group .form-control{
	width: 100px;
}
#price_filter .form-group > button{
	width: auto;
}
#price_filter .form-group > select{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #BCBCBC;
	font: 1em/1.5em Arial,Helvetica,sans-serif;
	padding: 5px;
}
#price_filter .form-group > input,
#price_filter .form-group .pick > input{
	border-radius: 0;
	width: 70px !important;
}
.price-maps h2{
	padding-bottom: 14px;
}
.price-maps h2 input{
	border-radius: 0px;
	display: inline-block;
    width: 90px
}
.price-maps h2 button{
	display: inline-block;
	margin-top: 0;
}
.price-maps .maps-label{
	margin-top: 15px;
}
.popup {
	position: absolute;
	top: 0px;
	z-index: 100;
	width: 552px;
	background-color: #FFFFFF;
	box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.35);
	display: none;
}

.popup-com {
	position: absolute;
	top: 0px;
	z-index: 10;
	width: 500px;
	background-color: #FFFFFF;
	box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.35);
	display: none;
}

#content > article img{
	float: left;
    margin-bottom: 10px;
    margin-right: 20px;
    margin-top: 1.5em;
}
#content > article img.pic-news{
	width:100%;
	height: auto;
}
#sidebar > .news-list{
	border: 1px solid #1D4B8C;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#sidebar > .news-list h4{
	background-color: #132F57;
    color: #FFFFFF;
    margin-bottom: 0px;
    padding: 10px 18px;
    position: relative;
}

.news-list a {
	text-decoration: none;
}

.news-list a:hover h4 {
	text-decoration: underline;
}

#sidebar > .news-list h4 > span{
	color: #9C9C9C;
    font-size: 12px;
    position: absolute;
    right: 18px;
}
#sidebar > .news-list ul{
	padding: 0px;
}
#sidebar > .news-list li{
	padding: 10px 20px;
	transition: all 0.3s;
}
#sidebar > .news-list li:hover{
	background-color: #e5e5e5;
}
#sidebar > .news-list li a{
	color: #264064;
	text-decoration: none;
}
#sidebar > .news-list li b{
	font-size: 14px;
}
#sidebar > .news-list li .date{
	display: block;
  	color: #bbafb6;
}
.location-list{
    border-radius: 5px;
}
.location-list header{
	background-color: #284E85;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #FFFFFF;
    font-size: 14px;
    padding: 10px;
    position: relative;
}
.location-list header:before{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	right: 20px;
	top: -10px;
	border-left: 10px solid transparent;
	border-bottom: 10px solid #284E85;
	border-right: 10px solid transparent;
}
.location-list section{

}
.location-list section ul{
	padding: 10px;
}
.location-list section ul > li{
	display: inline-block;
	padding: 2px 0;
    width: 32.9%;
}
.location-list footer{
	background-color: rgba(175,175,175,0.6);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 5px;
	text-align: right;
}
.location-list footer .btn{
	margin-top: 0;
	padding: 2px 4px !important;
}
.commodities-list{
    border-radius: 5px;
}
.commodities-list header{
	background-color: #284E85;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #FFFFFF;
    font-size: 14px;
    padding: 10px;
    position: relative;
}
.commodities-list header:before{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	right: 20px;
	top: -10px;
	border-left: 10px solid transparent;
	border-bottom: 10px solid #284E85;
	border-right: 10px solid transparent;
}
.commodities-list section{

}
.commodities-list section ul{
	padding: 10px;
}
.commodities-list section ul > li{
	display: inline-block;
	padding: 2px 0;
    width: 32.9%;
}
.commodities-list footer{
	background-color: rgba(175,175,175,0.6);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 5px;
	text-align: right;
}
.commodities-list footer .btn{
	margin-top: 0;
	padding: 2px 4px !important;
}
.price-exchange{
	margin-top: 10px;
}
.price-exchange > i{
	display: block;
    font-size: 16px;
    padding-bottom: 8px;
    padding-top: 8px
}
.price-exchange .exchange{

}
.banner-box{
	cursor: pointer;
	font-size: 12px;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
}
.banner-box img{
	width: 100%;
}
.banner-box p{
	margin-bottom: 10px !important;
}
.banner-box b{
	display: inline !important;
}
.banner-box p:nth-child(2n+1){
	margin-bottom: 0px !important;
}
.banner-box figcaption{
	bottom: -200px;
	position: absolute;
	-webkit-transition: bottom .8s ease;
	-moz-transition: bottom .8s ease;
	-ms-transition: bottom .8s ease;
	-o-transition: bottom .8s ease;
	transition: bottom .8s ease;
	background: rgba(0,0,0,0.8);
	color: #fff;
	margin: 0 4px;
	padding: 10px;
}
.banner-box:hover figcaption{
	bottom: 0px;
}
.exchange li{
	background-color: #FFFFFF;
	border-radius: 5px;
	margin-bottom: 15px;
	padding: 10px;
}
.exchange header > i{
 	background-image: url("../image/sign-price-movement.png");
    background-position: -2px 3px;
    background-repeat: no-repeat;
    border-radius: 3px;
    display: inline-block;
    height: 35px;
    margin-right: 5px;
    vertical-align: middle;
    width: 35px;
}
.exchange header > i.high,
.jqvmap-label > div > i.danger{
	background-color: #d73e2e;
	background-position: -82px 3px;
}
.exchange header > i.up,
.jqvmap-label > div > i.warning{
	background-color: #F2E22E;
	background-position: -82px 3px;
}
.exchange header > i.stack,
.jqvmap-label > div > i.stable{
	background-color: #0b6ac8;
	background-position: -42px 3px;
}
.exchange header > i.down,
.jqvmap-label > div > i.good{
	background-color: #27ae60;
	background-position: -2px 3px;
}
.exchange header > span{
	display: inline-block;
	vertical-align: top;
}
.exchange header > span > b{
	font-size: 14px;
}
.exchange header > span > span{
	display: block;
}
.exchange header > span.percentage{
	float: right;
    font-size: 18px;
    font-weight: bold;
}
.exchange header > span.percentage.high{
	color: #d73e2e;
}
.exchange header > span.percentage.stack{
	color: #0b6ac8;
}
.exchange header > span.percentage.down{
	color: #27ae60;
}
.exchange section {
	margin-top: 10px;
}
.exchange section > p{
	margin-bottom: 0px;
}
}

/** Loader **/
#loader {
  	height: 10px;
  	text-align: center;
  	padding: 25px 0 25px 0;
  	display: none;
}

#loaderCircle {
	text-align: center;
	z-index: 100;
	position: fixed;
	margin: auto;
    left: 0;
    right: 0;
    font-size: 12px;
	bottom: 20px;
	width: 200px;
	padding: 10px;
	background: #000;
	opacity: 0.8;
	color: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.loaderCirclePop {
	text-align: center;
	z-index: 100;
	position: fixed;
	margin: auto;
    left: 0;
    right: 0;
    font-size: 12px;
	bottom: 20px;
	width: 200px;
	padding: 10px;
	background: #000;
	opacity: 0.8;
	color: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.jqvmap-label{
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.35);
	background-color: #FFFFFF;
	border-radius: 5px;
	display: none;
	padding: 10px;
	position: absolute;
	z-index: 1000;
}
.jqvmap-label h4{
	margin-bottom: 10px;
}
.jqvmap-label > div p{
	margin-bottom: 5px;
}
.jqvmap-label > div > i{
	background-image: url("../image/sign-price-movement.png");
    background-position: -2px 3px;
    background-repeat: no-repeat;
    border-radius: 3px;
    display: inline-block;
    height: 35px;
    margin-right: 5px;
    vertical-align: top;
    width: 35px;
}
.jqvmap-label > div > div{
	display: inline-block;
	margin-left: 10px;
	vertical-align: top;
}

a.news-index {
	text-decoration: none;
}

a.news-index:hover {
	color: white;
}

/*Sub Menu*/
.sub-menu {
    padding: 5px 0px 0px 0px;
    font-size: 12px;
    position:absolute;
    top:100%;
    left:0px;
    z-index:-1;
    transition:opacity linear 0.15s;
    box-shadow:0 5px 5px rgba(0,0,0,0.3);
    background:#fff;
}

.sub-menu li {
    display:block;
}

#menu .sub-menu li a {
    width: 96px;
    display:block;
    margin: 0px 0px 5px 0px;
      padding: 10px;
      background:#fff;
      color: #000;
}

#menu .sub-menu li a:hover{
    background:#aa000a;
    color: #fff;
}


/*Sub Menu Column*/
.sub-menu-column {
    padding: 5px 0px 0px 0px;
    font-size: 12px;
    position:absolute;
    top:100%;
    left:0px;
    z-index:-1;
    transition:opacity linear 0.15s;
    box-shadow:0 5px 5px rgba(0,0,0,0.3);
    background:#fff;
}

.sub-menu-column li {
    display:block;
}


#menu .sub-menu-column li a {
    width: 140px;
    display:block;
    margin: 0px 0px 5px 0px;
      padding: 10px;
      background:#fff;
      color: #000;
}

#menu .sub-menu-column li a:hover{
    background:#aa000a;
    color: #fff;
}

.columnus {
    display:block;
list-style-type: none;
float: left;
width:485px;
	}
.columnus li{
    float:left;
    display:inline;
}

.columnus a {
	color: #999;
	text-decoration: none;
	}

.columnus a:hover {
	border-bottom: 0px;
	}


.SliderCity		{
				/*width:952px;
				height:570px;
				overflow:hidden;
				padding:43px 144px 69px;
				position:absolute;
				top:60px;
				left:50%;
				margin-left:-620px;
				background:url(../image/slider_city.png) 0 0 no-repeat;
				*/
				width: 952px;
			    height: 530px;
			    overflow: hidden;
			    padding: 27px 144px 40px;
			    position: absolute;
			    top: 55px;
			    left: 50%;
			    margin-left: -620px;
			    background: url(../image/slider_city.png) 0 0 no-repeat;
			    background-size: 100% 615px;
				}

.SliderCity > p	{
				color: #000;
				font-size: 14px;
				text-align: center;
				margin: 0;
				}

.price-statistic-datapercity{
	/*margin: 720px -20px 0px -20px;
	margin: 20px 0px;*/
	margin: 600px 0px 0px 0px;
  	padding-bottom: 10px;
}
.price-statistic-datapercity h2,
.price-maps h2,
.price-exchange h2{
	/*border-bottom: 2px solid #19467E;
    color: #707070;
    font-size: 16px;
    padding-bottom: 3px;*/
    display: inline;
}
.price-statistic-datapercity form{

}
.price-statistic-datapercity .donwload-xls{
	margin: 15px auto 0;
}
.price-statistic-datapercity .donwload-xls a{
	font-size: 14px;
    margin: 0 auto;
    padding: 8px 12px;
    width: 220px;
}

.price-statistic-datapercity .donwload-xls a:hover{
	border: none;
	background-color: #000;
	color: #fff;
}
.price-statistic-datapercity .donwload-xls a > i{
	background-image: url("../image/z-excel.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 25px;
    margin-right: 5px;
    vertical-align: middle;
    width: 25px;
}

.table-com-stats-frame .donwload-xls{
	margin: 15px auto 0;
}
.table-com-stats-frame .donwload-xls a{
	font-size: 14px;
    margin: 0 auto;
    padding: 8px 12px;
    width: 220px;	
}
.table-com-stats-frame .donwload-xls a:hover{
	border: none;
	background-color: #000;
	color: #fff;
}
.table-com-stats-frame .donwload-xls a > i{
	background-image: url("../image/z-excel.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 25px;
    margin-right: 5px;
    vertical-align: middle;
    width: 25px;
}

.priceFilter{
	padding: 30px 29.5px 0 29.5px;
	height:65px;
}

#pub_ticker .column >hr {
  background-color: #c14a51;
  height: 1px;
}

#news_ticker h2 {
  margin-bottom: 0;
}

.read-more {
	background: transparent;
	box-shadow: 0 0 3px #666;
	color: #666;
	transition: all 0.3s;
}

.read-more:hover {
	background: #ffffff !important;
	box-shadow: 0 0 5px #666;
}

.excerpt p {
	margin-bottom: 0;
}

#clear-all {
	text-align: center;
	margin: 0 0;
	display: none;
}

#main .content_map {
	padding-bottom: 0;
}

#main .content_map>div {
	display: inline-block;
}

#main .content_map .price-maps {
	vertical-align: top;
	width:650px;
}

.commodity-selector {
	vertical-align: top;
	display: inline-block;
	width: 275px;
	max-height: 470px;
	overflow-y: auto;
	margin-top: 20px;
	margin-left: 25px;
}

.commodity-item {
	display: block;
	padding: 10px 20px;
	font-size: 14px;
	cursor: pointer;
}

.commodity-item:hover, .commodity-item.current {
	background-color: #aa000a;
	color: #ffffff;
}

.percity {
	color: #BCC1D7;
	font-size: 20px;
	left: 0;
	position: absolute;
	top: 15px;
	left: 35px;
	z-index: 30;
    max-width: 750px;
    line-height: 1.5;
}

.percity select {
	background: transparent;
	color: #BCC1D7;
	font-size: 20px;
	left: 0;
	cursor: pointer;
	/*border: 0;
	text-decoration: underline;
	appearance: none;
	-o-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;*/
}
.percity select option {
    margin:40px;
    background: rgb(37,83,145);
    text-shadow:0 1px 0 rgba(0,0,0,0.4);
}

.nav a, .nav label {
  display: block;
  padding: .85rem;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    background-color: #bfc8d7;
 /* box-shadow: inset 0 -1px #1d1d1d;*/
  -webkit-transition: all .25s ease-in;
  transition: all .25s ease-in;
}

.nav a:focus, .nav a:hover, .nav label:focus, .nav label:hover {
  color: #fff;
  background: #193C73;
}

.nav label { cursor: pointer; }
/**
 * Styling first level lists items
 */

.group-list a, .group-list label {
  padding-left: 2rem;
  background: #252525;
  box-shadow: inset 0 -1px #373737;
}

.group-list a:focus, .group-list a:hover, .group-list label:focus, .group-list label:hover { background: #131313; }

/**
 * Styling second level list items
 */

.sub-group-list a, .sub-group-list label {
  padding-left: 4rem;
  background: #353535;
  box-shadow: inset 0 -1px #474747;
}

.sub-group-list a:focus, .sub-group-list a:hover, .sub-group-list label:focus, .sub-group-list label:hover { background: #232323; }

/**
 * Styling third level list items
 */

.sub-sub-group-list a, .sub-sub-group-list label {
  padding-left: 6rem;
  background: #454545;
  box-shadow: inset 0 -1px #575757;
}

.sub-sub-group-list a:focus, .sub-sub-group-list a:hover, .sub-sub-group-list label:focus, .sub-sub-group-list label:hover { background: #333333; }

/**
 * Hide nested lists
 */

.group-list, .sub-group-list, .sub-sub-group-list {
  height: 100%;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .5s ease-in-out;
  transition: max-height .5s ease-in-out;
}

.nav__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */
	max-height: 1000px;
    border: 1px solid #829DC8;
    padding: 20px
}

label > span {
  float: right;
  -webkit-transition: -webkit-transform .65s ease;
  transition: transform .65s ease;
}

.nav__list input[type=checkbox]:checked + label > span {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}



/* Remove focus ring as all screen readers tested on, add their own focus ring */
:focus{
  outline: 0;
}

/* ---------------------------------

		A C C O R D I A N

--------------------------------- */

.accordion{
	border-radius: 3px;
	overflow: hidden;
	border: 3px solid #8B9EBB;
	max-width: 100%;
}

.accordion-panel__heading {
    position: relative;
    padding: 20px;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #8B9EBB;
    background: #f5f5f5;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 12px;
    font-weight: 600;
    border-bottom: 1px solid #B8C0CB;
    transition: all .2s;
    cursor: pointer;
}
.accordion-panel__heading:before{
	transition: all .2s ease;
	content: "";
	border: 0px #8B9EBB solid;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
}
.accordion-panel__heading.active:before{
	transition: all .2s .2s;
	border-left: 15px #8B9EBB solid;
}
.accordion-panel__heading:HOVER{
	color: #333;
	background: #f1f1f1;
	transition: all .2s;
}
.accordion-panel__heading.active:HOVER,
.accordion-panel__heading.active {
	transition: all .2s;
	color: #333;
	background: #fff;
	border-bottom: 0;
	padding: 20px 20px 20px 40px;
}
.accordion-panel__content{
	transition: all .2s;
	position: relative;
	padding: 0 20px 0 20px;
	background: #f1f1f1;
    max-height: 0;
    overflow: hidden;
}
.accordion-panel__content:before{
	transition: all .2s ease;
	content: "";
	border: 0px #8B9EBB solid;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
}
.accordion-panel__content.active:before{
	transition: all .2s .2s;
	border-left: 15px #8B9EBB solid;
}
.accordion-panel__content.active {
	transition: all .2s;

    max-height: 500px;
    background: #fff;
   padding: 10px 20px 15px 40px;
}

 #map {
    width: 100%;
    height: 400px;
    background-color: #CCC;
  }
.flexbox-container {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
}
.flexbox-container ul {
    padding-bottom: 0;
    padding-left: 20px;
    list-style-type: decimal;
}
.flexbox-container img.profile{
	/*height: 100%;*/
    width: 250px;
    border: 1px solid #ddd;
}
.flexbox-container img.struct{
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.flexbox-container > div {
	width: 50%;
	padding: 10px;
}

.flexbox-container > div:first-child {
	margin-right: 20px;
}

.flexbox-container > .three {
	width: 30%;
	padding: 10px;
}

.flexbox-container > .three:first-child {
	margin-right: 20px;
}
.flexbox-container > .seven {
	width: 70%;
	padding: 10px 10px 60px 10px;
}

/* Modal Layout*/
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  background: #bfc8d7;
  border-radius: 5px 5px 0 0;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}


/* Pop Up Detail */
.blocker {
	z-index: 1000;
}
.detail-img {
	max-width: 100%;
}
.detail-title {
	font-weight: 600;
}
.detail-file {
	margin-top: 40px;
}
.detail-date {
    font-size: 14px;
    margin-top: -10px;
    margin-bottom: 20px;
    color: #aaa;
}
.detail-content{
	font-size: 16px;
	line-height: 2;
}
.align-center {
	text-align: center;
}

/* TPID */
.content_wrapper_tpid {
	width:980px;
	min-height:500px;
	margin:-90px auto 0;
	padding:45px 45px 0 45px;
	position:relative;
	z-index:20;
}
.content_wrapper_tpid #content {
	/*background:url(../image/subpage_content_bg_2.png) 0 0 no-repeat;
	padding: 25px 25px 0 25px;
    margin-left: -25px;
    background-size: 1005px;*/
    min-height:500px;
}
.tpid-percity {
	color: #fff;
	font-size: 26px;
    position: absolute;
    top: -20px;
    z-index: 30;
}
.tpid-empty {
	background:url(../image/subpage_content_bg_2.png) 0 0 no-repeat;
	width:964px;
	min-height:320px;
	margin: 45px auto 1px -40px;
	padding:45px 45px 0 45px;
	position:relative;
	z-index:20;
}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 29.5px 0 29.5px;
  /*padding: 20px 20.6px; */
  text-decoration: none;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: underline;
  background-color: #eee;
  color: #000;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #337ab7;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
  margin-top: -18px;
}
ul.nav-tabs {
	padding: 0;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
  padding: 0;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #000;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
  background-color: #fff;
  min-height: 500px;
  padding: 20px;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    display: table;
    content: " ";
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {
    clear: both;
}

img.image-legal-found {
    border: 1px solid #ccc;
    height: 200px;
    margin-right: 5px;
    border: 1px solid #ccc;
    height: 200px;
    margin-right: 5px;
    width: 125px;
    object-fit: cover;
}
.row-profile {
	margin-bottom: 35px;
}
.title-profile {
	font-weight: 600;
    font-size: 16px;
    margin-bottom: 5px;
}
.subtitle-profile {
	font-weight: 600;
}
.content-profile td {
	padding: 5px 0px;
}
.attached-profile .file-profile, .attached-profile .image-profile {
	margin-top: 10px
}
.contact-title {
	width: 150px;
}
.contact-lead {
	margin-bottom: 10px;
}
.attached-roadmap {
	margin: 0 auto;
	margin-bottom: 40px;
}
img.image-roadmap {
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

#roadmap {
	padding: 15px;
}
.lit-header{
	font-size: 16px;
}

/*carousel code*/

#carousel-city{
	height: 520px;
    padding: 15px 40px;
}
/*carousel report-activity*/
#images-activity{
	margin: 20px 0;
}
.modal-body .carousel{
	height: 100%;
}

#images-activity .carousel-inner > .item > img,
#images-activity .carousel-inner > .item > a > img{
	width: 100%;
	height: 350px;
}
.tales{
	width: 100%;
	height: 300px;
}

/* Activity */
.table-activities {
	padding: 10px 20px;
}
#table-report.dataTable {
	width: 100%;
}
.table tr.table-row{
	cursor: pointer;
}
.table tr.table-row:hover {
	background-color: #f0f0f0;
}
.table td.date-activity {
	min-width: 100px;
}
.dataTables_length, .dataTables_filter, .dataTables_info{
	display: none;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
	content: "";
}
table.dataTable tbody tr {
	background: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #ccc !important;
    border: 1px solid #ddd;
    background: #fff;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
	padding: 4px 12px;
	border-radius: 0;
	color: #333 !important;
    border: 1px solid #ddd;
    background: #fff;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	color: #333 !important;
    border: 1px solid #ddd;
    background: #f0f0f0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
    border: 1px solid #ddd;
    background: #f0f0f0;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody, table.dataTable.no-footer {
    border-bottom: 1px solid #D6D6D7;
}
table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid #808080;
}
.table-activities .table-plans {
	margin-bottom: 60px;
}
.table-activities .row-table-title {
	padding-bottom: 45px;
}
.table-activities .row-title {
	float: left;
	font-size: 16px;
	font-weight: 600;
	margin-top: 10px;
}
.table-activities .row-btn-control {
	float: right;
}
.table-plans th.activity, .table-plans td.activity {
	min-width: 400px;
}
.table-plans th.month {
	text-align: center;
}
.table-plans td.date-plan {
	background: #15355e;
	border-top: 1px solid #D6D6D7;
}
.table-empty {
    background: #f9f9f9;
    border: 1px solid #D6D6D7;
	padding: 20px 10px 5px;
}


/* Style Price Comodity Produsen*/

#price_producer .commodity,
#price_producer_city .commodity{
    border-radius: 10px;
    color: #19212B;
    /* padding: 5px 10px; */
    padding: 5px 30px 5px 10px;
    margin: 10px;
    position: relative;
    text-decoration: none;
    display: inline-block;
}
#price_producer .commodity .commodity-pic,
#price_producer_city .commodity .commodity-pic{
	position: absolute;
    right: -15px;
    top: -15px;
    width: 40px;
}
#price_producer .commodity .commodity-name,
#price_producer_city .commodity .commodity-name{
    font-size: 14px;
    font-weight: bold;
    height: 32px;
    overflow: hidden;
    padding-bottom: 5px;
	width: auto;
}
#price_producer .commodity .commodity-price,
#price_producer_city .commodity .commodity-price{
  	font-size: 14px;
    font-weight: 700;
    margin-left: 20px;
}
#price_producer .commodity .commodity-price-city,
#price_producer_city .commodity .commodity-price-city{
  font-size: 14px;
  padding: 5px 0 8px;
  font-weight: 700;
}
#price_producer .commodity .commodity-change,
#price_producer_city .commodity .commodity-price{
	font-weight: bold;
	text-align: right;
}
#price_producer .commodity .commodity-change > span,
#price_producer_city .commodity .commodity-change > span{
	background-image: url("../image/sign-flag-sprite.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-size: 55px 18px;
	display: inline-block;
	height: 10px;
	margin-right: 5px;
	vertical-align: middle;
	width: 18px;
}

#price_producer .commodity .commodity-text,
#price_producer_city .commodity .commodity-text{
  color: #666;
  font-weight: 600;
  margin: 5px 0px;
}

#price_producer .commodity.up,
#price_producer_city .commodity.up{
	background-color: #fdcfc1;
}
#price_producer .commodity.up .commodity-change,
#price_producer_city .commodity.up .commodity-change{
	color: #c92525;
}
#price_producer .commodity.up .commodity-change > span,
#price_producer_city .commodity.up .commodity-change > span{
	background-position: -37px -2px;
}
#price_producer .commodity.stack,
#price_producer_city .commodity.stack{
	background-color: #d8e1f0;
}
#price_producer .commodity.stack .commodity-change,
#price_producer_city .commodity.stack .commodity-change{
	color: #3c69b3;
}
#price_producer .commodity.stack .commodity-change > span,
#price_producer_city .commodity.stack .commodity-change > span{
	background-position: -18px -6px;
}
#price_producer .commodity.down,
#price_producer_city .commodity.down{
	background-color: #b0cfb0;
}
#price_producer .commodity.down .commodity-change,
#price_producer_city .commodity.down .commodity-change{
	color: #398639;
}
#price_producer .commodity.down .commodity-change > span,
#price_producer_city .commodity.down .commodity-change > span{
	background-position: 0px -6px;
}
.price-producer-inner{
	position: absolute;
}

#price_producer,
#price_producer_city{
	/*position: absolute;*/
	display: block;
	padding: 10px 0px;
}

/* Alert*/
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  text-align: center;
	font-size: 14px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}


/*Well Class*/
.well {
  min-height: 20px;
  padding: 10px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  font-style: italic;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.well-large {
  padding: 24px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.well-small {
  padding: 9px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
/*End of weel class*/

/*umum*/
.no-padding{
	padding: 0px;
}

.pos{
	float: right;
}

.margin-price{
	margin-bottom: 80px !important;
}

#main .height-wrapper{
	min-height: 0px;
	padding: 0px;
}

.offer-all{
	background-color: #d8e1f0;
	border-radius: 5px;
	border: 1px solid #d10606;
	box-shadow: 2px 2px 2px #d8e1f0;
	border-top-width: 4px;
}

.title-offer{
	margin: 40px 0px 0px 70px;
	font-weight: 600;
}

.offer-slide{
	margin-top: 20px;
}

.btn-slide{
	color: red;
}

.btn-slide:hover{
	color: red;
}

.offer{
	background: white;
	border-radius: 8px;
	border: 2px solid #3f74b4;
	margin-left: 10px;
}

.offer a{
	text-decoration: none;
}

.offer-bg{
	background-size: 100% 100%;
	height: 450px;
}

.offer-banner{
	width:280px;
	margin: -20px;
}

.offer-text{
	position:absolute;
	top: 20px;
	left: 170px;
	z-index: 3;
	color: white;
	font-size: 30px;
	line-height: 30px;
}

#cart{
	width:280px;
}

.merch-img{
	height: 15px;
	margin-top: 5px;
}

.img-center{
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.desc-offer{
	color: black;
	text-align: center;
	margin: 5px 0px 5px 0px;
}

.sale {
	width: 55px;
	position:absolute;
	top: 23px;
	left: 18px;
	z-index: 3;
}

.sale-text{
	position:absolute;
	top: 42px;
	left: 30px;
	z-index: 4;
	color: white;
	font-size: 16px;
}

.img-stack{
	position:absolute;
	left: -8px;
	width: 180px;
}

.text-stack{
	position:absolute;
	z-index: 3;
	top: 215px;
	color: yellow;
	font-size: 15px;
}

.temp-improduct{
	width: 130px;
	height: 80px;
}

.img-product{
	margin-top: 20px;
	max-width: 130px;
	max-height: 80px;
}

.no-margin-top{
	margin-top: 0px;
}

.no-top{
	top: 0px;
}

.price{
	color: red;
	font-weight: 600;
}

.ribbon{
	height: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.supplier-img{
	height: 30px;
}

.supplier-text{
	color: black;
	font-weight: 300;
	font-size: 18px;
}
/* end umum*/

.padding{
	padding-left: 20px ;
}

.content-product{
	margin-top: 30px !important;
	margin-bottom: 30px !important;
	padding: 40px !important;
	border-radius: 10px;
	width:900px;
	min-height:900px;
	margin:0 auto;
	padding:0;
	background-color: white;
	box-shadow: 0 -4px 50px #efefef,
				4px 4px 4px #efefef,
				-4px 4px 50px #efefef,
				4px 4px 50px #efefef;
}

.img-product-detail{
	width: 280px;
}

.title-detail{
	font-weight: 600;
	color: #d10606;
	font-size: 30px;
	margin-bottom: 10px;
}

.desc-detail{
	margin-top: 10px;
	color: black;
	text-align: justify;
	word-spacing: 2px;
}

.border-desc{
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom: 2px solid #d10606;
	width: 300px;
}

.drop-stock,
.btn-red{
	min-height: 30px;
	min-width: 160px;
	color: #d10606;
	background-color: white;
	border: 1px solid #d10606;
  	box-shadow: none;
  	border-radius: 20px;
  	text-align: left;
  	padding-left: 20px;
  	font-weight: 600;
}

.btn-red{
	color: white;
	background-color: #d10606;
	border-color: #d10606;
	font-weight: 300;
	text-align: center;
	padding: 0px;
	margin-top: 10px;
}

.dropdown-menu{
	position: absolute;
}

.supplier{
	margin-top: 60px;
	color: black;
}

.offer-red{
	width: 180px;
	border-color: #d10606;
	border-radius: 0px;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 10px;
}

.offer-blue{
	margin-top: 20px;
	width: 180px;
	margin-right: 0px;
	min-height: 270px;
}

.add-produk{
	margin-top: 20px;
	height: 35px;
	font-size: 18px;
	background-color: #aa000a;
}

.text-stack-red{
	top:15px;
}

/*per merchant*/
.banner-img{
	width: 100%;
	position: absolute;
	top: 85px;
	z-index: 1;
}

.offer-img{
	z-index: 2;
	height: 350px;
	position: absolute;
	top: 160px;
	right: 20px;
}

.profil-template{
	z-index: 2;
	position: absolute;
	height: 200px;
	background-color: white;
	border: 2px solid #d10606;
	width: 160px;
	height: 160px;
	box-shadow: 2px 4px 10px #808080;
	border-radius: 5px;
}

.profil-img{
	position: absolute;
	top:0;
    bottom:0;
    margin:auto;
	max-width: 140px;
	max-height: 140px;
}

.content-product-merch{
	z-index: 100;
	margin-top: 250px !important;
	margin-bottom: 30px !important;
	padding: 40px !important;
	border-radius: 10px;
	width:900px;
	min-height:900px;
	margin:0 auto;
	padding:0;
}

.content-merchant{
	margin-top: 100px;
}

.space-vertical{
	height:50px;
}

/* list produk */
.all-produk{
	text-decoration: none;
	color: red;
	font-size: 18px;
}

.all-produk:hover{
	color: #aa000a;
}

.list-produk-title{
	font-size: 30px;
}

/*end of list produk */

.content-buy{
	width:900px;
	margin:0 auto;
	padding:0;
	display: table;
}

.content-form-buy{
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 30px !important;
	margin-bottom: 30px !important;

	border-radius: 10px;
	background-color: white;
	box-shadow: 0 -4px 50px #efefef,
				4px 4px 4px #efefef,
				-4px 4px 50px #efefef,
				4px 4px 50px #efefef;
}

.content-form-buy h2{
	color: gray;
	font-weight: 600;
	margin-top: 20px;
	padding-left: 30px;
}

.content-form-buy h4{
	color: gray;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #fcf8e3;
	font-size: 12px;
}

.col-md-12{
	width: 100% !important;
}

.content-cart{
	border: 1px solid gray;
	border-radius: 5px;
	padding-top: 20px;
	display: table-cell;
  	float: none;
}

.no-padding_lr{
	padding-left: 0px;
	padding-right: 0px;
}

.img-buy-cart{
	height: 40px;
}

.drop-stock-small{
	min-height: 20px;
	min-width: 40px;
	color: #d10606;
	background-color: white;
	border: 1px solid #d10606;
  	box-shadow: none;
  	border-radius: 5px;
  	text-align: left;
  	padding-left: 10px;
  	font-weight: 600;
}

.drop-buy-method{
	min-height: 30px;
	width: 100%;
	background-color: white;
	border: 1px solid #bcbcbc;
  	box-shadow: none;
  	border-radius: 5px;
  	text-align: left;
  	padding-left: 10px;
  	font-weight: 600;
}

.caret-right {
	float:right;
	margin-top: 7px;
}

.price-result,
.produk-buy{
	text-align: right;
	padding: 0px;
}

.produk-buy{
	padding-right: 15px
}

.produk-buy a{
	text-decoration: none;
	color: #d10606;
}

.submit-cart{
	margin-top: 20px;
	display: table;
}

.right{
	float: right;
}

.line-cart{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #bcbcbc;
}

.price-result h1{
	font-weight: 600;
	color: #d10606;
	font-size: 20px;
	text-align: right;
}

.banner-product{
	width:100%;
	margin-bottom: 50px;
}

.star-banner{
	width:250px;
    position: absolute;
    right: -120px;
    margin-top: -55px;
}

.text-banner{
	color: white;
	position: absolute;
	margin-top: 120px;
	left: 625px;
}

.text-banner h2{
	color: white;
	font-size: 35px;
}

.text-banner h1{
	margin-top: 20px;
	margin-left: -2px;
	color: white;
	font-size: 60px;
}

.text-banner a{
	background-color: #eb6100;
	color: white;
	text-decoration: none;
	font-size: 15px;
	padding: 10px;
}

.text-banner a:hover{
	background-color: #eb6100;
}