/* #Table of Contents

1.  Site Styles
2.  Header
3.  Slider
4.  Main
	4.1. Intro
	4.2. Features
	4.3. Portofolio
	4.4. Main Tabs
	4.5. Teams
	4.6. Testimonials
	4.7. Clients
	4.8. Tweets
5.  Widget
6.  Footer
7.  CSS Hacks
8.  Media Queries
================================================== */



/* ========================= Site Styles ========================= */

/* Page Styles */

* { 
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	box-sizing:border-box;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#7a7a7a;
	font-size:14px;
	line-height:21px;
	background-color:#4a4a4a;
}

h1, h2, h3, h4, h5, h6 {
	color:#4a4a4a;
	font-family:'Bree serif', serif;
	font-weight:normal;
	text-rendering:auto;
	margin-top:0px;
}

figure { margin:0px; }
	figure img { width:100%; }

.no-margin-top { margin-top:0px !important;	}
.no-margin-bottom  { margin-bottom:0px !important; }
.no-margin-right { margin-right:0px !important;	}
.no-margin-left { margin-left:0px !important; }

.no-padding-top { padding-top:0px !important;	}
.no-padding-bottom  {padding-bottom:0px !important; }
.no-padding-right { padding-right:0px !important;	}
.no-padding-left { padding-left:0px !important; }

.margin-top10 { margin-top:10px !important; }
.margin-top20 { margin-top:20px !important; }
.margin-top30 { margin-top:30px !important; }
.margin-top40 { margin-top:40px !important; }
.margin-top60 { margin-top:40px !important; }

.margin-bottom10 { margin-bottom:10px !important; }
.margin-bottom20 { margin-bottom:20px !important; }
.margin-bottom30 { margin-bottom:30px !important; }
.margin-bottom40 { margin-bottom:40px !important; }
.margin-bottom60 { margin-bottom:60px !important; }

.padding-top10 { padding-top:10px !important; }
.padding-top20 { padding-top:20px !important; }
.padding-top30 { padding-top:30px !important; }
.padding-top40 { padding-top:40px !important; }
.padding-top60 { padding-top:40px !important; }

.padding-bottom10 { padding-bottom:10px !important; }
.padding-bottom20 { padding-bottom:20px !important; }
.padding-bottom30 { padding-bottom:30px !important; }
.padding-bottom40 { padding-bottom:40px !important; }
.padding-bottom60 { padding-bottom:60px !important; }

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

.left { float:left;	}
.right { float:right; }
.textcenter { text-align:center }
.textright { text-align:right }
.textleft { text-align:left }

/* Links */

a, a:visited {
	color:#cb5128;
	-webkit-transition:background .2s ease, background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
	-moz-transition:background .2s ease, background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
	-ms-transition:background .2s ease, background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
	-o-transition:background .2s ease, background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
	transition:background .2s ease, background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
}
a:hover {
	text-decoration:none;
	color:#4a4a4a;
}

/* Site Elements */

input[type="text"] {
	height:44px;
	padding:0px 15px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #e0e0e0;
	outline:none;
	font-size:14px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	-moz-box-shadow:inset -1px 1px 3px #f0f0f0;
	-webkit-box-shadow:inset -1px 1px 3px #f0f0f0;
	box-shadow:inset -1px 1px 3px #f0f0f0;
}
textarea {
	padding:15px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #e0e0e0;
	outline:none;
	font-size:14px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	-moz-box-shadow:inset -1px 1px 3px #f0f0f0;
	-webkit-box-shadow:inset -1px 1px 3px #f0f0f0;
	box-shadow:inset -1px 1px 3px #f0f0f0;
}

