@charset "utf-8";

/*
Theme Name: Direct
Description: Responsive Business WordPress Theme.
Author: Themex
Author URI: http://www.themeforest.net/user/themex/
Version: 1.0
Tags: Unlimited-columns, responsive-design, custom-background, localization-ready
*/

/*--------------------CSS Structure--------------------

1. RESET/GLOBAL
		Global Styles
		Form Elements
		Misc Styles
		
2. CUSTOM ELEMENTS
		Lists
		Arrows
		Buttons				
		Dropcaps
		Dividers
		Alerts
		Pricing Tables
		Pricing Lists
		Tabs
			- Horizontal
			- Vertical
		Toggle Contents
		Block Titles
		Embedded Video
		
3. LAYOUT
		Columns
		Containers
		Header
			- Dropdown Menu
			- Select Menu
			- Search Form
			- Social Links
		Content
		Footer
		
4. SLIDERS
		Header Slider
		Gallery Slider
		Portfolio Slider	
		
5. PAGE STYLES
		Portfolio
			- Items
			- Filter
			- Tiled Layout
			- Separated Layout
		Blog
			- Single Post
			- Featured Blog
			- Blog Listing
			- Comments
			- Pagination
		Contact Page
		404 Page
		
6. WIDGETS
		Latest Posts
		Newsletter		
		Twitter
		Flickr
		Google Map
		Tags Cloud
		Testimonials
		Search

7. RESPONSIVE STYLES
		768-999
		480-767
		0-767
		0-479
		
8. CSS3 EFFECTS

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

/* ============================== RESET/NORMALIZE =========================== */

/*-------------------------------- Global Styles -----------------------------*/

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; outline:none; }

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

body {
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	color:#000;
	font-size:13px;
	line-height:1.5em;
	background:#fff url(images/patterns/pattern_6.png);
	background-attachment:fixed;
	background-position:center top;
}

address {
	margin: 0 0 1.5em;
	padding: 0;
	font-style: normal;
}

table {
	width:100%;
	border:1px solid #ddd;
	border-right-width:0;
	border-bottom-width:0;
	border-spacing: 0;
	border-collapse: collapse;
}

thead {
	font-size:1em;
	background-color:#222;
	color:#fff;
}

th,td {
	padding:0.5em 10px;
	border:1px solid #ddd;
	border-left-width:0;
	border-top-width:0;
}
	
p {
	margin:0 0 1em 0;
	padding: 0;
}

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

a {
	text-decoration:none;
	color: #F17B36;
}

a:hover {
	color:#000;
}

h1, h2, h3, h4, h5, h6, th {
	font-weight:bold;
	line-height:1em;
}

h1 {
	font-size:1.5em;
	margin-bottom: 0.7em;
}

h2 {
	font-size:1.4em;	
	margin-bottom: 0.6em;
}

h3	{
	font-size:1.3em;
	margin-bottom:0.7em;
}
				
h4	{
	font-size:1.2em;
	margin-bottom:0.85em;
}

h5 {
	font-size:1.1em;
	margin-bottom:0.6em;
} 

h6	{
	font-size:1em;
	margin-bottom:0.8em;
}

pre, code {
    font-family: mono-space,monospace;
    overflow: auto;
    padding: 30px;
    white-space: pre;
}

blockquote {
    font-style: italic;
    color: #000;
    line-height: 1.5em;
	margin-bottom:1em;
	padding:0.5em 0 0.5em 20px;	
	font-size:1.1em;
	background:url(images/quote_icon.png) 0 0 no-repeat;
}

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

input, select, textarea {
	width:auto;
	padding:0.5em 9px;
	font-size:1em;
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	color:#6c6b6b;
	border:1px solid #ddd;
	background:#fff;
	outline:none;
	margin:0 0 1em 0;
}

textarea {
	resize:none;
} 

input[type="text"]:focus,
select:focus,
textarea:focus {
	border-color:#ccc;
}

input[type="submit"],
input[type="button"] {
	margin:0;
	border:0;
	padding:0;
	background:none;
}

/*-------------------------------- Misc Styles ------------------------------*/

.clear {
	clear:both;
}

.hidden {
	display:none;
}

.fullwidth {
	width:100%!important;
	height:auto;
	display:block;
}

.absolute {
	position:absolute;
	left:0;
	right:0;
	z-index:1000;
}

.alignnone {
    margin: 0.5em 0 0 0;
}

.alignright {
    float:right;
    margin: 0 0 1em 20px;
}

.alignleft {
    float:left;
    margin: 0 20px 1em 0;
}

.aligncenter {
    display: block;
	text-align:center;
    margin: 0 auto 1em auto;
}

.aligncenter * {
	text-align:center;
}

.title-icon {
	margin:0 8px -0.4em 0;
}

.bordered {
	border-bottom:3px solid #111;
}

a:hover .bordered {
	border-bottom-color:#F17B36;
}

/* ======================== CUSTOM ELEMENTS ========================= */

/*------------------------------- Lists ------------------------------*/

ol, ul {
	list-style: none;
	margin:0 0 1em;
	padding: 0;
}
				
ul li, ol li {
	margin:0 0 0.5em 0;
}

ul li a,
ol li a { text-decoration:none; }

ol {
	padding-left:2.1em;
}

ol li{
	list-style: decimal-leading-zero;
}

ol.style-1 li{
	list-style: decimal;
}

ul li{
	padding:0 0 0 20px;
	background:url(images/bullet_1.png) left 0.35em no-repeat;
}

