@charset "utf-8";

/* 
 * CSS Pages Document
 * Individual Page Coding
 * 
*/

/*==============================[ Index ]=============================*/

.welcome
{
	text-align:center;
	margin-bottom:1em;
	font-size:23px;
	color:#808285;
}

.welcome .section-wrapper {padding: 0 3em;}

.welcome h2
{
	color:#f0613b;
	font-size:28px;
	padding: 0.7em 0;
	background: url(../img/content/divider-01.png) no-repeat top center, url(../img/content/divider-01.png) no-repeat bottom center;
}

.welcome h2 span 
{
	font-family: 'Lato-LightItalic';
	font-weight:300;
	text-transform:none;
}

/*--------------
	SECTION GALLERY
--------------*/

.section-gallery-preview h2
{
	text-align:center;
}

.thumb
{
	width:20%;
	float:left;
	padding:0 5px;
}

.thumb figcaption
{
	color:#808285;
	font-size:18px;
	padding:8px 0;
	text-transform:uppercase;
}

.thumb-img
{
	background:#000;
	position:relative;
}

/*==============================[ About ]=============================*/

.strong-lg {font-size:18px;}

.product-highlight
{
	color:#f0613b;
	font-weight:900;
}

.product-highlight .ul-default
{
	padding-left:20px;
	font-weight:700;
}

/*==============================[ Portfolio ]=============================*/

#portfolio
{
	width:50%;
	position:relative;
}

.portfolio-title
{
	background:#f0613b;
	color:#fff;
	display:inline-block;
	padding:10px .8em;
	padding-right:1.5em;
	min-width:300px;
}

.portfolio-listing
{
	color:#000;
	font-size:15px;
	font-weight:700;	
}

.portfolio-listing li 
{
	background:#ffe89b;
	border-bottom:1px solid #fff;
}

.portfolio-listing a
{
	display:block;
	padding:0.5em 0.9em;
}

.portfolio-listing a:hover {background:#ffffcc;}

/*--------------
	PANEL DESIGN - UPPER LEVELS
--------------*/

.panel-group
{
	position:relative;
	margin-bottom:10px;
}

/*--------------
	PANEL DESIGN - INNER LEVELS
--------------*/

/*.panel-collapse .panel-body
{
	padding-bottom:1em;
}*/

.panel-title {margin:0;}

.panel-title a
{
	display:block;
	padding:8px 15px;
	padding-left:1.8em;
	position:relative;
	font-weight:700;
}

.panel-title a:before
{
	content: "\f047";
	font-family: 'FontAwesome';
	font-size:14px;
	font-weight:300;
	
	position:absolute;
	left:6px;
	top:10px;
}

.panel-title .collapsed {font-weight:400;}

/* ----------------------------
    FADE
----------------------------*/

.fade
{
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

.fade.in {opacity: 1}

/* ----------------------------
    COLLAPSE
----------------------------*/

.collapse { display: none}

.collapse.in { display: block}

.collapsing
{
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.8s ease-in-out;
    transition: height 0.8s ease-in-out;
}

/*==============================[ Gallery ]=============================*/

#article_gallery section
{
	border-bottom:1px solid #a7a9ac;
	margin-bottom:1em;
	padding-bottom:1em;
}

#article_gallery h2
{
	font-weight:400;
	text-transform:capitalize;
}

.jcarousel-wrapper, 
.jcarousel 
{
	overflow:hidden;
	position:relative;
}

.jcarousel ul
{
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	width:20000em;
}

.jcarousel li
{
	display:block;
	float:left;
	margin-right:1.2em;
}

.jcarousel a
{
	display:block;
	overflow:hidden;
	position:relative;
}

.jcarousel-control-prev,
.jcarousel-control-next
{
	position:absolute;
	top:0;
	
	background:#000;
	background:rgba(0,0,0,.5);
	color:#fff;
	height:100%;
	opacity:0;
	text-align:center;
	width:2em;
	
	transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-webkit-transition: opacity 0.2s ease-in-out;
}

.jcarousel-control-next {right:0}

.jcarousel-wrapper:hover .jcarousel-control-prev,
.jcarousel-wrapper:hover .jcarousel-control-next {opacity:1;}

.jcarousel-wrapper:hover .jcarousel-control-prev:hover,
.jcarousel-wrapper:hover .jcarousel-control-next:hover 
{
	background:#000;
	background:rgba(0,0,0,1);
}

.jcarousel-control-prev .fa,
.jcarousel-control-next .fa
{
	display:block;
	font-size:24px;
	left:0;
	position:absolute;
	top:40%;
	width:100%;
}

.thumbnail {background:#000;}

.thumbnail img {width:170px;height:128px;} /*rio tadinya height gak ada */

#cboxTitle {color:#f0613b;}

/*==============================[ Contact ]=============================*/

/*--------------
	CONTACT MAP
--------------*/

.contact-map 
{
	height:400px;
	margin-bottom:1em;
}

.contact-map iframe{height:100%;}

/*--------------
	ADDRESS DETAILS
--------------*/

.addressDetails
{
	color:#58595b;
	font-size:15px;
	padding:0 1em;
}

.addressDetails dt,
.addressDetails dd
{
	border-top:1px solid #dddddd;
	padding:1em 0;
}

.addressDetails dt {width:70px;}

.addressDetails dd {margin-left:70px;}

.addressDetails .fa
{
	font-size:30px;
	color:#9a9a9a;
}

/*--------------
	CONTACT FORM
--------------*/

.contact_column h2
{	  
		background-color: #ffcd26;
		color:#000;
		font-weight: 300;
		padding:.5em;
		text-transform:capitalize;
}

#form_contact 
{
	font-size:15px;
	padding-left:1.5em;
}

#form_contact h3 
{
	color:#58595b;
	text-transform:none;
}

#form_contact .contact-name 
{
	padding-right:1em;
	width:20%;
} 

#form_contact .input_textfields {width:48%;} 
#form_contact .input_textarea {width:80%;} 

#form_contact input[type="text"],
#form_contact textarea {border:1px solid #dadada;}

#form_contact input[type="text"]:focus,
#form_contact textarea:focus
{
	border-color:#58595b;
}

#form_contact textarea
{
	height:105px;
	resize:none;
}

.form-offset
{
	left:20%;
	width:80%;
}

/*==============================[ CLEAR CONTAINERS ]=============================*/

#cboxContent:after
{
	content:'';
	display:table;
	border-collapse:collapse;
	clear:both;
}