.btn, input[type="button"], input[type="submit"], input[type="reset"], button {
	font-size:13px;
	line-height:44px;
	font-family:'PT Sans', Arial, sans-serif;
	text-align:center;
	text-shadow:0px 1px 0px #013f5f;
	padding:14px 20px 13px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.2);
	
	color:#FFF !important;
	border:1px solid #cb5128;
	background-color:#cb5128;
	background-image:linear-gradient(top, #cb5128 0%, #cb5128 100%);
	background-image:-o-linear-gradient(top, #cb5128 0%, #cb5128 100%);
	background-image:-moz-linear-gradient(top, #cb5128 0%, #cb5128 100%);
	background-image:-webkit-linear-gradient(top, #cb5128 0%, #cb5128 100%);
	background-image:-ms-linear-gradient(top, #cb5128 0%, #cb5128 100%);
	background-image:-webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #cb5128),
		color-stop(1, #cb5128)
	);
}
input[type="button"], input[type="submit"], input[type="reset"], button {
	line-height:1;
	padding:15px 20px 14px;
}
.btn:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
	border:1px solid #cb5128 ;
	background-color:#cb5128 ;
	background-image:linear-gradient(top, #cb5128 0%, #cb5128 100%);
	background-image:-o-linear-gradient(top, #cb5128 0%, #cb5128 100%);
	background-image:-moz-linear-gradient(top, #cb5128 0%, #cb5128 100%);
	background-image:-webkit-linear-gradient(top, #cb5128 0%, #cb5128 100%);
	background-image:-ms-linear-gradient(top, #cb5128 0%, #cb5128 100%);
	background-image:-webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #cb5128),
		color-stop(1, #cb5128)
	);
}
.btn:disabled, input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled, button:disabled {
	background:#4a4a4a;
	border:1px solid #2a2a2a;
}
	.btn i, input[type="button"] i, input[type="submit"] i, input[type="reset"] i, button i { margin-right:6px; }
	.btn sup, input[type="button"] sup, input[type="submit"] sup, input[type="reset"] sup, button sup { font-size:.65em; }

.btn.btn-medium, input[type="button"].btn-medium, input[type="submit"].btn-medium, input[type="reset"].btn-medium, button.btn-medium {
	font-size:15px;
	line-height:48px;
	padding:16px 24px 15px;	
}
input[type="button"].btn-medium, input[type="submit"].btn-medium, input[type="reset"].btn-medium, button.btn-medium {
	line-height:1;
	padding:17px 24px 16px;
}
.btn.btn-large, input[type="button"].btn-large, input[type="submit"].btn-large, input[type="reset"].btn-large, button.btn-large {
	font-size:17px;
	line-height:52px;
	padding:18px 28px 17px;	
}
input[type="button"].btn-large, input[type="submit"].btn-large, input[type="reset"].btn-large, button.btn-large {
	line-height:1;
	padding:19px 28px 18px;
}

button.close { color:#4a4a4a !important; }
button.close:hover {
	color:#000;
	background:none;
	border:0px;
}

select {
	font-family:Arial, sans-serif;
	height:auto;
	padding:8px 12px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	border:1px solid #eaeaea;
	color:#5a5a5a;
	outline:none;
}
select:focus { outline:none; }

.wp-caption {
	border:1px solid #ddd;
	text-align:center;
	background-color:#f3f3f3;
	padding:8px 8px 0px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	max-width:100%;
}
	.wp-caption img {
		width:100%;
		height:auto;
		margin-bottom:8px;
	}
	.wp-caption p.wp-caption-text {
		font-size:12px;
		line-height:18px;
		padding:0px 4px 8px;
		margin:0;
		color:#707070;
	}

figure.figure-hover { position:relative; }
	figure.figure-hover div {
		position:absolute;
		overflow:hidden;
		text-align:center;
		top:0;
		bottom:0;
		left:0;
		right:0;
		background:url(../images/base-figure-overlay.png) repeat;
		display:none;
	}
		figure.figure-hover div .icon-hover {
			position:absolute;
			top:100%;
			left:0;
			width:100%;
			height:100%;
		}
		
		/* Figure hover icon */
		figure.figure-hover div .icon-hover.icon-hover-zoom { background:url(../images/icon-hover-zoom.png) no-repeat center center; }

.responsive { display:none !important; }
		
.scrollup {
    width:48px;
    height:48px;
    position:fixed;
    bottom:10px;
    right:10px;
	-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	opacity:0;
    text-indent:-9999px;
    background:url('../images/back-to-top.png') no-repeat;
	z-index:400;
}

.submit-status {
	position:fixed;
	left:0;
	right:0;
	width:100%;
	background-color:#f0f0f0;
	border-bottom:1px solid #e0e0e0;
	padding:16px 0px;
	z-index:1000;
	text-align:center;
	font-family:'Bree serif', serif;
	font-size:14px;
	line-height:18px;
	color:#4a4a4a;
}
.submit-status.submit-status-success {
	background-color:#cfeecf;
	border-bottom:1px solid #aee4ae;
	color:#0fbc0f;
}
.submit-status.submit-status-error {
	background-color:#f1cfc9;
	border-bottom:1px solid #f7b2a7;
	color:#d83232;
}

.pp_gallery ul a img {
	max-width:none;
	vertical-align:auto;
	width:50px;
}

.pp_pic_holder a {
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
	transition:none;
}

.sep-border {
	display:block;
	height:6px;
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;	
}

.sep-border-main {
	background:url(../images/sep-border-main.png) no-repeat center;
	width:100%;
	height:20px;	
}

.tbl-pricing { padding:15px 0px; }
	.tbl-pricing .column {
		overflow:hidden;
		margin-bottom:40px;
		text-align:center;
		border:1px solid #e0e0e0;
		border-bottom:4px solid #e9e9e9;
	}
		.tbl-pricing .column .tbl-header {
			padding-top:20px;
			color:#FFF;
		}
			.tbl-pricing .column .tbl-header h4 {
				padding:0px 20px 20px;
				margin:0px;
				font-size:18px;
				line-height:24px;
			}
			.tbl-pricing .column .tbl-header .price {
				font-size:48px;
				font-family:'PT Sans', Arial, sans-serif;
				color:#cb5128;
				background-color:#f6f6f6;
				line-height:52px;
				padding:30px 20px;
				border-top:1px solid #e0e0e0;
				border-bottom:1px solid #e0e0e0;
			}
				.tbl-pricing .column .tbl-header .price strong { display:block; }
				.tbl-pricing .column .tbl-header .price span {
					display:block;
					font-size:16px;
					line-height:20px;
					font-family:Arial, Helvetica, sans-serif;
					margin-top:5px;
				}
			.tbl-pricing .column .tbl-header p {
				margin:0px;
				font-size:11px;
				line-height:15px;
				text-transform:uppercase;
			}
		.tbl-pricing .column ul {
			margin:20px 0px;
			padding:0px 20px;
		}
			.tbl-pricing .column ul li {
				list-style-type:none;
				padding:12px 0px;
				border-bottom:1px solid #e9e9e9;
			}
			.tbl-pricing .column ul li:last-child { border-bottom:0px; }
		.tbl-pricing .column .tbl-footer {
			text-align:center;
			padding:30px 10px;
			border-top:1px solid #e0e0e0;
			background-color:#f6f6f6;
		}
	.tbl-pricing .column.column-recommended {
		margin-top:-15px;
		border-top:2px solid #cb5128;
	}
		.tbl-pricing .column.column-recommended .tbl-header { padding-top:23px; }
			.tbl-pricing .column.column-recommended .tbl-header h4 { padding-bottom:22px; }
			.tbl-pricing .column.column-recommended .tbl-header .price {
				font-size:54px;
				background-color:#3a3a3a;
				color:#FFF;
				line-height:58px;
				border-top:1px solid #202020;
				border-bottom:1px solid #202020;
				padding-top:32px;
				padding-bottom:31px;
			}
			
.nav-carousel {
	float:right;
	background-color:#FFF;
	padding:2px 0px 2px 10px;
}
	.nav-carousel a {
		display:block;
		float:left;
		width:20px;
		height:20px;
		background:url(../images/direction-nav-carousel.png) no-repeat 0 0;
		background-color:#e0e0e0;
	}
	.nav-carousel a.next {
		background-position:100% 0;
		margin-left:1px;	
	}
	.nav-carousel a:hover { background-color:#cb5128; }



/* ========================= Header ========================= */

#header {
	background:url(../images/base-header.jpg) no-repeat top center #f6f6f6;
	overflow:hidden;
	padding:25px 0px;
}
	#header .logo { float:left; }
		#header .logo img { height:60px; }
	#header .social {
		float:right;
		text-align:right;
		margin:4px 0px;
	}
		#header .social p {
			margin-bottom:6px;
			font-size:16px;
			line-height:22px;
			font-family:'Bree Serif', serif;
			color:#4a4a4a;
		}
		#header .social ul {
			width:100%;
			margin:0px;
		}
			#header .social ul li { display:inline; }
			#header .social ul li:last-child { padding-right:0px; }
				#header .social ul li img {
					width:24px;
					height:24px;	
				}
	#header .social .tooltip { font-family:'PT Sans', Arial, sans-serif; }

/* Main Menu */

.nav-menu {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	overflow:hidden;
	background-color:#2a2a2a;
	font-family:'PT Sans', Arial, sans-serif;
	color:#d0d0d0;
}
	.nav-menu ul {
		margin:0px;
		float:left;	
	}
		.nav-menu ul li {
			list-style-type:none;
			float:left;
		}
			.nav-menu ul li a {
				float:left;
				text-transform:uppercase;
				color:#d0d0d0;
				font-size:13px;
				line-height:20px;
				padding:15px 40px;
			}
			.nav-menu ul li a:hover, .nav-menu ul li a.selected, .nav-menu ul li.current a {
				color:#FFF;
				background-color:#cb5128;
			}
			
#navigation {
	background-color:#FFF;
	position:relative;
}
#navigation.stickit, #navigation.stickit-end {
    position:fixed;
    top:0;
	left:0;
	width:100%;
	z-index:1000;
	height:50px;
}
	#navigation .select-nav {
		display:none;
		background:#2a2a2a url(../images/arrow-nav-menu-responsive.png) no-repeat right center;
		overflow:hidden;
		border:1px solid #101010;
	}
		#navigation .select-nav select {
			background-color:#2a2a2a;
			width:100%;
			color:#9a9a9a;
			border:0px;
			margin:0px;
		}



/* ========================= Slider ========================= */

#slider {
	background-color:transparent;
	border-bottom:10px solid #e9e9e9;
	padding:130px 0px 80px;
	color:rgba(255,255,255,.8);
}
	#slider .flexslider { position:relative; }
	#slider .header { margin-bottom:20px; }
		#slider .header h2 {
			font-size:24px;
			background-color:#cb5128;
			padding:6px 15px;
			line-height:48px;
			color:#FFF;
			display:inline;
			margin:0px;
		}
		#slider .header h4 {
			font-size:12px;
			font-family:Arial, Helvetica, sans-serif;
			color:#FFF;
			text-transform:uppercase;
			line-height:16px;
			margin-bottom:4px;
		}
	#slider p {
		font-family:'PT Sans', Arial, sans-serif;
		font-size:18px;
		line-height:26px;
	}
		#slider .flex-direction-nav a {
			background-color:#cb5128;
			-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
			filter:alpha(opacity=0);
			opacity:0;
		}
		#slider .flex-direction-nav a:hover { background-color:#4a4a4a; }
		#slider .flexslider:hover .flex-direction-nav a {
			-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter:alpha(opacity=100);
			opacity:1;
		}