ul.style-1 li,
li.style-1 {
	background-image:url(images/bullet_2.png);
}

ul.style-2 li,
li.style-2 {
	background-image:url(images/bullet_3.png);
}

ul.style-3 li,
li.style-3 {
	background-image:url(images/bullet_4.png);
}

/*------------------------------ Arrows ---------------------------------*/

.arrow.large {
	height:30px;
	width:30px;
	background:#222 url(images/large_arrows.png);	
	cursor:pointer;
}

.arrow.large.arrow-right {
	background-position:-30px 0;
}

.arrow.small {
	height:26px;
	width:26px;
	background:#222 url(images/small_arrows.png);	
	cursor:pointer;
}

.arrow.small.arrow-right {
	background-position:-26px 0;
}

.arrow:hover {
	background-color:#F17B36;
}

.corner-bottom {
	border:5px solid transparent;
	border-top-color:#F17B36;
	width:0;
	height:0;
	margin:0 auto -10px auto;
}

.corner-right {
	border:5px solid transparent;
	border-left-color:#222;
	width:0;
	height:0;
	margin:0 auto -10px auto;
}

/*----------------------------- Buttons -----------------------------*/

.button,
input[type="submit"],
input[type="button"] {
	display:inline-block;
	cursor:pointer;	
	background-color:#FF4E50;
	color:#fff!important;
	text-shadow:0 -1px 0 rgba(0,0,0,0.15);
	position:relative;
	background:#F17B36 url(images/bottom_shadow.png) left bottom repeat-x;
}

input[type="submit"],
input[type="button"] {
	padding:0.5em 10px;
}

.button.style-2 {
	background-color:#777;
}

.button span {
	margin-bottom:3px;
	display:block;
	padding:0.4em 10px 0.3em 10px;
}

.button.tiny span {
	padding:0.3em 10px 0.2em 10px;
}

.button.medium span{
	font-size:1.15em;
}

.button.large span{
	font-size:1.3em;
}

.button:hover span{
	background-color:rgba(255,255,255,0.1);
}

.button.grey {
	background-color:#777;
}

input[type="submit"]:active,
input[type="button"]:active,
.button:active {
	background-image:none;
}

/* ---------------------------- Dropcaps ------------------------------*/

.dropcap {
    width:1.3em;
	height:1.3em;
	line-height:1.2em;
	float:left;
	text-align:center;
	font-size: 1.8em;
	margin-right:10px;
	text-transform:uppercase;
	background:#222;
	font-weight:bold;
	color:#fff;
}

.dropcap.style-2{
	color:#2B2B2B;	
	background:transparent;
	border:2px solid #2b2b2b;
}

/*--------------------------- Divider ---------------------------*/

.divider {
	width:100%;
	height:1px;
	background:url(images/horizontal_divider.png);
	clear:both;
	margin-bottom:2em;
}

/* ------------------------------ Alerts --------------------------------*/

.alert{
	margin-bottom:2em;
	padding:1em 20px 0 20px;
	border:1px solid #ddd;
	border-bottom-width:3px;
	background:#F5F3F5;
}

/*---------------------------- Pricing Tables ---------------------------*/

.pricing-table {
	float:left;
	width:100%;
	overflow:hidden;
	margin:0 -2px 2em 0;
	border:1px solid #ddd;
	border-bottom-width:3px;
	background:#fff;
}

.pricing-table .pricing-header {
	overflow:hidden;
	background:#F5F3F5 url(images/striped_bg.png);
	border-bottom:3px solid #ddd;
	text-align:center;
	padding:1em 20px;
}

.pricing-table .pricing-title {
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
}

.pricing-table .price {
	text-align:center;
	margin-top:0.5em;
	color:#333;
}

.pricing-table .price span {
	font-weight:bold;
	color:#000;
}

.pricing-table .pricing-content {
	padding:1em 20px;
}

.pricing-table .pricing-footer {
	text-align:center;
	padding:1em 20px;
	background:#F5F3F5;
	border-top:1px solid #ddd;
}

.pricing-table .pricing-content ul {
	margin:0;
}

.pricing-table.featured {
	position:relative;
	z-index:3;
	margin-top:-0.5em;	
}

.pricing-table.featured .pricing-content {
	padding:1.5em 20px;	
}

/*---------------------------- Pricing Lists ----------------------------*/

.pricing-column {
	float:left;
	overflow:hidden;
	border:1px solid #ddd;
	border-bottom-width:3px;
	margin:0 -2px 2em 0;
	background:#fff;
}

.pricing-column .pricing-header {
	background:#404040;
}

.pricing-column .pricing-title {
	background:#222;
	color:#fff;
	text-align:center;
	padding:0.5em 0;
	font-size:1.4em;
	font-weight:bold;
}

.pricing-column .price {
	color:#fff;
	text-align:center;
	padding:0.5em 20px;
	text-shadow:0 -1px 0 #222;
}

.pricing-column .price span {
	font-weight:bold;
}

.pricing-column .pricing-content {
	overflow:hidden;
	padding:1em 0;
	text-align:center;
}

.pricing-column .pricing-content ul {
	margin:0;
}

.pricing-column .pricing-content ul li {
	padding:0.5em 20px;
	background:#fff;
	margin:0;
}

.pricing-column .pricing-content ul li:nth-child(even) {
	background:#F1F1F1;
}

.pricing-column .pricing-footer {
	text-align:center;
	padding:1em 20px;
	background:#F5F3F5;
	border-top:1px solid #ddd;
}

.pricing-column.featured {
	position:relative;
	z-index:3;
	margin-top:-0.5em;
}

.pricing-column.featured  .pricing-content {
	padding:1.5em 0;	
}

.pricing-column.features-list {
	border-width:0;
}

.pricing-column.features-list .pricing-header,
.pricing-column.features-list .pricing-footer {
	position:relative;
	left:-100%;
}

.pricing-column.features-list .pricing-content {
	border:1px solid #ddd;
}

.pricing-column.features-list ul li {
	text-align:left;
}

/*--------------------------------- Tabs -------------------------------*/

.tabs-container {
	margin-bottom:2em;
	overflow:hidden;
}

.tabs-container ul.tabs{
	margin:0;
	display:block;
}

.tabs-container .panes{
	overflow:hidden;	
	position:relative;
	z-index:0;
}

.horizontal-tabs ul.tabs li{
	padding:6px 20px;
	margin:0;
	float:left;
	background:none;
	border-top:1px solid #DDD;
	border-left:1px solid #DDD;
	cursor:pointer;
	background-color:#F5F3F5;
	color:#444;
}

.horizontal-tabs .corner-right {
	display:none;
}

.horizontal-tabs .panes {
	width:100%;
	overflow:hidden;
	clear:left;
}

.horizontal-tabs ul.tabs li:hover {
	background-color:#EDEDED;
}

.horizontal-tabs ul.tabs li:last-child{
	border-right:1px solid #DDD;
}

.horizontal-tabs ul.tabs li.current{
	background-color:#fff;
	padding-bottom:7px;
	margin-bottom:-1px;
	position:relative;
	z-index:1;
	color:#333;
	font-weight:bold;
}

.horizontal-tabs .pane {
	display:none;
	padding:1em 20px;
	border:1px solid #DDD;
	overflow:hidden;
}

.vertical-tabs ul.tabs {
	border:1px solid #ddd;
	border-bottom-width:3px;
}

.vertical-tabs ul.tabs li {
	display:block;
	margin:0;
	padding:0.5em 20px;
	background:none;
	position:relative;
	cursor:pointer;
	background:#F5F3F5;
	border-bottom:1px solid #ddd;
}

.vertical-tabs ul.tabs li:hover {
	background:#EDEDED;
}

.vertical-tabs ul.tabs li .corner-right {
	display:none;
	position:absolute;
	right:-10px;
	top:35%;
}

.vertical-tabs ul.tabs li.current {
	background:#222;
	color:#fff;
	font-weight:bold;
}

.vertical-tabs ul.tabs li.current .corner-right {
	display:block;
}

.vertical-tabs .pane {
	display:none;
}

.vertical-tabs .pane .column {
	margin-bottom:0;
}

/*--------------------------- Toggle Contents ---------------------------*/

.toggle {
	overflow:hidden;
	position:relative;
	margin-bottom:1em;
}

.toggle .toggle-title {
	padding:0.5em 20px;
	cursor:pointer;
	border:1px solid #ddd;
}

.toggle .toggle-title:hover,
.toggle.expanded .toggle-title {
	border-color:#ccc;
	background:#F5F3F5;
}

.toggle .toggle-content{
	padding:1em 19px;
	display:none;
	border:1px solid #ddd;
	border-top-width:0;	
	overflow:hidden;
}

.toggle .expand-icon {
	position:absolute;
	right:12px;
	top:0.9em;
	height:10px;
	width:10px;
	color:#fff;
	cursor:pointer;
	background:url(images/expand_icons.png) -7px -31px no-repeat;
}

.toggle.expanded .expand-icon {
	background-position:-31px -31px;
}

.toggle.expanded .toggle-title {
	font-weight:bold;
}

/*-------------------------------- Block Titles -----------------------------*/

.block-title {
	width:100%;
	overflow:hidden;
	margin-bottom:1em;
	background:url(images/horizontal_divider.png) 0 bottom repeat-x;
}

.block-title span {
	color:#fff;
	background:#222;
	display:block;
	float:left;
	padding:0 10px;
	line-height:26px;
	font-weight:bold;
}

.block-title .arrow {
	float:left;
	border-left:1px solid #fff;
}

.block-title .block-link {
	border-left:1px solid #fff;
}

.block-link {
	width:26px;
	height:26px;
	background:#222 url(images/block_links.png) 0 0 no-repeat;
	display:block;
	float:left;
}

.block-link:hover {
	background-color:#F17B36;
}

.block-link.zoom {
	background-position:0 -26px;
}

.page-title {
	width:1000px;
	margin:3em auto 0 auto;
	position:relative;
	z-index:3;
	overflow:hidden;
}

.page-title span {
	display:block;
	float:left;
	background:#222;
	padding:0.5em 20px;
	color:#fff;
	font-size:1.4em;
	line-height:1.5em;
	font-weight:bold;
}

/* --------------------------- Embedded Video ------------------------*/

.video {
	overflow:hidden;
	margin-bottom:2em;
}

.video iframe {
	width:100%!important;
	display:block;
}

/* ============================== Layout =========================== */

/*------------------------------ Columns ----------------------------*/

.column {
	float:left;
	margin:0 20px 1em 0;
}

.last {
	margin-right:0!important;
}

.one-half { width:460px; }
.one-third {	width:300px; }
.one-fourth { width:220px; }
.two-third { width:620px; }
.three-fourth { width:700px; }