/* ========================= Main ========================= */

.main-wrapper { background-color:#FFF; }

#main { padding:30px 0px 50px; }
	#main .header {
		text-align:center;
		margin-bottom:40px;
	}
		#main .header h2 {
			text-transform:uppercase;
			font-family:'PT Sans', Arial, sans-serif;
			font-size:28px;
			line-height:34px;
			font-weight:bold;
			margin:0px;
		}
		#main .header p {
			margin:5px 0px 0px;
			color:#a9a9a9;
			font-size:16px;
			line-height:22px;
		}
	#main .header-carousel {
		margin-bottom:40px;
		background:url(../images/border-main-header.png) repeat-x center center;
	}
		#main .header-carousel h4 {
			display:inline;
			background-color:#FFF;
			padding-right:15px;
			font-family:'PT Sans', Arial, sans-serif;
			text-transform:uppercase;
			font-size:16px;
			line-height:20px;
			font-weight:bold;
		}
		
/* Intro */

#main .intro-text {
	font-family:'PT Sans', Arial, sana-serif;
	font-size:20px;
	line-height:30px;
	color:#4a4a4a;
	text-align:center;
	padding:30px 0px;
}
	#main .intro-text p { margin:0px; }
	#main .intro-text span { color:#cb5128; }

/* Features */

#main .features { padding:30px 0px 20px; }
	#main .features .item {
		text-align:center;
		padding-bottom:40px;
	}
		#main .features .item .wrap-icon { background:url(../images/wrap-icon-border.png) repeat-x center center; }
		#main .features .item i {
			color:#FFF;
			background-color:#cb5128;
			border:8px solid #e9e9e9;
			font-size:28px;
			line-height:80px;
			width:96px;
			height:96px;
			display:inline-block;
			-moz-border-radius:48px;
			-webkit-border-radius:48px;
			border-radius:48px;
			-webkit-transition:all .5s ease;
			-moz-transition:all .5s ease;
			-ms-transition:all .5s ease;
			-o-transition:all .5s ease;
			transition:all .5s ease;
		}
		#main .features .item i:hover {
			background-color:#4a4a4a;
			cursor:pointer;
			-ms-transform:rotate(360deg);
			-moz-transform:rotate(360deg);
			-o-transform:rotate(360deg);
			-webkit-transform:rotate(360deg);
			transform:rotate(360deg);
		}
		#main .features .item h4 {
			font-size:18px;
			line-height:24px;
			margin:25px 0px 0px;
		}
		#main .features .item p { margin:15px 0px 0px; }
			
/* Portofolio */

#main .portofolio { padding-top:30px; }
	#main .portofolio .nav-carousel {
		float:left;
		width:100%;
		padding:0px;
	}
	#main .portofolio .info-text { padding-bottom:30px; }
		#main .portofolio .info-text h4 {
			font-family:'PT Sans', Arial, sans-serif;
			font-size:16px;
			text-transform:uppercase;
			font-weight:bold;
			line-height:20px;
		}
	#main .portofolio .carousel { margin:0px; }
		#main .portofolio .carousel li {
			list-style-type:none;
			margin-right:0px;
		}
	#main .portofolio .item {
		text-align:center;
		padding-bottom:30px;
	}
		#main .portofolio .item figure {
			padding:5px;
			border:1px solid #e0e0e0;
			border-bottom:4px solid #e9e9e9;	
		}
			#main .portofolio .item figure.figure-hover div { margin:5px; }
		