.cols-5 { width:20%; }
.cols-4 { width:25%; }
.cols-3 { width:33.33%; }
.cols-2 { width:50%; }

/*------------------------------- Header ------------------------------*/

.header-wrapper {
	width:1000px;
	margin:0 auto;
}

.header {
	width:100%;
	position:relative;
	z-index:1000;	
}

.supheader {
	padding:2em 20px;
	background:#fff;
}

.supheader .logo {
	float:left;
	font-size:2em;
	color:#000;
	font-weight:bold;
}

.supheader .logo a {
	color:#000;
}

.supheader .logo img {
	margin-right:6px;
}

.supheader .header-sidebar {
	float:right;
}

.supheader .header-sidebar .widget-container {
	margin-bottom:0;
}

.subheader {
	background:#222;
}

.header-options {
	float:right;
	overflow:hidden;
	padding:13px 20px;
}

/*---------------------------- Dropdown Menu -------------------------*/

.subheader .menu {
	float:left;
}

.subheader .menu ul {
	margin:0;
	padding:0;
	display:block;
}

.subheader .menu ul li {
	position:relative;
	padding:0;
	margin:0;
	background:none;
}

.subheader .menu ul li a {
	text-shadow:0 -1px 0 rgba(0,0,0,0.15);
	color:#fff;
	display:block;
}

.subheader .menu > ul > li {
	float:left;
}

.subheader .menu > ul > li > a {	
	padding:0 20px;
	height:56px;
	line-height:56px;
	font-weight:bold;
}

.subheader .menu > ul > li:hover > a,
.subheader .menu > ul > li.hover > a {
	background:#404040 url(images/bottom_shadow.png) left bottom repeat-x;
}

.subheader .menu > ul > li.current_page_item > a,
.subheader .menu > ul > li.current_page_parent > a,
.subheader .menu > ul > li.current-menu-item > a {
	background:#F17B36 url(images/bottom_shadow.png) left bottom repeat-x;
}

.subheader .menu > ul > li ul {
	position:absolute;
	background:#404040;
	display:none;
	min-width:170px;
}

.subheader .menu > ul > li ul  li {
	border-bottom:1px solid #4A4A4A;
}

.subheader .menu > ul > li ul  li:last-child {
	border-bottom-width:0;
}

.subheader .menu > ul > li ul  li a{
	padding:0.5em 30px 0.5em 20px;
}

.subheader .menu > ul > li ul  li a:hover,
.subheader .menu > ul > li ul  li.hover > a {
	background:#222;
}

.subheader .menu > ul > li > ul > li ul {
	left:100%;
	top:0;
}

/*--------------------------------- Select Menu -------------------------------*/

.select-menu {
	display:none;
	position:relative;
	cursor:pointer;
	padding:0 20px 0 40px;
	line-height:56px;
	height:56px;
	color:#fff;	
	float:left;
	font-weight:bold;
	background:url(images/select_arrow.png) 12px 15px no-repeat;
}

.select-menu:hover {
	background-color:#404040;
	border-color:transparent;
}

.select-menu select {
	height:56px;
	border:0;
	padding:0;
	margin:0;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	display:none;
	cursor:pointer;
}

/*---------------------------- Search Form -------------------------*/

.search-form {
	float:left;
	overflow:hidden;
}

.search-form input[type="text"] {
	margin:0;
	border-width:0;
	background:#404040;
	color:#DFDFD6;
	float:left;
	width:130px;
	line-height:18px;
	padding:6px 30px 6px 10px;
}

.search-form input[type="text"]:focus {
	background:#555;
	color:#fff;
}

.search-form input[type="submit"] {
	height:30px;
	width:30px;
	margin-left:-30px;
	float:left;
	cursor:pointer;
	float:left;
	background:url(images/search_icon.png) center center no-repeat;
}

/*------------------------- Social Links ------------------------*/

.social-links {
	float:left;
	overflow:hidden;	
}

.social-links a {
	display:block;
	float:left;
	width:30px;
	height:30px;
	margin-left:1px;
	background:#404040 url(images/social_icons.png);
}

.social-links a.rss {background-position:-30px 0;}
.social-links a.facebook{background-position:-60px 0;}
.social-links a.youtube {background-position:-90px 0;}
.social-links a.linkedin {background-position:-120px 0;}
.social-links a.flickr {background-position:-150px 0;}
.social-links a.vimeo {background-position:-180px 0;}
.social-links a.tumblr {background-position:-210px 0;}
.social-links a.google {background-position:-240px 0;}
.social-links a.dribbble {background-position:-270px 0;}