/* Main Tabs */

#main .main-tabs { padding:50px 0px 10px; }
	#main .main-tabs .nav-tabs {
		background:url(../images/border-bottom-nav.png) #FFF repeat-x left bottom;
		font-family:'PT Sans', Arial, sans-serif;
		color:#7a7a7a;
		border-bottom:1px solid #e9e9e9;
		position:relative;
		height:48px;
	}
		#main .main-tabs .nav-tabs .tabs {
			margin:0px;
			text-align:center;
			position:absolute;
			left:0;
			bottom:0;
			width:100%;
		}
			#main .main-tabs .nav-tabs .tabs li {
				list-style-type:none;
				display:inline;
				line-height:auto;
			}
				#main .main-tabs .nav-tabs .tabs li a {
					text-transform:uppercase;
					color:#7a7a7a;
					background:url(../images/border-bottom-nav.png) #fafafa repeat-x left bottom;
					font-size:13px;
					line-height:47px;
					padding:12px 40px 15px;
					margin-right:-3px;
					border:1px solid #e9e9e9;
					border-right:0px;
				}
				#main .main-tabs .nav-tabs .tabs li:last-child a, #main .main-tabs .nav-tabs .tabs li.last-element a { border-right:1px solid #e9e9e9; }
				#main .main-tabs .nav-tabs .tabs li a:hover, #main .main-tabs .nav-tabs .tabs li.active a {
					color:#cb5128;
					background-image:none;
					background-color:#FFF;
					border-top:1px solid #cb5128;
				}
				#main .main-tabs .nav-tabs .tabs li.active a { border-bottom:1px solid #FFF; }
	#main .main-tabs .tab-content { padding-top:45px; }
	
/* Teams */

#main .teams .item {
	padding-bottom:40px;
	background-color:#FFF;
	text-align:center;
}
	#main .teams .item .content {
		padding:20px;
		border:1px solid #e9e9e9;
		border-bottom:4px solid #e9e9e9;
		border-top:0px;
	}
		#main .teams .item .content h4 {
			font-size:18px;
			line-height:24px;
			margin-bottom:10px;
		}
		#main .teams .item .content .jobs {
			padding:6px 0px;
			margin-bottom:10px;
			font-family:'PT Sans', Arial, sans-serif;
			color:#a9a9a9;
			font-size:12px;
			line-height:16px;
			text-transform:uppercase;
			border-top:1px dashed #e0e0e0;	
			border-bottom:1px dashed #e0e0e0;	
		}
	#main .teams .item .social {
		margin:0px;
		padding-top:5px;
	}
		#main .teams .item .social li {
			list-style-type:none;
			display:inline;
		}
			#main .teams .item .social li img {
				width:24px;
				height:24px;
			}
		#main .teams .item .social .tooltip { font-family:'PT Sans', Arial, sans-serif; }
		#main .teams .item .social .tooltip.bottom { margin-top:6px; }
			
/* Testimonials */

#main .testimonials .item { padding-bottom:40px; }
	#main .testimonials .item .content {
		position:relative;
		padding-bottom:55px;
	}
		#main .testimonials .item .content p {
			background-color:#f9f9f9;
			margin:0px;
			padding:20px 20px 40px;
			border:1px solid #f0f0f0;
			border-bottom:3px solid #e9e9e9;
		}
		#main .testimonials .item .content .profile {
			position:absolute;
			bottom:0;
			left:0;
			width:100%;
		}
			#main .testimonials .item .content .profile figure {
				width:80px;
				height:80px;
				float:left;
				margin:0px 15px 0px 20px;
				background-color:#FFF;
				padding:4px;
				-moz-box-shadow:1px 1px 2px #e0e0e0;
				-webkit-box-shadow:1px 1px 2px #e0e0e0;
				box-shadow:1px 1px 2px #e0e0e0;
			}
			#main .testimonials .item .content .profile .name {
				float:left;
				margin-top:35px;
			}
				#main .testimonials .item .content .profile .name strong {
					color:#cb5128;
					font-family:'Bree Serif', serif;
					display:block;
					font-weight:normal;
				}
				#main .testimonials .item .content .profile .name i {
					font-family:'PT Sans', Arial, sans-serif;
					font-style:normal;
					display:block;
					margin-top:2px;
					color:#a9a9a9;
					text-transform:uppercase;
					font-size:11px;
					line-height:15px;
				}

/* Clients */

#main .clients { padding-top:30px; }
	#main .clients .carousel { margin:0px; }
		#main .clients .carousel li {
			list-style-type:none;
			margin-right:0px;
			padding-bottom:30px;
		}
	#main .clients figure {
		text-align:center;
		border:1px solid #e0e0e0;
		border-bottom:4px solid #e9e9e9;
	}
	
/* Tweets */

.tweets {
	background-color:#007ebf;
	color:#FFF;
}
	.tweets .container {
		position:relative;
		background-color:#cb5128;
	}
	.tweets .tweets-icon {
		position:absolute;
		background-color:#007ebf;
		color:#cbe8ff;
		width:35px;
		top:0;
		bottom:0;
		left:0;
		padding-top:10px;
		font-size:20px;
		line-height:1;
	}
		.tweets .tweets-icon a { color:#cbe8ff; }
		.tweets .tweets-icon a:hover { color:#FFF; }
	.tweets .flexslider { margin-left:55px; }
		.tweets .flexslider li {
			padding:10px 100px 10px 0px;
			font-size:13px;
			font-family:'PT Sans', Arial, sans-serif;
		}
			.tweets .flexslider .flex-direction-nav li {
				padding-top:0px;
				padding-bottom:0px;
			}
	.tweets p { margin:0px; }
	.tweets a {
		color:#cbe8ff;
		font-style:italic;
	}
	.tweets a:hover { color:#FFF; }
	.tweets .date {
		display:block;
		font-size:13px;
		line-height:18px;
		font-family:'Bree Serif', serif;
		margin-top:5px;
	}
		.tweets .date a { font-style:normal; }	
		.tweets .flex-direction-nav a {
			background-color:#007ebf;
			margin:0px;
			height:auto;
			top:0;
			bottom:0;
		}
		.tweets .flexslider:hover .flex-next:hover, .tweets .flexslider:hover .flex-prev:hover { background-color:#4a4a4a; }
		.tweets .flex-direction-nav .flex-next {
			background-position:100% 0;
			right:1px;
		}
		.tweets .flex-direction-nav .flex-prev {
			left:auto;
			right:42px;
		}



/* ========================= Widget ========================= */
		
/* Contact */

.widget .widget-contact form { margin:0px; }
	.widget .widget-contact form input, .widget .widget-contact form textarea { width:100%; }
	.widget .widget-contact .alert { margin:10px 0px 0px; }
		.widget .widget-contact .alert.alert-info strong { color:#4a4a4a !important; }
		.widget .widget-contact .alert .close { margin-top:2px; }

/* Flickr */
	
.widget .widget-flickr ul { margin:0px; }
	.widget .widget-flickr ul li {
		display:inline;
		margin:0px !important;
		padding:0px !important;
		border:none !important;
	}
		.widget .widget-flickr ul li img {
			width:23%;
			margin:1%;
			background-color:#FFF;
			-webkit-transition:opacity .2s ease-in-out;
			-moz-transition:opacity .2s ease-in-out;
			-ms-transition:opacity .2s ease-in-out;
			-o-transition:opacity .2s ease-in-out;
			transition:opacity .2s ease-in-out;
		}
		.widget .widget-flickr ul li img:hover {
			-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
			filter:alpha(opacity=50);
			opacity:.5;	
		}



/* ========================= Bottom ========================= */

#footer {
	background:#333 url(../images/base-bottom.jpg) repeat;
	color:#c0c0c0;
	padding-top:60px;
}
	#footer .header {
		margin-bottom:30px;
		background:url(../images/sep-border-bottom.png) repeat-x center center;
	}
		#footer .header h4 {
			display:inline;
			background-color:#333;
			font-family:'PT Sans', Arial, sans-serif;
			text-transform:uppercase;
			color:#FFF;
			font-size:16px;
			line-height:20px;
			padding-right:15px;
			font-weight:bold;
		}
	#footer a { color:#FFF; }
	#footer a:hover { color:#a9a9a9; }
	#footer strong { color:#FFF; }
	#footer .widget { padding-bottom:40px; }
	
	#footer .copyright {
		overflow:hidden;
		color:#a9a9a9;
		font-family:'Bree Serif', serif;
		padding:24px 0px 20px;
		margin-top:20px;
		background:url(../images/sep-footer-copyright.png) no-repeat top center;
	}
		#footer .copyright p { margin:2px 0px; }
		#footer .copyright a { color:#FFF; }
		#footer .copyright a:hover { color:#a9a9a9; }
		#footer .copyright ul.social { margin:0px; }
			#footer .copyright ul.social li {
				display:inline;
				list-style-type:none;
			}
			#footer .copyright ul.social li:last-child { padding-right:0px; }
				#footer .copyright ul.social li img {
					width:24px;
					height:24px;
				}
				#footer .copyright ul.social li a:hover {
					-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=70)";
					opacity:0.7;
					filter:alpha(opacity=70);	
				}