.social-links a:hover {background-color:#1FA6E3;}
.social-links a.rss:hover {background-color:#FF8C00;}
.social-links a.facebook:hover {background-color:#5474AC;}
.social-links a.youtube:hover {background-color:#DF3633;}
.social-links a.linkedin:hover {background-color:#4B9BC1;}
.social-links a.flickr:hover {background-color:#bbb;}
.social-links a.vimeo:hover {background-color:#00A2E4;}
.social-links a.tumblr:hover {background-color:#5876A2;}
.social-links a.google:hover {background-color:#437BDA;}
.social-links a.dribbble:hover {background-color:#DF518C;}

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

.content {
	width:940px;
	padding:3em 30px 2em 30px;
	margin:0 auto;
	position:relative;
	z-index:3;
	overflow:hidden;
	border-top:3px solid #222;
	border-bottom:3px solid #222;
	background:#fff;
}

.sidebar-right {
	background:#fff url(images/vertical_divider.png) 670px 0 repeat-y;
}

.sidebar-left {
	background:#fff url(images/vertical_divider.png) 330px 0 repeat-y;
}

.sidebar {
	width:280px;
	overflow:hidden;
}

.sidebar-right  .sidebar  {
	padding-left:20px;
	float:right;
}

.sidebar-left  .sidebar  {
	padding-right:20px;
	margin-right:20px;
	float:left;
}

.sidebar-left > .column {
	float:right;
}

.sidebar-left > .column,
.sidebar-right > .column {
	margin-bottom:0;
}

.background {
	position:fixed;
	width:100%;
	left:0;
	top:0;
	z-index:1;
}

.background img {
	display:block;
	width:100%;
	height:auto;
}

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

.footer {
	width:940px;
	padding:2em 30px 0 30px;
	margin:3em auto 0 auto;
	background:#222;
	overflow:hidden;
	color:#ddd;
	position:relative;
	z-index:2;
}

/* ============================== Sliders =========================== */

/*--------------------------- Header Slider --------------------------*/

.header-slider {
	width:100%;
	margin:3em 0 0 0;
	overflow:hidden;
	position:relative;
	z-index:5;
}

.header-slider ul {
	display:block;
	width:100%;
	margin:0;
	overflow:hidden;	
}

.header-slider ul li{
	width:100%;	
	display:block;
	margin:0;
	float:left;
	padding:0;
	background:none;
}

.header-slider ul li  img{
	width:100%;
	height:auto;
	display:block;
}

.header-slider ul li .video {
	margin:0;
}

.header-slider .caption-wrapper {
	left:20px;
	bottom:20px;
	position:absolute;
}

.header-slider .caption {
	width:1000px;
	overflow:hidden;
	margin:0 auto;
}

.header-slider .caption .column {
	color:#fff;
	padding:1.5em 20px 0.5em 20px;
	float:left;
	margin:0;
	background:url(images/bg_black_70.png);
}

.header-slider  .caption-title {
	color:#fff;
	background:url(images/horizontal_divider_2.png) 0 bottom repeat-x;
	padding-bottom:0.8em;
	margin-bottom:0.5em;
}

.header-slider .controls {
	position:absolute;
	bottom:20px;
	right:20px;
	z-index:10;
	overflow:hidden;
}

.header-slider .arrow {
	float:right;
	margin-left:1px;
}

/*---------------------------- Gallery Slider --------------------------*/

.gallery-slider {
	width:100%;
	overflow:hidden;
	position:relative;
	z-index:5;
}

.gallery-slider ul {
	display:block;
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
}

.gallery-slider ul li{
	width:100%;
	display:block;
	float:left;
	padding:0;
	background:none;
}

.gallery-slider ul li  img{
	width:100%;
	height:auto;
	display:block;
}

.gallery-slider .controls {
	position:absolute;
	left:10px;
	top:10px;
	z-index:10;
	overflow:hidden;
}

.gallery-slider .arrow,
.gallery-slider .zoom {
	float:left;
	margin-left:1px;
}

ul.portfolio-meta {
	border:1px solid #ddd;
	border-bottom-width:3px;
	margin-bottom:1.5em;
}

ul.portfolio-meta li {
	display:block;
	margin:0;
	padding:0.5em 20px;
	background:none;
	position:relative;
	background:#F5F3F5;
	border-bottom:1px solid #ddd;
}

/*--------------------------- Portfolio Slider ----------------------------*/

.portfolio-slider-wrapper {
	width:100%;
	margin-bottom:1em;
	overflow:hidden;
}

.portfolio-slider {
	overflow:hidden;
	width:100%;
	height:auto!important;
}

.portfolio-slider > ul ,
.portfolio-slider > ul > li {
	margin:0;
	padding:0;
	display:block;
}

.portfolio-slider > ul > li  {
	overflow:hidden;
}

.portfolio-slider > ul > li img {
	width:100%;
	display:block;
	height:auto;
}

/* ============================== PAGE STYLES =========================== */

/*--------------------------- Portfolio Items ----------------------------*/

.portfolio-item {
	overflow:hidden;
	margin-bottom:2em;
}

.portfolio-thumb {
	position:relative;
	overflow:hidden;
	float:left;
}

.portfolio-thumb img {
	width:100%;
	height:auto;
	display:block;
}

.portfolio-thumb .caption {	
	overflow:hidden;
	padding:0.5em 10px;
	text-align:center;
}

.portfolio-thumb .caption a {
	color:#fff;	
}

.portfolio-thumb.disabled .caption {
	display:none;
}

.portfolio-thumb.disabled a {
	cursor:default;
}

.portfolio-item .video {
	margin:0;
}

.portfolio-slider .portfolio-thumb img{
	border-bottom:3px solid #222;
}

.portfolio-slider .portfolio-thumb .caption {
	border-bottom-color:red;
}

/*--------------------------- Portfolio Filter----------------------------*/

.portfolio-filter {
	width:100%;
	background:url(images/horizontal_divider.png) 0 bottom repeat-x;
	margin-bottom:2em;
}

.portfolio-filter ul {
	margin:0;
}

.portfolio-filter ul li {
	margin:0;
	padding:0;
	background:none;
	float:left;
}

.portfolio-filter a {
	color:#fff;
	background:#222;
	display:block;
	padding:0 10px;
	line-height:26px;
	font-weight:bold;
	border-right:1px solid #fff;
	position:relative;
}

.portfolio-filter li.current a{
	background:#F17B36;
}

.portfolio-filter li .corner-bottom {
	display:none;
}

.portfolio-filter li.current .corner-bottom {
	display:block;
}

/*--------------------------- Tiled Portfolio ---------------------------*/

.tiled-portfolio {
	overflow:hidden;
	margin-bottom:2em;
}

.tiled-portfolio .portfolio-thumb {
	border:1px solid #fff;
	border-bottom-width:0;
	border-right-width:0;
	margin:-1px 0 0 -1px;
}

.tiled-portfolio .portfolio-thumb img {
	
}

.tiled-portfolio .portfolio-thumb .caption {	
	position:absolute;
	bottom:-100%;
	left:0;
	right:0;
	background:url(images/bg_black_70.png);
	border-bottom:3px solid #000;	
}

/*------------------------- Separated Portfolio -------------------------*/

.separated-portfolio {
	overflow:hidden;
	width:1000px;
}

.separated-portfolio .portfolio-thumb .caption {	
	background:#222;
}

.separated-portfolio .portfolio-thumb {
	margin-bottom:1.5em;
}

/*------------------------------ Single Post --------------------------------*/

.full-post .featured-image {
	margin-bottom:2em;
	overflow:hidden;
	position:relative;
}

.featured-image img {
	display:block;
	width:100%;
	height:auto;
}

.featured-image iframe {
	width:100%!important;
	display:block;
}

.post-meta .comments {
	float:left;
	padding:0.3em 0;
	color:#fff;
	font-size:0.8em;
	margin-right:8px;
	width:20px;
	text-align:center;
	background:url(images/comments_icon.png) left 0.5em no-repeat;
}

.post-meta .date {
	color:#777;
	float:left;
	padding-top:0.3em;
}

.post-meta .categories {
	color:#777;
	float:left;
	padding:0.3em 0 0 16px;
	margin-left:6px;
	background:url(images/category_arrow.png) 0 0.7em no-repeat;
}

.full-post .post-title {
	background:url(images/horizontal_divider.png) 0 bottom repeat-x;
	padding-bottom:0.7em;
	margin-bottom:0.5em;
}

.full-post .post-meta {
	width:100%;
	overflow:hidden;
	margin:-0.5em 0 0.5em 0;
}

.full-post .post-content {
	margin-bottom:2em;
}

.full-post .tagcloud {
	overflow:hidden;
	width:100%;
	padding-top:0.5em;
}

.full-post .zoom {
	position:absolute;
	left:10px;
	top:10px;
}

/*----------------------------- Featured Blog ---------------------------*/

.featured-blog {
	overflow:hidden;
	margin-bottom:1em;
	clear:left;
}

.featured-blog .post .featured-image {
	border-bottom:3px solid #222;
}

.featured-blog .post-content {
	padding:1em 15px 0;
	border:1px solid #ddd;
	border-bottom-width:3px;
	background:#F5F3F5;
}

.featured-blog .post-title a {
	color:#000;
}

.featured-blog .post-title a:hover {
	color:#F17B36;
}

.featured-blog .post-meta {
	border-top:1px dotted #ccc;
	padding:1em 0;
	overflow:hidden;
}

.featured-blog .post-meta .button {
	float:right;
}

/*-------------------------------- Blog Listing -----------------------------*/

.blog .post {
	overflow:hidden;
	margin-bottom:2em;
}

.blog .post-title {
	background:url(images/horizontal_divider.png) 0 bottom repeat-x;
	padding-bottom:0.7em;
	margin-bottom:0.5em;
}

.blog .post-title a {
	color:#222;
}

.blog .post-content {
	width:380px;
	float:left;
}

.blog .post-meta {
	width:100%;
	overflow:hidden;
	margin:-0.5em 0 0.5em 0;
}

/*------------------------------Comments-----------------------------*/

.comment-list {
	overflow:hidden;
	clear:both;
}

.comment-list ol {
	display:block;
	padding:0 0 1.5em 0;
	margin:0;
}

.comment-list ol li {
	list-style:none;
	padding:0;
	display:block;
	margin-bottom:1.5em;
	background:none;
	overflow:hidden;
}

.comment-list ol li:last-child {
	margin:0;
}

.comment-list ol li p {
	margin:0;
}

.comment-list ol li .avatar-container {
	float:left;	
	text-align:center;
	margin-right:15px;
}

.comment-list ol li .avatar-container img {
	display:block;
	border-bottom:3px solid #222;
	margin-bottom:0.2em;
}

.comment-list ol li .avatar-container a {
	font-size:0.9em;
}

.comment-list ol li .comment-meta {
	overflow:hidden;
	margin-bottom:0.5em;
}

.comment-list ol li .author {
	font-weight:bold;
}

.comment-list ol li .author a {
	color:#333;
}

.comment-list ol li .date {
	color:#777;
}

.comment-list ol li ul {
	padding:1.5em 0 0.5em 75px;
	margin:0;
}

.comment-list ol li ul a.comment-reply-link {
	display:none;
}

.comment-form {
	overflow:hidden;
	margin-bottom:2em;
	width:50%;
}

.comment-form form {
	padding:0 10px;
}

.comment-form textarea {
	height:5em;
}

.comment-form input[type="text"],
.comment-form select,
.comment-form .button,
.comment-form textarea {	
	margin-left:-10px;
}

.comment-form input[type="text"],
.comment-form select,
.comment-form textarea {
	display:block;
	width:100%;
}

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

.pagination {
	overflow:hidden;
	clear:both;
	margin-bottom:1em;
}

.pagination a,
.pagination span {
	float:left;
	border:1px solid #ddd;
	width:26px;
	line-height:26px;
	text-align:center;
	margin-right:5px;
	font-weight:bold;
}

.pagination a {
	background-color:#F5F3F5;
	color:#222;	
}

.pagination span,
.pagination a:hover{
	background-color:#222;
	color:#fff;
	border:1px solid #222;	
}

.pagination a.next,
.pagination a.prev{
	height:2em;
	background-image:url(images/small_arrows.png);
}

.pagination a.prev {
	background-position:0 -26px;
}

.pagination a.prev:hover {
	background-position:0 0;
}

.pagination a.next {
	background-position:-26px -26px;
}

.pagination a.next:hover {
	background-position:-26px 0;
}

/*----------------------------- Contact Form ----------------------------*/

.contact-form {
	overflow:hidden;	
	margin-bottom:1em;
}

.contact-form .alert {
	margin-bottom:1em;
}

.contact-form form {
	display:block;
	padding:0 10px;
}

.contact-form textarea,
.contact-form input,
.contact-form select {
	display:block;
	width:100%;
	margin-left:-10px;
}

.contact-form textarea {
	height:90px;
}

.contact-form .captcha,
.contact-form .button {
	margin-left:-10px;
}

.contact-form .captcha {
	width:100%;
	overflow:hidden;
	margin-bottom:1em;
}

.contact-form .captcha img {
	float:left;
	margin-right:10px;
}

.contact-form .captcha input {
	width:60px;
	float:left;
	margin:0;
}

/* ---------------------------- 404 Page ------------------------------*/

.error-404 .number {
	font-size:17em;
	font-weight:bold;
	color:#222;
	line-height:1em;
	text-align:center;
}

.error-404 p {
	text-align:center;
	padding-bottom:2em;
}

/* =============================== WIDGETS ============================ */

.widget-container {
	width:100%;
	overflow:hidden;
	margin-bottom:2em;
}

.widget-container > ul {
	margin:0;
}

.widget-container > ul li {
	background:none;
	padding:0 0 0.5em 0;
	border-bottom:1px dotted #ddd;
}

.widget-container > ul li:last-child {
	border-bottom-width:0;
}

.footer .widget-container {
	margin-bottom:1em;
}

.footer .widget-title {
	color:#fff;
	border-bottom:1px dotted #666;
	padding-bottom:0.8em;
}

.footer .widget-container > ul li {
	border-bottom-color:#333;
}

.footer .widget-container a:hover {
	color:#fff;
}

.footer .widget-container input {
	background:#404040;
	border-color:#404040;
	color:#DFDFD6;
}

.footer .widget-container input:focus {
	background:#555;
	color:#fff;
}

.footer .widget-custom-posts ul.posts {
	padding-top:0.2em;
}

/*---------------------------------Latest Posts---------------------------*/

ul.posts li {
	background-image:none;
	padding:0;
	overflow:hidden;
	clear:both;
	border-bottom-width:0;
}

ul.posts li .featured-image {
	float:left;
	width:20%;
}

ul.posts li  .excerpt {
	float:right;
	width:75%;
}

ul.posts li  h6 {
	margin-bottom:0.25em;
}

/*--------------------------- Subscribe Widget -------------------------*/

.widget-subscribe form{
	display:block;
	overflow:hidden;
}

.widget-subscribe input {
	float:left;
	border-width:0;
}

.widget-subscribe .alert {
	display:none;
	background:#404040;
	border-color:#202020;
	margin-bottom:1em;
}

/*---------------------------- Twitter Widget --------------------------*/

.widget-twitter  ul{
	display:block;
	margin:0;
}

.widget-twitter  ul li {
	display:block;
	overflow:hidden;
	padding-left:24px;
	background:url(images/twitter_icon.png) left 1px no-repeat;
	border-bottom-width:0;
}

/*---------------------------- Flickr Widget ---------------------------*/

.widget-flickr {
	overflow:hidden;
}

.widget-flickr #flickr_badge_wrapper {
	width:105%;
	overflow:hidden;
}

.widget-flickr .flickr_badge_image {
	width:29%;
	float:left;
	position: relative;
	margin-right:3.95%;
	padding-bottom: 0.8em;
}

.widget-flickr .flickr_badge_image img {
	width:100%;
	display:block;
	height:auto;
}

/*------------------------------ Google Map ----------------------------*/

.map-wrapper {
	overflow:hidden;
	padding:0 0 3em 0;
}

.map {
	overflow:hidden;
	height:250px;
	border:1px solid #ddd;	
}

/*------------------------------- Tags Cloud-----------------------------*/

.tagcloud {
	overflow:hidden;
}

.tagcloud a {
	display:block;
	float:left;
	border:1px solid #ddd;
	background:#F5F3F5;
	margin:0 5px 5px 0;
	color:#222;
	padding:0.2em 5px;
	font-size:1em!important;
}

.tagcloud a:hover {
	background:#222;
	color:#fff;
}

/*-------------------------------Testimonials-------------------------*/

.widget-testimonials  ul{
	display:block;
	position:relative;
	left:0;
	top:0;
}

.widget-testimonials  ul li {
	margin:0;
	display:none;
	left:0;
	right:0;
	top:0;
	position:relative;
	padding:1em 15px 0;
	border:1px solid #ddd;
	border-bottom-width:3px;
	background:#F5F3F5;
}

.widget-testimonials .author {
	border-top:1px dotted #ccc;
	padding:1em 0 1em 0;
	overflow:hidden;
	font-weight:bold;
}

/*-------------------------------Search-------------------------*/

.widget_search input[type="text"] {
	margin:0;
	border-width:0;
	background:#404040;
	color:#DFDFD6;
	float:left;
	width:85%;
	line-height:18px;
	padding:6px 30px 6px 10px;
}

.widget_search input[type="text"]:focus {
	background:#555;
	color:#fff;
}

.widget_search input[type="submit"] {
	height:30px;
	width:30px;
	margin-left:-30px;
	float:left;
	cursor:pointer;
	float:left;
	background:url(images/search_icon.png) center center no-repeat;
}

/* ========================= RESPONSIVE STYLES ======================== */

/* -------------- 0-980 ------------ */
@media only screen 
and (max-width : 1000px) {
	.header .menu {
		display:none;
	}
	
	.select-menu {
		display:block;
	}	
}

/* -------------- 0-768 ------------ */
@media only screen 
and (max-width : 767px) {
	
	.comment-form,
	.responsive,
	.column,
	.cols-2,
	.cols-3,
	.cols-4,
	.cols-5 {
		width:100%;
		margin-right:0;
	}
	
	.content,
	.footer {
		padding-right:20px;
		padding-left:20px;
	}
	
	.sidebar-right,
	.sidebar-left {
		background:none;
	}
	
	.sidebar {
		width:100%;
		padding:2em 0;
		margin-bottom:-2em;
	}
	
	.pricing-column.features-list .pricing-header,
	.pricing-column.features-list .pricing-footer {
		display:none;
	}
	
	.portfolio-filter .corner-bottom { display:none!important; }
	
	.portfolio-filter a { margin-bottom:1px; }
	
	.select-menu { border-bottom:1px solid #333; }
	
	.header-options { float:left; }
	
	.pricing-column { margin-bottom:2em;	}	
	
	.vertical-tabs .pane .column { margin-bottom:1em; }
	
	.vertical-tabs .corner-right { display:none!important; }
	
	.featured-blog .post { margin-bottom:2em; }
	
	.header-slider .caption-wrapper { display:none; }
	
	.background { display:none; }
}

/* --------------768-980 ----------- */
@media only screen 
and (max-width : 979px)
and (min-width : 768px) {
	.content,
	.footer	{ 
		width:728px;
	}
	
	.page-title,
	.header-slider .controls,
	.header-slider .caption,
	.header-wrapper {
		width:768px;
	}
	
	.content,
	.footer {
		padding-right:20px;
		padding-left:20px;
	}
	
	.sidebar-right {	background-position:512px 0; }
	.sidebar-left { background-position:249px 0;	}	
	.sidebar { width:209px;	}
	
	.one-half { width:354px; }
	.one-third { width:229px; }
	.one-fourth { width:167px; }
	.two-third { width:479px; }
	.three-fourth { width:541px; }
	
	.blog .post-content { width:260px; }
}

/* -------------- 480-768 ----------- */
@media only screen 
and (max-width : 767px)
and (min-width : 480px) {
	.content,
	.header-options,
	.footer	{
		width:440px;
	}
	
	.page-title,
	.header-slider .controls,
	.header-slider .caption,
	.header-wrapper {
		width:480px;
	}	
	
	.select-menu {
		width:420px;
	}
	
	.cols-2 { width:50%; }	
}

/* -------------- 480-768 ----------- */
@media only screen 
and (max-width : 479px) {
	.content,
	.header-options,	
	.footer	{ 
		width:280px;
	}
	
	.page-title,
	.header-slider .controls,
	.header-slider .caption,
	.header-wrapper {
		width:320px;
	}
	
	.select-menu {
		width:260px;
	}
	
	.horizontal-tabs ul.tabs li {
		float:none;
		border-right:1px solid #ddd;
		margin:0!important;
	}
}

/* =========================== CSS3 EFFECTS =========================== */

a {
	transition: color 0.3s;
	-moz-transition: color 0.3s;
	-webkit-transition: color 0.3s;
	-o-transition: color 0.3s;
}

.portfolio-thumb:hover img,
.featured-image:hover img {
	opacity:0.9;
}

.header .menu li a,
.social-links a,
.toggle-title,
ul.tabs li,
.block-link,
.button span,
.select-menu,
.arrow {
	transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
}

.portfolio-thumb img,
.portfolio-thumb .caption {
	transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
}

img.bordered {
	transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
}

.featured-image img {
	transition: border-color 0.3s, opacity 0.3s;
	-moz-transition: border-color 0.3s, opacity 0.3s;
	-webkit-transition: border-color 0.3s, opacity 0.3s;
	-o-transition: border-color 0.3s, opacity 0.3s;
}

.tagcloud a,
.pagination a {
	transition: background-color 0.3s, color 0.3s, border-color 0.3s;
	-moz-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
	-webkit-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
	-o-transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

.header,
.pricing-table.featured,
.pricing-column.featured {
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.15);
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.15);
	box-shadow:0 0 20px rgba(0,0,0,0.15);
}

.header,
.subheader .menu > ul > li ul,
.header-slider,
.content {
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.3);
	box-shadow:0 0 20px rgba(0,0,0,0.3);
}