/* ========================= CSS Hacks ========================= */

.ie input[type="text"] { line-height:44px; }

.ie .tbl-pricing .column .tbl-header h4, .ie .tbl-pricing .column .tbl-header .price, .ie .tbl-pricing .column ul {
	padding-left:15px;
	padding-right:15px;
}
	
.ie .nav-menu ul li a { padding:15px 28px; }	

.ie #slider { padding:120px 0px 70px; }
.ie #slider .header { margin-bottom:15px; }
.ie #slider .header h2 {
	font-size:20px;
	padding:5px 12px;
	line-height:42px;
}
.ie #slider p {
	color:#f0f0f0;
	font-size:16px;
	line-height:24px;
}
	
.ie #main .teams .item .content { padding:16px; }

.ie #footer .copyright p {
	float:none;
	text-align:center;
}
.ie #footer .copyright ul.social { display:none; }

.ie7 .btn i, .ie7 input[type="button"] i, .ie7 input[type="submit"] i, .ie7 input[type="reset"] i, .ie7 button i { display:none !important; }

.ie7 .tbl-pricing .column {
	border-left:0px;
	border-right:0px;	
}

.ie7 #main .features .item i {
	width:76px;
	height:76px;
}

.ie7 #main .portofolio .info-text { margin-left:0px; }

.ie7 .tweets .flexslider li { padding-right:0px; }

.ie7 .widget .widget-contact form input[type="text"], .ie7 .widget .widget-contact form textarea { width:86%; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
	
	#navigation .select-nav select {
		background:rgba(0,0,0,0);
		-webkit-appearance:none;
	}
	
}


	
/* ========================= Media Queries ========================= */

@media (min-width: 980px) and (max-width: 1199px) {
	
	.tbl-pricing .column .tbl-header h4, .tbl-pricing .column .tbl-header .price, .tbl-pricing .column ul {
		padding-left:15px;
		padding-right:15px;
	}
	
	.nav-menu ul li a { padding:15px 28px; }
	
	#slider { padding:120px 0px 70px; }
	#slider .header { margin-bottom:15px; }
	#slider .header h2 {
		font-size:20px;
		padding:5px 12px;
		line-height:42px;
	}
	#slider p {
		font-size:16px;
		line-height:24px;
	}
	
	#main .teams .item .content { padding:16px; }
	
}

@media (min-width: 768px) and (max-width: 979px) {
	
	.tbl-pricing .column .tbl-header h4, .tbl-pricing .column .tbl-header .price, .tbl-pricing .column ul {
		padding-left:10px;
		padding-right:10px;
	}
	
	.nav-menu ul li a { padding:15px 16px; }
	
	#slider { padding:110px 0px 60px; }
	#slider .header { margin-bottom:10px; }
	#slider .header h2 {
		font-size:16px;
		padding:4px 9px;
		line-height:34px;
	}
	#slider p {
		font-size:15px;
		line-height:22px;
	}
	
	#main .teams .item .content { padding:12px; }
	
}

@media (max-width: 767px) {
	
	.responsive { display:block !important; }
	
	.scrollup { display:none !important; }
	
	.tbl-pricing .column.column-recommended { margin-top:0px; }
	
	.main-wrapper {
		margin-left:-20px;
		margin-right:-20px;
		padding-left:20px;
		padding-right:20px;
	}
	
	#header {
		margin-left:-20px;
		margin-right:-20px;
		text-align:center;
		padding:20px 0px;
	}
	#header .logo { float:none; }
	#header .logo img {
		height:auto;
		max-height:60px;
	}
	#header .social {
		float:none;
		padding:20px 0px 0px;
		margin:0px;
		text-align:center;
	}
	#header .social p { margin-bottom:10px; }
	#header .social ul li { padding:0px 2px; }
	#header .social ul li img {
		margin-bottom:8px;
		width:28px;
		height:28px;
	}
	
	.nav-menu { display:none; }
	#navigation.stickit, #navigation.stickit-end {
		position:static;
		top:auto;
		left:auto;
		width:auto;
		height:auto;
		z-index:auto;
	}
	#navigation .select-nav {
		display:block;
		margin-left:-20px;
		margin-right:-20px;
	}
	
	#slider {
		text-align:center;
		margin-left:-20px;
		margin-right:-20px;
		padding-top:60px;
		padding-bottom:60px;
	}
	#slider .flexslider li .container {
		padding-left:20px;
		padding-right:20px;	
	}
	#slider .flex-direction-nav { display:none; }
	#slider .column-two {
		padding-top:40px;
		text-align:center !important;
	}
	
	#main .portofolio { text-align:center; }
	#main .portofolio .nav-carousel {
		float:none;
		width:auto;
	}
	#main .portofolio .nav-carousel a {
		float:none;
		display:inline-block;
	}
	#main .portofolio .item {
		float:left;
		margin-left:10px;
		margin-right:10px;
	}
	
	#main .main-tabs .nav-tabs { height:auto; }
	#main .main-tabs .nav-tabs .tabs {
		position:static;
		left:auto;
		bottom:auto;
		width:auto;	
	}
	#main .main-tabs .nav-tabs .tabs li { display:block; }
	#main .main-tabs .nav-tabs .tabs li a {
		display:block;
		margin-right:0px;
		line-height:18px;
		border-right:1px solid #e9e9e9;
	}
	#main .main-tabs .nav-tabs .tabs li a:hover, #main .main-tabs .nav-tabs .tabs li.active a { border-top:1px solid #e9e9e9; }
	
	#main .clients li {
		float:left;
		margin-left:5px;
		margin-right:5px;
	}
	
	.tweets, #footer {
		margin-left:-20px;
		margin-right:-20px;
		padding-left:20px;
		padding-right:20px;
	}
	
	.tweets { text-align:center; }
	.tweets .tweets-icon {
		position:static;
		width:auto;
		top:auto;
		bottom:auto;
		left:auto;
		padding:8px 0px;
		font-size:24px;
	}
	.tweets .container {
		margin-left:-20px;
		margin-right:-20px;
	}
	.tweets .flexslider { margin-left:0px; }
	.tweets .flexslider li { padding:15px 20px; }
	.tweets .flex-direction-nav {
		position:relative;
		height:40px;
		right:50%;
		margin-right:-41px;
	}
		
	#footer .copyright { text-align:center; }
	#footer .copyright p, #footer .copyright ul.social {
		float:none;
		clear:both;
		display:block;
	}
	#footer .copyright p { margin-bottom:10px; }
	
}

@media (max-width: 480px) {
	
	.nav-carousel {
		display:block;
		float:none;
		text-align:right;
		padding:0px;
	}
	.nav-carousel a {
		float:none;
		display:inline-block !important;
	}
	
	#main .header-carousel { background:none; }
	#main .header-carousel h4 {
		display:block;
		padding-bottom:10px;
		border-bottom:4px double #e0e0e0;	
	}
	
	#main .portofolio .nav-carousel { text-align:center; }
		
}

@media (max-width: 480px) {
	
	#slider .header h2 {
		font-size:20px;
		padding:5px 12px;
		line-height:42px;
	}
	
}

@media (max-width: 400px) {
	
	#slider .header { margin-bottom:15px; }
	#slider .header h2 {
		font-size:16px;
		padding:4px 9px;
		line-height:34px;
	}
	#slider p {
		font-size:16px;
		line-height:24px;
	}
		
	#main .testimonials .item .content { padding-bottom:0px; }
	#main .testimonials .item .content .profile {
		position:static;
		margin-top:20px;
	}
	#main .testimonials .item .content .profile figure {
		width:100%;
		height:auto;
		float:none;
		margin:0px 0px 10px;
	}
	#main .testimonials .item .content .profile .name {
		float:none;
		display:block;
		text-align:center;
		margin-top:10px;
	}
		
}

@media (max-width: 300px) {
	
	#slider .header { margin-bottom:10px; }
	#slider .header h2 {
		font-size:15px;
		padding:3px 6px;
		line-height:28px;
	}
	#slider p {
		font-size:15px;
		line-height:22px;
	}
	
	#main .teams .item .content { padding:12px; }
	
}