/*
Theme Name: Happiness
Theme URI: http://themeforest.net/user/ThemeMakers/portfolio
Author: ThemeMakers
Author URI: http://themeforest.net/user/ThemeMakers
Description: Happiness Premium Wordpress Theme best suits for business, portfolio or presentation sites.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: unlimited-color-variations, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, four-different-sliders, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, post-formats, theme-options, visual-shortcodes, translation-ready
*/


/* ---------------------- 
Stylesheet Guide
-------------------------

01. Reset

02. Basic Elements
	1. Clearfix
	2. Floating & Alignment
	3. Dropcaps
	4. Dividers
	5. Ordered/Unorderd List Styles
	6. Buttons
	7. Forms
	8. Alert Boxes

03. Layout
	1. Columns

04. Header
	1. Main Navigation

05. Slider

06. Content
	1. Back To Top
	2. Page Header
	3. Service List
	4. Team List
	5. Block with Images
	6. Image Gallery Slider
	7. Recent Works

07. Blog
	1. Comments
	2. Respond
	3. Pagination

08. Portfolio
	1. Portfolio Pagination

09. Contact Us
10. 404 Page

11. Sidebar
	1. Widgets
		- Archive
		- Categories
		- Custom Menu
		- Links
		- Twitter

12. Footer
	1. Widgets
		- Recent Comments
		- Social Links

13. Widgets + Shortcodes
	1. Content Tabs
	2. Accordion Content
	3. Content Toggle

14. Keyframes

 */

/* ---------------------------------------------------------------------- */
/*	Reset
/* ---------------------------------------------------------------------- */
	
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    margin:0;
    padding:0;
    font-size:14px;
	outline: none;
	text-decoration:none;
    background:transparent;
	vertical-align:baseline;
}

a, a > * {
	color: #3d7768;
	text-decoration: none;
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	   -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
		-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
		 -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}

a:hover, a > *:hover {color: #121212;}

img {
	height: auto;
	max-width: 100%;
    -ms-interpolation-mode: bicubic;
}

hr {
	clear: both;
	margin: 30px 0 0;
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: double #df7029;
}
	.home.page .slogan hr{
		display: none;
	}

q:before,
q:after {
    content: none;
}

blockquote {
	position: relative;
	margin-bottom: 1.5em;
    padding: 18px 45px 20px 50px;
    background-color: #e9e9e9;
    font: italic 15px/1.6 'Ubuntu', sans-serif;
	color: #a1a1a1;
}

blockquote:after,
blockquote:before {
	position: absolute;
	width: 20px;
	height: 16px;
	background-image: url(images/quote.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	content: '';
}

blockquote:before {left: 20px; top: 20px;}

blockquote:after {
	right: 20px;
	bottom: 20px;
	margin: 5px 0 0 20px;
	background-position: right top;
}

blockquote.right {
    float: right;
    margin: 0 0 25px 30px;
	width: 35%;
}	

blockquote.left {
    float: left;
    margin: 0 30px 25px 0;
    width: 35%;
}

address {
	float: right !important; 
	margin: 0 0 25px 0 !important;
	padding: 20px;
	font-style: normal;
	background-color: #ffd000;
	background-repeat: repeat;
	color: #fff;
}

.google_map,
.custom-table{ margin-bottom: 20px; }

.google_map {
	width: 100%;
	height: 100%;
}

/* ---------------------------------------------------------------------- */
/*	Basic Elements
/* ---------------------------------------------------------------------- */

body {
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x ;
	background-color: #fff;
	color: #6b6b6b;
	font-family: 'Helvetica', sans-serif;
	
}

p {
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height: 30px;
	font-size: 14px;
	text-align: justify;
}

h1 {font-size: 30px;}
h2 {font-size: 26px;}
h3 {font-size: 24px; border-bottom: double #df7029; padding-bottom: 5px; }
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 12px;}

h1, h2, h3, h4, h5 {
	font-family: 'Helvetica', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 15px;
	color: #313131;
	font-weight: 400;
	line-height: 1.25;
}
	.home.page .slogan h1{
		margin-bottom: 0;
		padding-bottom: 0;
	}

#top-panel h1, #top-panel h2, #top-panel h3, #top-panel h4, #top-panel h5, #top-panel h6 {
	color: #8a8989;
}

::selection,
::selection,
::selection,
::selection {
	padding: 1px 3px;
	background-color: #FDBE0F;
	color: #fff;
}

.liquid-video-wrapper {
	position: relative;
	margin: 0 0 20px;
	padding: 0;
	width: 100%;
}

	.liquid-video-wrapper iframe,
	.liquid-video-wrapper object,
	.liquid-video-wrapper embed {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	
	/* -------------------------------------------------- */
	/*	Basic Classes
	/* -------------------------------------------------- */
	
	.wp-caption {
		background: #f1f1f1;
		line-height: 18px;
		margin-bottom: 20px;
		max-width: 632px;
		padding: 4px;
		text-align: center;
	}
	
	.wp-caption-text {
		color: #888;
		font-size: 12px;
		margin: 5px;
	}
	
	.gallery-caption {
		color: #888;
		font-size: 12px;
		margin: 0 0 12px;
	}
	
	.sticky {
		background: #f2f7fc;
	}
	
	.commentlist > li.bypostauthor {
		background: #ddd;
		border-color: #d3d3d3;
	}
	
	/* ---------------------------------------------------------------------- */
	/*	Clearfix
	/* ---------------------------------------------------------------------- */

	.clear {   
		clear: both;
		display: block;
		height: 0;
		overflow: hidden;
		visibility: hidden;
		width: 0;
	}

	.clearfix:after {
		clear: both;
		display: block;
		visibility: hidden;
		height: 0;
		content: ".";
	}

	/* ---------------------------------------------------------------------- */
	/*	Floating & Alignment
	/* ---------------------------------------------------------------------- */

	.hidden { display: none; }

	.alignleft { float:left; }

	.alignright { float:right; }

	.aligncenter { text-align: center; }

		img.alignleft { margin: 0 20px 20px 0; }

		img.alignright { margin: 0 0 20px 20px; }

	/* ---------------------------------------------------------------------- */
	/*	Dropcaps
	/* ---------------------------------------------------------------------- */
	
	.dropcap {
		float: left;
		margin: 5px 15px 5px 0;
		padding: 18px;
		font-weight: 100;
		font-size: 30px;
		font-family: "Lucida Grande", monospace;
		line-height: .6;
	}

	.dropcap-color {
		background-color: #FEEBB7;
		border: 1px solid #FDBE0F;
        color: #FDBE0F;
	}

	.dropcap-grey{
		background-color: #F2F2F2;
		border: 1px solid #e2e2e2;
		color: #A1A1A1;
	}
	
	/* ---------------------------------------------------------------------- */
	/*	Dividers
	/* ---------------------------------------------------------------------- */
	
	.white-space {
		width: 100%;
		height: 20px;
	}
		
	.dotted {
		margin: 20px 0;
		width: 100%;
		height: 9px;
		background-image: url(images/bg-section-title.png);
		background-repeat: repeat-x;
	}
	
	.solid {
		clear: both;
		margin: 4em 0;
		border-bottom: 1px solid #d4d4d4;
	}
	
	.divider-top {
		position: relative;
		clear: both;
		display: block;
		margin-top: 20px;
		padding: 20px 0 10px 0;
		width: 100%;
		border-top: 1px dotted #B7B6B6;
		font-size: 10px;
	}

		.divider-top a {
			position: absolute;
			top: 3px;
			right: 0;
			padding-right: 16px;
			outline: medium none;
			border: 0 none;
			background: url(images/top-arrow.png) no-repeat center right;
			color: #FDBE0F;
			font-weight: 700;
			cursor: pointer;
		}

			.divider-top a:hover {color: #767676;}
	
	/* ---------------------------------------------------------------------- */
	/*	Ordered/Unorderd List Styles
	/* ---------------------------------------------------------------------- */

	ol.ordered {padding-left: 2.1em;}

	ul.list,
	ol.list {
		margin: 0 0 20px 0;
		list-style: none;
	}

	ul.list-with-desc,
	ol.list-with-desc {margin: 1em 0;}

		ul.list li:first-child,
		ol.list li:first-child {border-top: none;}

		ul.list li,
		ol.list li {
			padding: .7em 0 .7em 0;
			border-top: 1px dotted #b7b6b6;
		}

		ol.list li {padding-left: .2em;}

		ol.type-1 li {list-style: decimal inside;}
		ol.type-2 li {list-style: decimal-leading-zero inside;}
		ol.type-3 li {list-style: upper-roman inside;}

		ul.type-1 li,
		ul.type-2 li,
		ul.type-3 li,
		ul.type-4 li,
		ul.type-5 li,
		ul.type-6 li {padding-left: 34px;}

		ul.type-1 li {background: url(images/icons/small/list-icon1.png) no-repeat 7px center;}
		ul.type-2 li {background: url(images/icons/small/list-icon2.png) no-repeat 10px center;}
		ul.type-3 li {background: url(images/icons/small/list-icon3.png) no-repeat 4px center;}
		ul.type-4 li {background: url(images/icons/small/list-icon4.png) no-repeat 7px center;}
		ul.type-5 li {background: url(images/icons/small/list-icon5.png) no-repeat 6px center;}
		ul.type-6 li {background: url(images/icons/small/list-icon6.png) no-repeat 7px center;}

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

	.button,
	#submit {
		display: inline-block;
		margin-bottom: 1.5em;
		padding: 8px 13px;
		outline:none;
		color: #fff !important;
		vertical-align: baseline;
		text-align:center;
		text-decoration: none;
		font: 14px Arial;
		cursor:pointer;
		-webkit-transition: all .25s linear;
		-moz-transition: all .25s linear;
		-ms-transition: all .25s linear;
		-o-transition: all .25s linear;
		transition: all .25s linear;
	}

	.yellow, #submit {background-color: #df7029;}
	.orange {background-color: #f99200;}
	.red {background-color: #db4300;}
	.pink {background-color: #c51574;}
	.purple {background-color: #760148;}
	.emerald {background-color: #2ebc9e;}
	.lime {background-color: #8fbe00;}
	.green {background-color: #5bad24;}
	.dark-green {background-color: #276c00;}
	.mettalic-blue {background-color: #6a8cb1;}
	.sky-blue {background-color: #00a8c6;}
	.blue {background-color: #2d5bc4;}
	.violet {background-color: #4f4269;}
	.brown {background-color: #564544;}
	.black {background-color: #313131;}
	.gray {background-color: #898989;}
	.white {
		padding: 7px 13px;
		background-color: #fff;
		color: #6b6b6b !important;
		border: 1px solid #d4d4d4;
	}

	.button:hover,
	#submit:hover {background-color: #121212; font-size: 14px; color: #fff !important;}

	.align-btn-left {float: left;}
	.align-btn-right {float: right;}

	/* ---------------------------------------------------------------------- */
	/*	Forms
	/* ---------------------------------------------------------------------- */

	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		cursor: pointer;
		-webkit-appearance: button;
		padding: 13px 19px;
		font-weight: bold;
		border: none;
	}

	button,
	input,
	select,
	textarea {
		font-size: 100%;
		margin: 0;
		vertical-align: baseline;
	}

	input[type="checkbox"],
	input[type="radio"] {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		padding: 0;
	}

	input[type="submit"]{
		background: #df7029;
		color: #FFF;
	}
		input[type="submit"]:hover{
			background: #212121;
		}
		input[type="submit"]:active{
			background: #212121;
		}


	label {
		cursor: pointer;
		margin: 0;
	}

	input[type="text"], input[type="password"], textarea, select {
		color: #111;
		font: 12px/1.5 Arial, sans-serif;
		padding: 0 10px;
		background-color: #e9e9e9;
		width: 100%;
		border: none;
		outline: none;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		-webkit-transition: all .25s linear;
		   -moz-transition: all .25s linear;
			-ms-transition: all .25s linear;
			 -o-transition: all .25s linear;
				transition: all .25s linear;
	}

	input[type="text"], select {
		height: 30px;
		border: 1px solid transparent;
		-webkit-transition: all .25s linear;
		   -moz-transition: all .25s linear;
			-ms-transition: all .25s linear;
			 -o-transition: all .25s linear;
				transition: all .25s linear;
	}
	
	.ie8 input[type="text"] {
		line-height: 2.2em;
	}
	
	select {
		padding: 5px 7px;
		width: 260px;
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
		cursor: pointer;
	}

		option {padding: 4px; border: none;}

	textarea {
		padding: 10px;
		border: 1px solid transparent;
	}

		input[type="text"]:hover, input[type="password"]:hover,
		textarea:hover,
		select:hover,
		input:focus,
		textarea:focus,
		select:focus { 
			border-color: #df7029; 
			-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.07);
			   -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,.07);
					box-shadow: inset 1px 1px 3px rgba(0,0,0,.07);
		}

		#footer input:hover,
		#footer textarea:hover,
		#footer select:hover,
		#footer input:focus,
		#footer textarea:focus,
		#footer select:focus { border-color: #fff; }
		
		.widget_contact label {
			display: block;
			padding-bottom: 3px;
		}
		
		.widget_contact input[type="text"],
		.widget_contact textarea {
			width: 100%;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
					box-sizing: border-box;
		}

	/* Firefox */
	input[type="text"]:-moz-placeholder,
	textarea:-moz-placeholder { color: #8f8f8f; line-height: 1.6; }

	/* Chrome, Safari */
	input[type="text"]::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder { color: #8F8F8F; line-height: 1.6; }
	/* ---------------------------------------------------------------------- */
	/*	Alert Boxes
	/* ---------------------------------------------------------------------- */

	.error,
	.success,
	.info,
	.notice {
		display: block;
		padding: 20px;
		font-size: 14px;
		list-style: none;
	}

	.error {
		border: 1px solid #f09da7;
		background-color: #f9bcc3;
		color: #b76973 !important;
	}

	.success {
		border: 1px solid #b4d892;
		background-color: #d8efc1;
		color: #79985b !important;
	}

	.info {
		border: 1px solid #a1c7d5;
		background-color: #b8e1f1;
		color: #52889b !important;
	}

	.notice {
		border: 1px solid #e7d195;
		background-color: #feebb7;
		color: #b49133 !important;
	}

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

.wrap {
	position: relative;
	margin: 0 auto;
	background-color: #fff;
}

.wrap .page-title + .container { padding-top: 0; }

.wrap,
#slider { width: 980px; }

.slider-wrapper + .wrap {
	background-position: 1px 1px;
	background-repeat: repeat-x;
	background-image: url(images/bg-page-title.png);
}


	.container {
		position: relative;
		margin: 0 auto;
		width: 940px;
		min-height: 0px !important;
	}

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

	.one-half,
	.one-third,
	.two-third,
	.one-fourth,
	.three-fourth {
		float: left;
		margin-right: 20px;
	}

	.one-half.last,
	.one-third.last,
	.two-third.last,
	.one-fourth.last,
	.three-fourth.last { margin-right: 0; }

	.no_sidebar .one-half,
	#footer .one-half { width: 460px; }
	
	.has_sidebar .one-half { width: 330px; }
	
	.no_sidebar .one-third,
	#footer .one-third {width: 300px;}
	
	.has_sidebar .one-third {width: 212px;}

	.no_sidebar	.two-third,
	#footer .two-third {width: 620px;}
	
	.has_sidebar .two-third {width: 444px;}
	
	/* controls my 3 footer widgets */

	.no_sidebar .one-fourth,
	#footer .one-fourth {width: 300px; text-align: center;}
	
	.has_sidebar .one-fourth {width: 155px;}

	.no_sidebar	.three-fourth,
	#footer .three-fourth {width: 700px;}
	
	.has_sidebar .three-fourth {width: 505px;}

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

#top-panel {
    border-bottom: 3px solid #FDBE0F;
    position: absolute;
	z-index: 9999;
	top: 0;
	left: 0;
    width: 100%;
	background-color: #333;
}

	#top-panel .panel {
		display: none;
		padding: 25px 20px;
		background-color: #333;
		color: #8A8989;
	}
	
	#top-panel .panel h3 {color: #8a8989;}
	
	#top-panel .toggle {
		position: absolute;
		z-index: 101;
		bottom: -29px;
		display: block;
		cursor: pointer;
		right: 0;
		border-color: transparent #FDBE0F;
		border-style: solid;
		border-width: 0 26px 26px 0;
	}
	
	#top-panel .toggle:after { background: url(images/more.png) no-repeat; }
	
	#top-panel .toggle:after {
		position: absolute;
		left: 13px;
		top: 2px;
		width: 10px;
		height: 10px;
		content: '';
	}
	
	#top-panel .toggle.hide:after { background-position: 0 -10px; }

.wrap-header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 135px;
}

.admin-bar .wrap-header {
	top: 28px;
}

#header {
	position: relative;
	z-index: 999;
	background: url(images/head.jpg) no-repeat center right;
	height: 200px;
}

	#logo { float: left; }
	
		#logo h1 {font-size: 33px;}
	
			#logo a {
				display: block;
				margin: 0 0 0 -20px;
				
				text-transform: uppercase;
			}
	
	/* -------------------------------------------------- */
	/*	Main Navigation
	/* -------------------------------------------------- */

	.navigation { 
		float: right; 
		margin-top: 70px;
		padding-bottom: 2s0px;
	}

		.navigation > div > ul > li {
			position: relative;
			padding-bottom: 10px;
			float: left;
			list-style: none;
		}

			.navigation a { 
				font-family: "Ubuntu Condensed", sans-serif;
	   		}

			.navigation > div > ul > li > a {
				position: relative;
				display: block;
				padding: 8px 13px;
				margin: 0 7px;
				color: #FFF;
				text-align: left;
				text-shadow: -1px -1px 0 rgba(0,0,0,.7);
				text-transform: uppercase;
				font-size: 16px;
			}		

			.navigation > div > ul > li:hover > a,
			.navigation > div > ul > li.current-menu-item > a,
			.navigation > div > ul > li.current-menu-parent > a,
			.navigation > div > ul > li.current-menu-ancestor > a, 
			.navigation > div > ul > li.current_page_item > a, 
			.navigation > div > ul > li.current_page_parent > a, 
			.navigation > div > ul > li.current_page_ancestor > a { color: #FFF; background: #df7029; padding: 8px 13px !important; margin: 0 7px !important; text-shadow: none; }

				.navigation .rightarrowclass {
					position: absolute;
					right: 10px;
					top: 50%;
					margin-top: -3px;
					width: 3px;
					height: 7px;
					background: url(images/nav-arrow.png) no-repeat;
				}

			/* Dropdown */

			.navigation ul ul {
				position: absolute;
				left: 7px;
				top: 35px;
				z-index: 99;
				padding: 0;
				display: none;
				width: 169px;
			}

			.navigation ul > li:hover ul li:hover ul { left: 170px; }

				.navigation ul ul li { position: relative; }

					.navigation ul ul a {
						display: block;
						padding: 8px 8px;
						background-color: #000;
						text-align: left;
						color: #fff;
						letter-spacing: 0;
						font-size: 16px;
						text-transform: uppercase;
					}

					.navigation ul ul li:hover > a,
					.navigation ul ul li.current-menu-item > a,
					.navigation ul ul li.current-menu-parent > a,
					.navigation ul ul li.current-menu-ancestor > a, 
					.navigation ul ul li.current_page_item > a, 
					.navigation ul ul li.current_page_parent > a, 
					.navigation ul ul li.current_page_ancestor > a 
					{
						color: #fff;
						background-color: #df7029;
					}

						.navigation ul ul li:hover > a .rightarrowclass,
						.navigation ul ul li.current-menu-item > a .rightarrowclass,
						.navigation ul ul li.current-menu-parent > a .rightarrowclass,
						.navigation ul ul li.current-menu-ancestor > a .rightarrowclass, 
						.navigation ul ul li.current_page_item > a .rightarrowclass, 
						.navigation ul ul li.current_page_parent > a .rightarrowclass, 
						.navigation ul ul li.current_page_ancestor > a .rightarrowclass { background-position: 0 -19px; }

			/* Sub Dropdown */

			.navigation ul ul ul {
				left: 170px;
				top: 0;
			}

	/* Nav Responsive  */

	.navigation .nav-responsive {
		display: none;
		background-image: url(images/nav-bg.png);
		background-position: right center;
		background-repeat: no-repeat;
		margin-top: 70px;

	}

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

.slider { 
	position: relative;
	max-height: 430px;
    max-width: 980px;
	
}

.slider-wrapper { 

    background-image: url(images/slider_bg.jpg);
	background-repeat: repeat-x;

}

.slidercaption{
	text-align: center;
	border: 1px solid #df7029;
	
}

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

#content {width: 680px; padding: 25px 0 15px 0; }

.sbr #content {float: left;}
.sbl #content {float: right;}

.no_sidebar #content {
    width: 100% !important;
}

	/* -------------------------------------------------- */
	/*	Back to Top
	/* -------------------------------------------------- */
	
	#back-top {
		position: fixed;
		z-index: 99;
		display: none;
		bottom: 30px;
		right: 30px;
	}

	#back-top {
		width: 41px;
		height: 41px;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		background-color: #818181;
		background-image: url(images/icons/arrow.png);
		background-position: 50%;
		background-repeat: no-repeat;
		text-indent: -9999px;
	}
	
	.not-ie #back-top {
		-webkit-transition: all .25s linear;
		   -moz-transition: all .25s linear;
			-ms-transition: all .25s linear;
			 -o-transition: all .25s linear;
				transition: all .25s linear;
				
		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
				border-radius: 50%;
	}
	
	#back-top:hover {background-color: #fdbe0f;}
	
	/* -------------------------------------------------- */
	/*	Page Header
	/* -------------------------------------------------- */
	
	.page-header {
		margin: 0 20px 30px 20px;
		padding-bottom: 25px;
		border-bottom: 1px solid #D4D4D4;
	}

		.jaw {
			margin-bottom: 20px;
			height: 20px;
		}
		
			.page-title {
				position: relative;
				z-index: 7;
				overflow: hidden;
				padding: 30px 20px;
			}
			
				.page-title h1 {
					color: #313131;
					font-family: 'Helvetica';
					font-size: 30px;
					margin-bottom: 0;
				}
			
			.slogan { margin-bottom: 35px; }

				.slogan h1 {
					color: #313131;
					font-size: 40px;
					text-align: center;
					font-family: 'Helvetica';
					padding-bottom: 20px;
				}
				
		
		.grid-title {
			color: #fdbe0f;
			font-size: 24px;
		}

		.date {
			display: block;
			margin-bottom: 10px;
			font-family: 'Ubuntu Condensed', sans-serif;
			color: #a1a1a1;
			font-size: 13px;
		}
		
			.date a { color: #a1a1a1; }
	
	/* -------------------------------------------------- */
	/*	Service List
	/* -------------------------------------------------- */
	
	.services-sidebar {
		width: 260px;
		float: left;
	}
	
	.services-content {
		width: 620px;
		float: right;
	}

	/* Entries With Icons */
			
		.entries-with-icons {
			position: relative;
			padding: 20px 0;
			border-bottom: 1px dotted #ccc;
		}
		
		.entries-with-icons i {
			float: left;
			margin-right: 20px;
			width: 41px;
			height: 41px;
			background-color: #313131;
			background-image: url(images/icons/sprite-list-items.png);
			background-repeat: no-repeat;
		}
		
		.entries-with-icons i {
			-webkit-border-radius: 50%;
			   -moz-border-radius: 50%;
					border-radius: 50%;
			-webkit-transition: background-color .25s linear;
			   -moz-transition: background-color .25s linear;
				-ms-transition: background-color .25s linear;
				 -o-transition: background-color .25s linear;
					transition: background-color .25s linear;
		}
		
		.entries-with-icons .icon-1 {background-position: 0 0;}
		.entries-with-icons .icon-2 {background-position: -41px 0;}
		.entries-with-icons .icon-3 {background-position: -82px 0;}
		.entries-with-icons .icon-4 {background-position: 0 -41px;}
		.entries-with-icons .icon-5 {background-position: -41px -41px;}
		.entries-with-icons .icon-6 {background-position: -82px -41px;}
		.entries-with-icons .icon-7 {background-position: 0 -82px;}
		.entries-with-icons .icon-8 {background-position: -41px -82px;}
		.entries-with-icons .icon-9 {background-position: -82px -82px;}
		.entries-with-icons .icon-10 {background-position: 0 -123px;}
		.entries-with-icons .icon-11 {background-position: -41px -123px;}
		.entries-with-icons .icon-12 {background-position: -82px -123px;}
		.entries-with-icons .icon-13 {background-position: 0 -164px;}
		.entries-with-icons .icon-14 {background-position: -41px -164px;}
		.entries-with-icons .icon-15 {background-position: -82px -164px;}
		.entries-with-icons .icon-16 {background-position: 0 -205px;}
		.entries-with-icons .icon-17 {background-position: -41px -205px;}
		.entries-with-icons .icon-18 {background-position: -82px -205px;}
		
		.entries-with-icons:hover i { background-color: #fdbe0f; }

			.entries-with-icons li h4		{ color: #fdbe0f; }
			.entries-with-icons li:hover h4 { color: #313131; }
			
			.entries { display: table; }
			
	/* -------------------------------------------------- */
	/*	Team
	/* -------------------------------------------------- */
	
	.team { margin: 0 7px 70px 7px; }

		.team .gravatar {
			display: block;
			margin-bottom: 14px;
		}

		.team h4 {margin-bottom: 0;}
		.team h4:hover {color: #fdbe0f;}

		.team .post {
			margin-bottom: 10px;
			color: #a1a1a1;
			font-size: 13px;
			font-family: 'Ubuntu Condensed', sans-serif;
		}

		.team .contact-data {
			padding-top: 20px;
			border-top: 1px dotted #ccc;
		}

			team .contact-data a {text-decoration: underline;}

	/* -------------------------------------------------- */
	/*	Block with Images
	/* -------------------------------------------------- */
	
	ul.block-with-images {
		margin: 0 0 70px 0;
		padding: 0;
		width: 100%;
		list-style: none;
	}
	
	ul.block-with-images.vert { margin: 0 0 5px 0;}
	
		ul.block-with-images li {
			position: relative;
			display: block;
			padding: 0 15px 0 60px;
			height: 70px;
			background-color: #f8f8f8;
			
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
					box-sizing: border-box;
		}
		
		ul.block-with-images.hor li {
			float: left;
			width: 25%;
			border-left: 1px solid #fff;
			border-right: 1px solid #f3f3f3;
		}
		
		ul.block-with-images.vert li { margin-bottom: 5px; }
		
		ul.block-with-images li:first-child { border-left: 1px solid #f3f3f3; }
		
		.not-ie ul.block-with-images li,
		.not-ie ul.entries-with-icons li:after {
			-webkit-transition: all .25s linear;
			   -moz-transition: all .25s linear;
				-ms-transition: all .25s linear;
				 -o-transition: all .25s linear;
					transition: all .25s linear;	
		}
		
		ul.block-with-images li:hover {
			background-image: url(images/bg-service-list-active.png);
			background-repeat: repeat;
			background-color: #ffd000;
		}
		
			ul.block-with-images li a {
				color: #313131;
				display: table-cell;
				font-family: 'Ubuntu Condensed',sans-serif;
				font-size: 22px;
				height: 70px;
				letter-spacing: -1px;
				line-height: 1;
				vertical-align: middle;
				width: 100%;
			}
			
			ul.block-with-images li.icon_hoverbox a:after {
				position: absolute;
				top: 19px;
				left: 12px;
				width: 36px;
				height: 34px;
				background-image: url(images/icons/sprite-block-icons.png);
				background-repeat: no-repeat;
				content: "";
			}
			
			ul.block-with-images .icon-1 a:after {background-position: 0 0;}
			ul.block-with-images .icon-2 a:after {background-position: -36px 0;}
			ul.block-with-images .icon-3 a:after {background-position: -72px 0;}
			ul.block-with-images .icon-4 a:after {background-position: -108px 0;}
			ul.block-with-images .icon-5 a:after {background-position: -144px 0;}
			ul.block-with-images .icon-6 a:after {background-position: -180px 0;}
			ul.block-with-images .icon-7 a:after {background-position: -216px 0;}
			ul.block-with-images .icon-8 a:after {background-position: -252px 0;}
			ul.block-with-images .icon-9 a:after {background-position: -288px 0;}
			ul.block-with-images .icon-10 a:after {background-position: -324px 0;}
			ul.block-with-images .icon-11 a:after {background-position: -360px 0;}
			ul.block-with-images .icon-12 a:after {background-position: -396px 0;}
			ul.block-with-images .icon-13 a:after {background-position: -432px 0;}
			ul.block-with-images .icon-14 a:after {background-position: -468px 0;}
			ul.block-with-images .icon-15 a:after {background-position: -504px 0;}
			ul.block-with-images .icon-16 a:after {background-position: -540px 0;}
			ul.block-with-images .icon-17 a:after {background-position: -576px 0;}
			ul.block-with-images .icon-18 a:after {background-position: -612px 0;}
			
			ul.block-with-images li:hover a { color: #fff; }
			
			ul.block-with-images .icon-1:hover a:after {background-position: 0 -34px;}
			ul.block-with-images .icon-2:hover a:after {background-position: -36px -34px;}
			ul.block-with-images .icon-3:hover a:after {background-position: -72px -34px;}
			ul.block-with-images .icon-4:hover a:after {background-position: -108px -34px;}
			ul.block-with-images .icon-5:hover a:after {background-position: -144px -34px;}
			ul.block-with-images .icon-6:hover a:after {background-position: -180px -34px;}
			ul.block-with-images .icon-7:hover a:after {background-position: -216px -34px;}
			ul.block-with-images .icon-8:hover a:after {background-position: -252px -34px;}
			ul.block-with-images .icon-9:hover a:after {background-position: -288px -34px;}
			ul.block-with-images .icon-10:hover a:after {background-position: -324px -34px;}
			ul.block-with-images .icon-11:hover a:after {background-position: -360px -34px;}
			ul.block-with-images .icon-12:hover a:after {background-position: -396px -34px;}
			ul.block-with-images .icon-13:hover a:after {background-position: -432px -34px;}
			ul.block-with-images .icon-14:hover a:after {background-position: -468px -34px;}
			ul.block-with-images .icon-15:hover a:after {background-position: -504px -34px;}
			ul.block-with-images .icon-16:hover a:after {background-position: -540px -34px;}
			ul.block-with-images .icon-17:hover a:after {background-position: -576px -34px;}
			ul.block-with-images .icon-18:hover a:after {background-position: -612px -34px;}
			
			ul.block-with-images li.show_data_number:before {
				background-color: #fff;
				color: #fdbe0f;
			}

			ul.block-with-images li.show_data_number:before {
				position: absolute;
				left: 15px;
				top: 50%;
				margin-top: -14px;
				padding: .03em .5em;
				-webkit-border-radius: 50px;
				    -moz-border-radis: 50px;
						border-radius: 50px;
				background-color: #313131;
				color: #f8f8f8;
				content: attr(data-number);
				text-align: center;
				font-weight: 700;
				font-size: 18px;
			}
					
	/* ---------------------------------------- */
	/*	Columns
	/* ---------------------------------------- */

/*		#content .one-half {width: 330px;}

		#content .one-third {width: 213px;}

			#content .two-third {width: 447px;}

		#content .one-fourth {width: 155px;}

			#content .three-fourth {width: 505px;}*/
			

	/* -------------------------------------------------- */
	/*	Image Gallery Slider
	/* -------------------------------------------------- */
	
	.image-gallery-slider,
	.image-post-slider {
		position: relative;
		margin: 0 0 20px;
	}
	
	.image-single-slider {
		float: left;
		width: 565px;
	}

	.image-gallery-slider {
		margin-bottom: 20px;
		position: relative;
	}
	
		.image-gallery-slider ul,
		.image-post-slider ul { margin: 0; }

			.image-gallery-slider li,
			.image-post-slider li {
				list-style: none;
				margin: 0;
			}

	/* -------------------------------------------------- */
	/*	Recent Works
	/* -------------------------------------------------- */
	
	div.recent { position: relative; zoom: 1; }
	
		.widget_recent_projects li { list-style: none; text-align: center; }
		
			.widget_recent_projects div {
				position: relative;
				display: block;
				padding: 15px 0 5px;
				-webkit-box-shadow: 
					1px 1px 0 5px #fff,
					6px 6px 0 5px #fff;
				-moz-box-shadow: 
					1px 1px 0 5px #fff,
					6px 6px 0 5px #fff;
				box-shadow: 
					1px 1px 0 5px #fff,
					6px 6px 0 5px #fff;
				
				-webkit-transition: box-shadow .2s linear;
				   -moz-transition: box-shadow .2s linear;
					-ms-transition: box-shadow .2s linear;
				 	 -o-transition: box-shadow .2s linear;
						transition: box-shadow .2s linear;
			}
			
			.not-ie .widget_recent_projects div:after {
				position: absolute;
				top: 0;
				right: -12px;
				display: block;
				border-color: #fff #e9e9e9;
				border-style: solid;
				border-width: 13px 0 0 5px;
				content: "";
				opacity: 0;
				
				-webkit-transition: border-width .2s linear, opacity .2s linear, top .2s linear, right .2s linear;
				   -moz-transition: border-width .2s linear, opacity .2s linear, top .2s linear, right .2s linear;
					-ms-transition: border-width .2s linear, opacity .2s linear, top .2s linear, right .2s linear;
					 -o-transition: border-width .2s linear, opacity .2s linear, top .2s linear, right .2s linear;
						transition: border-width .2s linear, opacity .2s linear, top .2s linear, right .2s linear;
			}
			
			.not-ie .widget_recent_projects div:before {
				position: absolute;
				bottom: -12px;
				left: 0;
				display: block;
				border-color: #fff #e9e9e9;
				border-style: solid;
				border-width: 0 13px 5px 0;
				content: "";
				opacity: 0;
				
				-webkit-transition: border-width .2s linear, opacity .2s linear, left .2s linear, bottom .2s linear;
				   -moz-transition: border-width .2s linear, opacity .2s linear, left .2s linear, bottom .2s linear;
					-ms-transition: border-width .2s linear, opacity .2s linear, left .2s linear, bottom .2s linear;
					 -o-transition: border-width .2s linear, opacity .2s linear, left .2s linear, bottom .2s linear;
						transition: border-width .2s linear, opacity .2s linear, left .2s linear, bottom .2s linear;
			}
			
			.widget_recent_projects img,
			.widget_recent_projects h5,
			.widget_recent_projects span,
			.widget_recent_projects span > a {
				-webkit-transition: all .2s linear;
				   -moz-transition: all .2s linear;
					-ms-transition: all .2s linear;
					 -o-transition: all .2s linear;
						transition: all .2s linear;
			}
			
			h4.recently {margin-bottom: 0;}
			
			.categories,
			.categories a {
				display: inline-block;
				margin-bottom: 10px;
				color: #a1a1a1;
				font-size: 13px;
				font-family: 'Ubuntu Condensed', sans-serif;
			}
			
		.widget_recent_projects div:hover h5 {color: #fdbe0f;}
		
		.not-ie .widget_recent_projects div:hover img,
		.not-ie .widget_recent_projects div:hover h5,
		.not-ie .widget_recent_projects div:hover span {
			-webkit-transform: translate(-5px, -5px);
			   -moz-transform: translate(-5px, -5px);
			    -ms-transform: translate(-5px, -5px);
				 -o-transform: translate(-5px, -5px);
					transform: translate(-5px, -5px);
		}
		
		#sidebar .widget_recent_projects div span a { color: #A1A1A1; }
		
		.not-ie .widget_recent_projects div:hover {
			-webkit-box-shadow: 
				1px 1px 0 1px #fff,
				6px 6px 0 1px #e9e9e9;
			-moz-box-shadow: 
				1px 1px 0 1px #fff,
				6px 6px 0 1px #e9e9e9;
			box-shadow: 
				1px 1px 0 1px #fff,
				6px 6px 0 1px #e9e9e9;
		}
		
		.widget_recent_projects div:hover:after {top: -6px; right: -7px; opacity: 1;}
		.widget_recent_projects div:hover:before {left: -6px; bottom: -7px; opacity: 1;}

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

.entry {
	margin: 0 0 50px;
	border-bottom: 1px dotted #ccc;
}

	.entry-meta {
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
		width: 150px;
	}
	
	.ie7 .entry-meta,
	.ie8 .entry-meta {margin-top: 20px;}
	
		.entry-meta .date {
			display: block;
			padding: 7% 5%;
			background-color: #df7029;
			text-align: center;
		}
		
			.entry-meta .date a {
				color: #fff !important;
				font-size: 18px;
				font-family: 'Ubuntu Condensed', sans-serif;		
			}

	.entry-body {
		float: left;
		width: 510px;
		color: #444;
	}
	
	.no_sidebar .entry-body {
		width: 100%;
	}
	
	.ie7 .entry-body,
	.ie8 .entry-body {margin-top: 20px;}

		.entry-body .title {
			font-size: 24px;
			font-family: 'Ubuntu Condensed', sans-serif;
		}
		
		.entry-body .body-meta {
			margin: 20px 0 0 0;
			padding: 5px 0;
			border-top: 1px dotted #ccc;
			color: #a1a1a1;
			font-size: 13px;
			font-family: 'Ubuntu Condensed', sans-serif;
		}
		
	/* -------------------------------------------------- */
	/*	Related
	/* -------------------------------------------------- */
		
		.related { margin-bottom: 30px; }
	
	/* -------------------------------------------------- */
	/*	Comments
	/* -------------------------------------------------- */

	#comments h4,
	#respond h4,
	#reply-title {color: #313131;}
	
	#reply-title {font-size: 18px;}
	
	#comments .section-title,
	#respond .section-title {margin-bottom: 15px;}

		.comments-list {
			margin: 27px 0 50px;
			padding: 0;
			overflow: hidden;
		}

			.comment {
				list-style: none;
				margin: 20px 0 0;
				padding: 0;
			}

			.comment:first-child {
				border-top: none;
				margin-top: 0;
				padding-top: 0;
			}

				.comment > article {
					margin: 0;
					overflow: hidden;
				}

					.comment .avatar {
						background: #fff;
						float: left;
						margin: 0 20px 20px 0;
						position: relative;
						width: 40px;
						height: 40px;
						z-index: 1;
						zoom: 1;
					}

					.comment .comment-body,
					.comment .comment-meta {
						/*margin: 0 20px 0;*/
						/*padding: 20px 0 0 0;*/
					}
					
					.comment .comment-body {padding: 15px 0;}
					.comment .comment-body {color: #8a8989;}
					
					.comment .comment-meta {border-bottom: 1px dotted #ccc;}

					.comment .comment-entry {
						position: relative;
						display: table;
						padding: 20px;
						background-color: #f5f5f5;
					}
					
					.ie7 .comment .comment-entry {
						display: block;
						float: right;
						width: 620px;
					}
					
					.ie7 .children .comment-entry {
						width: 560px;
					}
					
					.comment .comment-entry:after {
						position: absolute;
						left: -9px;
						top: 14px;
						display: block;
						width: 9px;
						height: 16px;
						background: url(images/arrow-comments-entry.png) no-repeat;
						content: '';
					}
					
						.comment .comment-meta,
						.comment .comment-reply .button {margin-bottom: 0;}

						.comment .author,
						.comment .author a {
							color: #fdbe0f;
							margin: 0;
						}

						.comment .date {
							margin-bottom: 5px;
							color: #a1a1a1;
							font-size: 11px;
							font-style: italic;
							font-family: Arial;
						}

				.comments-list .children {
					margin: 0;
					padding: 20px 0 0 60px;
					position: relative;
				}

					.comment .children .comment:first-child {margin-top: 0;}

	/* -------------------------------------------------- */
	/*	Respond
	/* -------------------------------------------------- */
		
	#respond {
		padding-top: 45px;
		border-top: 1px solid #d4d4d4;
	}
	
	#contactform,
	.comments-form {margin-top: 25px; max-width: 100%;}

		.contactform .input-block,
		.comments-form .input-block,
		#contact .input-block {
			margin: 0 0 10px 0;
		}
		
			#contactform .input-block > label,
			.comments-form .input-block > label,
			.textarea-block > label,
			.comment-form-author label,
			.comment-form-email label,
			.comment-form-url label 
			{
				margin-left: 10px;
				line-height: 35px;
			}
			
			#contactform input[type="text"],
			.comments-form input[type="text"] {
				float: left;
				width: 280px;
			}
			
			#contactform textarea,
			.comments-form textarea {
				height: 150px;
				max-height: 400px;
				max-width: 100%;
				min-height: 150px;
				min-width: 100%;
				width: 100%;
			}
			
			.input-block label strong,
			.textarea-block strong {
				color: #8a8989;
				font-size: 12px;
				font-weight: 100;
			}
			
			.textarea-block strong,
			#contact .textarea-block label {display: none;}
			
			.input-block .required,
			.textarea-block .required {
				color: #a1a1a1;
				font-size: 11px;
				font-style: italic;
			}

		.contact-form button[type="submit"],
		.comments-form button[type="submit"] {
			margin: 0 0 20px;
			border: none;
			width: auto;
		}	
		
		.comment-form-comment label,
		.textarea-block label {
			padding-bottom: 5px;
		}

		.verify-image {
			border: none;
			vertical-align: middle;
		}

		#contactform input.verify {width: 50px; margin: 0 !important;}
		
		#contactform .capcha_image_frame {margin: 0 10px; height: 30px;}
		
		.wrong_data {border-color: #F09DA7 !important;}

		.contact_form_responce li {list-style: none;}
		
	/* -------------------------------------------------- */
	/*	Pagination
	/* -------------------------------------------------- */

	.wp-pagenavi {
		clear: both;
		padding-top: 40px;
		margin: 0 0 50px 0;
		border-top: 1px solid #d4d4d4;
	}

			.wp-pagenavi .current { color: #fff; }
			
			.wp-pagenavi .page-numbers {
				float: left;
				display: block;
				margin: 0 1px;
				padding: 3px 8px 3px;
				border: 1px solid transparent;
				background-color: #e7e7e8;
				color: #9c9c9c;
				font-size: 11px;
			}
			
			.wp-pagenavi .page-numbers.prev,
			.wp-pagenavi .page-numbers.next {background: none;}
			
			.wp-pagenavi .current {
				background-color: #df7029;
				color: #fff;
			}
			
			#content .wp-pagenavi a:hover {background-color: #8a8989; color: #fff !important;}
			
	/* -------------------------------------------------- */
	/*	Image Post Slider
	/* -------------------------------------------------- */
	
	/* Sudo Slider */

	.sudo_slider {
		position: relative;
		overflow: hidden;
	}
	
		.sudo_slider ul,
		.sudo_slider li {
			position: relative;
			display: block;
			margin: 0;
			overflow: hidden;
			padding: 0;
			list-style: none;
			font-size: 0;
		}
		
/* -------------------------------------------------- */
/*	Portfolio
/* -------------------------------------------------- */

#portfolio-filter { show none: }

#portfolio-items {
	overflow: visible !important;
	margin: 5px -20px 0 0;
}
		
#portfolio-items article {
    position: relative;
	float: left;
	margin: 0 20px 30px 0;
}

	#portfolio-items article > div {
		padding-top: 15px;
		text-align: center;
		
		-webkit-box-shadow: 
			1px 1px 0 5px #fff,
			6px 6px 0 5px #fff;
		-moz-box-shadow: 
			1px 1px 0 5px #fff,
			6px 6px 0 5px #fff;
		box-shadow: 
			1px 1px 0 5px #fff,
			6px 6px 0 5px #fff;

	 	-webkit-transition: box-shadow .2s linear;
		   -moz-transition: box-shadow .2s linear;
			-ms-transition: box-shadow .2s linear;
			 -o-transition: box-shadow .2s linear;
				transition: box-shadow .2s linear;	
	}
	
			.not-ie #portfolio-items article > div:after {
				position: absolute;
				top: 0;
				display: block;
				content: "";
				opacity: 0;
				filter: alpha(opacity=0);
				
				-webkit-transition: border-width .2s linear, opacity .2s linear, top .2s linear, right .2s linear;
				   -moz-transition: border-width .2s linear, opacity .2s linear, top .2s linear, right .2s linear;
					-ms-transition: border-width .2s linear, opacity .2s linear, top .2s linear, right .2s linear;
					 -o-transition: border-width .2s linear, opacity .2s linear, top .2s linear, right .2s linear;
						transition: border-width .2s linear, opacity .2s linear, top .2s linear, right .2s linear;
			}
			
			.not-ie #portfolio-items article > div:before {
				position: absolute;
				left: 0;
				display: block;
				content: "";
				opacity: 0;
				filter: alpha(opacity=0);
				
				-webkit-transition: border-width .2s linear, opacity .2s linear, left .2s linear, bottom .2s linear;
				   -moz-transition: border-width .2s linear, opacity .2s linear, left .2s linear, bottom .2s linear;
					-ms-transition: border-width .2s linear, opacity .2s linear, left .2s linear, bottom .2s linear;
					 -o-transition: border-width .2s linear, opacity .2s linear, left .2s linear, bottom .2s linear;
						transition: border-width .2s linear, opacity .2s linear, left .2s linear, bottom .2s linear;
			}
			
		.not-ie #portfolio-items article:hover > div:after {top: -6px; right: -7px; opacity: 1;}
		.not-ie #portfolio-items article:hover > div:before {left: -6px; bottom: -7px; opacity: 1;}
			
			#portfolio-items article > div * {
				display: block;  font-size: 20px;
				
				-webkit-transition: all .2s linear;
				   -moz-transition: all .2s linear;
					-ms-transition: all .2s linear;
					 -o-transition: all .2s linear;
						transition: all .2s linear;
			}
			
			
		#portfolio-items.gl-col-3 article img {width: 300px;}
		#portfolio-items.gl-col-4 article img {width: 220px;}

	.project-meta {
		display: block;
		padding: 5px 0 5px;
		text-align: center;
	}
	
		.project-meta h5 { margin-bottom: 0; }
		
		#portfolio-items article > div .categories a { font-size: 18px; color: #df7029; text-transform:capitalize; font: "Helvetica", sans-serif; padding: 0 2px; }
		#portfolio-items article > div .categories a:first-child:before { content: ""; } 
		
		#portfolio-items article > div .categories a:before {
			padding-right: 4px;
			content: "/";
		}
		
	#portfolio-items article > div .categories,
	#portfolio-items article > div .categories a {display: inline-block;}

	.single-image,
	.video {
		position: relative;
		display: block;
		margin-bottom: 10px;
		overflow: hidden;
		cursor: pointer;
		text-align: center;
	}
	
	.inblock { display: inline-block; }
	
	.sudo_slider .single-image,
	.sudo_slider .video { margin-bottom: 0; }
	
	.entry .single-image {margin-bottom: 20px;}
		
	#portfolio-items .single-image,
	#portfolio-items .video,
	.widget_recent_entries .single-image,
	.widget_recent_entries .video {overflow: visible;}

		.single-image img {
			display: block;
			background-color: #fff;
			border-bottom: 8px solid #df7029;
			opacity: 1;
			filter: alpha(opacity = 80);
		}
		
		.archive .single-image img { width: 100%; }
		
		.single-image:hover img,
		.video:hover img {opacity: .7 !important;}
		
	.curtain {
		position: absolute;
		top: 50%;
		display: block;
		margin-top: -50px;
		margin-left: -50px;
		width: 100px;
		height: 100px;
		text-indent: -9999px;
		opacity: 0;
		background-repeat: no-repeat;
		filter: alpha(opacity=0);
	}
	
	.webkit .curtain {left: 50%;}
	
	.others .curtain {right: 0;}
	
	.others .curtain {

	   -moz-animation: fill .25s linear;
		-ms-animation: fill .25s linear;
		 -o-animation: fill .25s linear;
			animation: fill .25s linear;

	   -moz-transition: left .25s linear, opacity .25s linear;
		-ms-transition: left .25s linear, opacity .25s linear;
		 -o-transition: left .25s linear, opacity .25s linear;
			transition: left .25s linear, opacity .25s linear;
			
	}
	
	.single-image:hover .curtain,
	.video:hover .curtain {
		left: 50%;
		opacity: 1;
		filter: alpha(opacity = 100);
	}
	
	.not-ie .single-image:hover .curtain,
	.not-ie .video:hover .curtain {
	   -moz-animation: move .25s linear;
		-ms-animation: move .25s linear;
		 -o-animation: move .25s linear;
			animation: move .25s linear;	
	}
	
	.picture-icon .curtain {background-image: url(images/zoom.png);}
	.video-icon .curtain {background-image: url(images/video-icon.png);}

	.single-image:hover img,
	.video:hover img {
		filter: alpha(opacity=70); 
		opacity: 1;
	}

	#portfolio-items article:hover img {
		filter: alpha(opacity=100);
		opacity: 1;
	}

	#portfolio-items article:hover .title-item,
	div.recent:hover .title-item {color: #000;}
	
/* Isotope */

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.6s;
	   -moz-transition-duration: 0.6s;
		-ms-transition-duration: 0.6s;
	 	 -o-transition-duration: 0.6s;
			transition-duration: 0.6s;
	z-index: 2;
}

.isotope {
	-webkit-transition-property: height, width;
	   -moz-transition-property: height, width;
		-ms-transition-property: height, width;
		 -o-transition-property: height, width;
			transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	   -moz-transition-property:	-moz-transform, opacity;
		-ms-transition-property:		 top, left, opacity;
		 -o-transition-property:		 top, left, opacity;
			transition-property:		 transform, opacity;
}

/* Portfolio Single */

	.pics { width: 100%; position: relative; }

		.pics li {
			display: block;
			list-style: none;
		}

			.pics img { display: block; }

	.pics-wrapper {
		position: relative;
		margin-right: 0;
		/*margin-bottom: 20px;*/
	}

		.controls {
			position: absolute;
			right: 0;
			bottom: 0;
		}

			.controls a {
				display: inline-block;
				width: 25px;
				height: 25px;
				cursor: pointer;
				background-image: url(images/slider-arrows.png);
				background-repeat: no-repeat;
				background-color: #1c1c1c;
				text-indent: -9999px;
				font-size: 0;
			}

			.controls a.prevBtn { margin-right: 2px; }
			.controls a.nextBtn { background-position: -25px 0; }

			.controls a.fadetime { 
				opacity: .5;
				cursor: default;
			}

			.controls a:hover {background-color: #df7029;}
			.controls a.prevBtn:hover {background-position: 0 -25px;}
			.controls a.nextBtn:hover {background-position: -25px -25px;}
			.controls a.fadetime:hover { background-color: #1c1c1c; }
		
	.meta {
		float: right;
		width: 340px;
	}

		.image-entry {margin-bottom: 2em;}

			.meta .image-title h4 {margin-bottom: 0; color: #444; font-size: 24px; padding-bottom: 20px;}

	a.all-projects {
		display: inline-block;
		margin: 10px 20px 20px 0;
		color: #313131;
		font-size: 18px;
		font-family: 'Ubuntu Condensed', sans-serif;
		line-height: 1.3em;
		
		-webkit-transition: background-color .25s linear;
		   -moz-transition: background-color .25s linear;
			-ms-transition: background-color .25s linear;
			 -o-transition: background-color .25s linear;
				transition: background-color .25s linear;
		
	}

		a.all-projects:after {
			display: inline-block;
			float: right;
			margin-left: 10px;
			width: 25px;
			height: 25px;
			background-image: url(images/icons/icon-all.png);
			background-repeat: no-repeat;
			background-position: 0 0;
			background-color: #e9e9e9;
			content: '';
		}

		a.all-projects:hover:after {
			background-position: 0 -25px;
			background-color: #df7029;
		}
	
	/*--------------------------------*/
	/*  Portfolio Pagination   		  */
	/*--------------------------------*/
	
	

		.pagination-project div {
			display: inline-block;
			width: 25px;
			height: 25px;
			background: url(images/slider-arrows.png) no-repeat #e9e9e9;
			text-align: right;
			text-indent: -9999px;
			cursor: pointer;
		}

		.pagination-project .prev {background-position: 0 -50px;}
		.pagination-project .next {background-position: -25px -50px;}

		.pagination-project a:hover div {background-color: #df7029;}
		.pagination-project .prev:hover {background-position: 0 0;}
		.pagination-project .next:hover {background-position: -25px 0;}
		
	/*--------------------------------*/
	/*  Gallery				 		  */
	/*--------------------------------*/
		
		#projects {
			margin: 20px auto 0;
			padding: 0;
			position: relative;
		}

/*		#projects .content { 
			position: relative;
			background: none repeat scroll 0 0 transparent;
			margin-left: 0;
			margin-top: 0;
			padding-top: 0;
		}*/

		#project-container {
			z-index: 100;
			width: 100%;
			background-color: #323232;
		}

		#thumbscreen .pagination {display: none;}

		#thumbscreen .prev,
		#thumbscreen .next {
			position: absolute;
			top: 50%;
			z-index: 250;
			margin-top: -23px;
			display: block;
			width: 46px;
			height: 46px;
			background: url(images/arrow-thumbs.png) no-repeat 0 0;
			text-indent: -999em;
		}

		#thumbscreen .prev {left: -85px;}
		#thumbscreen .next {right: -85px; background-position: right top;}

		#thumbscreen .prev:hover {background-position: bottom left;}
		#thumbscreen .next:hover {background-position: bottom right;}

		.project-div {
			clear: both;
			display: none;
			height: 570px;
		}

			.project-thumbnails-wrap {
				width: 100%;
				height: 100%;
				margin: 0 auto;
			}

				.project-thumbnails li {
					position: relative;
					float: left;
					overflow: hidden;
					margin: 0 1px 1px 0;
					width: 187px;
					height: 160px;
					list-style: none;
				}

					.project-thumbnails li a {
						display: block;
						width: 187px;
						height: 160px;
						color: #000;
						text-decoration: none;
					}

						.project-entry {
							position: absolute;
							top: -160px;
							left: 0;
							overflow: hidden;
							width: 187px;
							height: 160px;
							text-align: center;
							opacity: 0;
							background-color: rgba(0,0,0,.7);

							-webkit-transition: all .25s ease-in;
							   -moz-transition: all .25s ease-in;
								-ms-transition: all .25s ease-in;
								 -o-transition: all .25s ease-in;
									transition: all .25s ease-in;
						}

						.ie7 .project-entry,
						.ie8 .project-entry {
							background: url(images/mask.png) repeat;
						}

						.project-thumbnails li a:hover .project-entry {
							top: 0;
							opacity: 1;
						}

							.project-thumb-client {
								position: relative;
								display: block;
								color: #fff;
								font-size: 16px;
								font-family: 'Ubuntu Condensed', sans-serif;
							}

							.project-thumb-task {
								position: relative;
								display: block;
								margin-bottom: 5px;
								font-size: 13px;
								color: #FDBE0F;
								font-family: 'Ubuntu Condensed', sans-serif;
							}

							.not-ie .project-thumb-client,
							.not-ie .project-thumb-task {
								-webkit-transform: translateY(-160px);
								   -moz-transform: translateY(-160px);
									-ms-transform: translateY(-160px);
									 -o-transform: translateY(-160px);
										transform: translateY(-160px);

								-webkit-transition: all .2s linear;
								   -moz-transition: all .2s linear;
									-ms-transition: all .2s linear;
									 -o-transition: all .2s linear;
										transition: all .2s linear;	
							}

							.ie7 .project-thumb-client,
							.ie7 .project-thumb-task,
							.ie8 .project-thumb-client,
							.ie8 .project-thumb-task {
								top: -160px;
							}

							.project-thumbnails li a:hover .project-thumb-client {
								-webkit-transition-delay: .35s;
								   -moz-transition-delay: .35s;
									-ms-transition-delay: .35s;
									 -o-transition-delay: .35s;
										transition-delay: .35s;	
							}

							.project-thumbnails li a:hover .project-thumb-task {
								-webkit-transition-delay: .3s;
								-moz-transition-delay: .3s;
									-ms-transition-delay: .3s;
									-o-transition-delay: .3s;
										transition-delay: .3s;
							}

							.not-ie .project-thumbnails li a:hover .project-thumb-client,
							.not-ie .project-thumbnails li a:hover .project-thumb-task {
								-webkit-transform: translateY(60px);
								   -moz-transform: translateY(60px);
									-ms-transform: translateY(60px);
									 -o-transform: translateY(60px);
										transform: translateY(60px);	
							}

							.ie7 .project-thumbnails li a:hover .project-thumb-client,
							.ie8 .project-thumbnails li a:hover .project-thumb-client,
							.ie7 .project-thumbnails li a:hover .project-thumb-task,
							.ie8 .project-thumbnails li a:hover .project-thumb-task {
								top: 60px;
							}


		#project-wrap {
			width: 100%;
		}

		#project-content {
			position: relative;
			margin: 0 auto;
			padding: 20px;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
					box-sizing: border-box;
		}
		
			.project-loader {
				position: absolute;
				top: 48%;
				left: 21%;
				display: block;
				width: 220px;
				height: 21px;
				background-image: url(images/content-loader.gif);
				background-repeat: no-repeat;
			}

		#project-content > div { display: none; }

		#project-slider { overflow: hidden; }

		.project-slide {
			overflow: hidden;
			width: 100%;
		}

		.project-cycle-wrap {
			position: relative;
			z-index: 5;
			float: left;
			width: 565px;
			margin-right: 20px;
			background-color: #323232;
		}

		.project-info {
			float: right;
			width: 315px;
			color: #8a8989;
		}

		.project-info > h4,
		.blog-post h4 { margin: 0; }

		.project-info h4 { color: #B9B9B9; }
		
		#project-content a.project-slider-close {
			position: absolute;
			top: 30px;
			right: 20px;
			padding: 2px 32px 5px 0;
			background: url(images/close.png) no-repeat right top;
			color: #b9b9b9;
			font-family: 'Ubuntu Condensed', sans-serif;
			font-size: 13px;
		}

		#project-content a.project-slider-close:hover { background-position: right -75px; }

		.project-slider-nav {
			background: url("images/bg-project-title.png") repeat-x scroll center bottom transparent;
			margin: 10px 0 20px;
			padding-bottom: 25px;
		}

		.project-slider-nav a {
			display: inline-block;
			width: 25px;
			height: 25px;
			background-image: url("images/slider-arrows.png");
			background-repeat: no-repeat;
			background-color: #e9e9e9;
			text-align: left;
			text-indent: -9999px;
			cursor: pointer;
		}

		.project-slider-nav a:hover { background-color: #fdbe0f; }
		
		.project-slider-prev.no_active_button:hover,
		.project-slider-next.no_active_button:hover { background-color: #e9e9e9; cursor: default; }

		.project-slider-prev {background-position: bottom left;}
		.project-slider-next {background-position: bottom right;}

		.project-slider-prev:hover {background-position: top left;}
		.project-slider-next:hover {background-position: top right;}
		
		.project-slider-prev.no_active_button:hover { background-position: bottom left; }
		.project-slider-next.no_active_button:hover { background-position: bottom right; }

		.project-cycle {
			float: left;
			overflow: hidden;
			width: 565px;
			height: 530px;
		}

		.project-cycle li {
			width: 565px;
			height: 530px;
		}

		.bx-wrapper {
			height: 530px;
		}

		.bx-prev,
		.bx-next {
			position: absolute;
			z-index: 99;
			bottom: 1px;
			display: block;
			width: 25px;
			height: 25px;
			background: url("images/slider-arrows.png") no-repeat scroll 0 0 #464645;
			text-indent: -9999px;
			cursor: pointer;
		}

		.bx-prev { right: 28px; }

		.bx-next {
			right: 1px;
			background-position: top right;
		}

		.bx-prev:hover,
		.bx-next:hover {background-color: #fdbe0f;}

		/* Responsive Projects */

		.projects {
			display: none;
			list-style: none;
			font-size: 0;
		}

			.projects li {
				display: inline-block;
				list-style: none outside none;
				margin: 0 1px 1px 0;
				position: relative;
				width: 186px;
			}

				.projects li a,
				.projects li a img  {display: block;}

		/***************************************************/

		.no_active_button{
			opacity: 0.3;
		}

/* ---------------------------------------------------------------------- */
/*	Contact Us
/* ---------------------------------------------------------------------- */

#map {
	height: 350px;
	margin: 0 0 35px 0;
	position: relative;
	width: 100%;
}

.google_map img { max-width: none; }

/* Form style */

fieldset.row {
	margin-bottom: 1em;
}

#contact label {
	line-height: 35px;
    margin-left: 10px;
}

/*#contact input[type="text"] {float: left;}*/

#contact input[type="text"] {width: 280px;}

#contact select {width: 350px;}

#contact textarea {   
	height: 220px;
    max-height: 400px;
    max-width: 438px;
    min-height: 220px;
    min-width: 438px;
    width: 438px;
}

#contact input[type="submit"][disabled] { background:#888; cursor: default; }

#message fieldset {
	padding: 20px;
	border: 1px solid #eee;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #F9FAF5;
}

.error_message {
	display: block;
	line-height: 22px;
	background: #FBE3E4 url('../assets/error.gif') no-repeat 10px 6px;
	padding: 3px 10px 3px 35px;
	color:#8a1f11;
	border: 1px solid #FBC2C4;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
}

ul.error_messages {
	margin: 0 0 0 15px;
	padding: 0;
}

ul.error_messages li {
	height: 22px;
	line-height: 22px;
	color:#333;
}

.loader {padding: 0 10px;}

#contact #success_page h1 { 
	background: url('../assets/success.gif') left no-repeat;
	padding-left:22px;
}

#contact .verify {
	float: none !important;
	margin: 0 8px;
	width: 50px !important;
	height: 28px !important;
	vertical-align: middle;
}

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

.error404t {
	text-align: center;
}

	.e404 {
		line-height: 1em;
		margin-bottom: 20px;
	}

	.e404 h1 {
		margin-bottom: 5px;
		color: #313131;
		font-size: 300px;
		line-height: .8;
		font-family: 'helvetica';
	}
	
	.e404 span {
		position: relative;
		top: 20px;
		left: 140px;
		color: #a1a1a1;
		font-size: 48px;
		display: block;
		font-family: 'arial';
		-webkit-transform: rotate(-45deg);
		   -moz-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			 -o-transform: rotate(-45deg);
				transform: rotate(-45deg);
	}

	.error404t .title_error {
		color: #7aba21;
		font-size: 72px;
		font-family: 'helvetica', sans-serif;
		line-height: 1em;
		padding-bottom: 10px;
	}

	.error404t .description_error {
		margin-bottom: 30px;
		color: #a1a1a1;
		font-size: 24px;
		font-family: 'Ubuntu Condensed', sans-serif;
	}

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

#sidebar {width: 220px;}

.sbr #sidebar {float: right;}
.sbl #sidebar {float: left}

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

	.widget_search {position: relative;}

	.widget_search input[type="text"] { padding: 0 30px 0 10px; }
	
	#footer .widget_search input[type="text"] {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}

	.widget_search input::-moz-input-placeholder {color: #50554E;}
	.widget_search input::-webkit-input-placeholder {color: #50554e;}
	
	.widget_search input:hover,
	.widget_search input:focus {border-color: #a7a7a7;}
	
	.widget_search button {
		position: absolute;
		right: 8px;
		top: 8px;
		margin: 0;
		padding: 0;
		width: 15px;
		height: 14px;
		border: none;
		cursor: pointer;
		background: url(images/search.png) no-repeat;

		-webkit-transition: all .25s linear;
		   -moz-transition: all .25s linear;
			-ms-transition: all .25s linear;
			 -o-transition: all .25s linear;
				transition: all .25s linear;
	}

		.widget_search button:hover {background-position: right bottom;}

	/* -------------------------------------------------- */
	/*	Widgets
	/* -------------------------------------------------- */

	#sidebar .widget { margin: 0 0 50px; }

		#sidebar .widget-title {
			padding-bottom: 1.1em;
			font-size: 24px;
		}

		/* ---------------------------------------- */
		/*	Categories, Archive, Custom Menu, Links
		/* ---------------------------------------- */
		
		.widget_categories li:first-child,
		.widget_archive li:first-child,
		.widget_nav_menu li:first-child,
		.widget_recent_entries li:first-child,
		.widget_links li:first-child,
		.widget_recent_comments li:first-child,
		.widget_pages li:first-child,
		.widget_meta li:first-child,
		.tm_widget_recent_entries li:first-child {padding-top: 0;}
		
		.widget_categories li:last-child,
		.widget_archive li:last-child,
		.widget_nav_menu li:last-child,
		.widget_recent_entries li:last-child,
		.widget_links li:last-child,
		.widget_recent_comments li:last-child,
		.widget_pages li:last-child,
		.widget_meta li:last-child,
		.tm_widget_recent_entries li:last-child {padding-bottom: 0;}
		
		.widget_categories li,
		.widget_archive li,
		.widget_nav_menu li,
		.widget_recent_entries li,
		.widget_links li,
		.widget_recent_comments li,
		.widget_pages li,
		.widget_meta li,
		.tm_widget_recent_entries li {
			padding: 3px 0;
			list-style: none;
		}
		
			.tm_widget_recent_entries li h4 {margin-bottom: 0;}

			.widget_categories li a,
			.widget_archive li a,
			.widget_nav_menu li a,
			.widget_recent_entries li a,
			.widget_links li a,
			.widget_recent_comments li a,
			.widget_pages li a,
			.widget_meta li a,
			.widget_testimonials ul * {
				color: #8a8989;
				font-size: 11px;
			}
			
			.widget_categories li:hover > a,
			.widget_archive li:hover > a,
			.widget_nav_menu li:hover > a,
			.widget_recent_entries li:hover > a,
			.widget_links li:hover > a,
			.widget_recent_comments li:hover > a,
			.widget_pages li:hover > a,
			.widget_meta li:hover > a,
			.tm_widget_recent_entries li:hover > a {color: #fdbe0f;}
			
		/* ---------------------------------------- */
		/*	Custom Menu
		/* ---------------------------------------- */
		
		.widget_nav_menu .sub-menu {
			padding-left: 15px;
		}
			
		/* ---------------------------------------- */
		/*	Testimonials
		/* ---------------------------------------- */
		
		.widget_testimonials li {list-style: none;}
			
			.quoteBox .quote-author {
				margin-top: 5px;
				text-align: right;
				font-size: 13px;
			}
			
			.quote-text { margin-bottom: 1em; }
			
		/* ---------------------------------------- */
		/*	Flickr
		/* ---------------------------------------- */
			
		.flickr-badge {margin-bottom: 15px;}

			.flickr-badge li {
				float: left;
				margin-right: 4px;
				margin-bottom: 4px;
				list-style: none;
			}
			
			.flickr-badge li.last {margin-right: 0;}

				.flickr-badge li img {
					display: block;
					-webkit-border-radius: 5px;
					   -moz-border-radius: 5px;
							border-radius: 5px;
					padding: 3px;
					width: 45px;
					-webkit-transition: all .2s linear;
					   -moz-transition: all .2s linear;
						-ms-transition: all .2s linear;
						 -o-transition: all .2s linear;
							transition: all .2s linear;	
				}

				.flickr-badge li:hover img {background-color: #646464;}

		/* ---------------------------------------- */
		/*	Twitter
		/* ---------------------------------------- */
			
		.jta-tweet-list .jta-tweet-list-item {
			list-style: none;
			margin: 0 0 15px 0;
			padding: 0;
			font-size: 11px;	
		}

			.jta-tweet-list .jta-tweet-timestamp-link {
				display: block;
				color: #8a8989;
				font-size: 13px;
				font-family: 'Ubuntu Condensed', sans-serif;
			}
			
			.jta-tweet-list-controls span { font-size: 11px; cursor: pointer; }
			.jta-tweet-list-controls span:hover { color: #333; }
			.jta-tweet-list-controls .jta-tweet-list-controls-button-prev { margin-right: 3px; }

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

#footer {
	position: relative;
	/*margin-top: 75px;*/
	padding: 45px 20px 10px;
	background-image: url(images/foot.jpg);
	background-repeat: repeat-x ;
	color: #8a8989;
}

.ie7 #footer {position: static;}


	#footer .one-half,
	#footer .one-fourth {margin-bottom: 30px;}

	.adjective {
		clear: both;
		margin: 15px 0 0 0;
		padding: 2em 0 0;
		border-top: 1px solid #df7029;
		font-size: 11px;
		color: #8a8989;
	}
	
		.copyright {float: left;}
		
		.developed, #rightFootLink {float: right; font-size: 14px; line-height: 30px; }

	/* -------------------------------------------------- */
	/*	Widgets
	/* -------------------------------------------------- */

	#footer .widget {margin: 0 0 50px;}

		#footer	.widget-title {
			
			padding-bottom: 10px;
			color: #fff;
			font-size: 24px;
			text-align: center;
		}

    #footer p { text-align: center; color: #acacac; }
	

		/* -------------------------------------------------- */
		/*	Calendar
		/* -------------------------------------------------- */		

		.widget_calendar table {
			width: 100%;
			text-align: center;
			border-spacing: 1px;
			border-collapse: separate;
		}

			.widget_calendar caption {
				margin-bottom: 5px;
				color: #858585;
				font-size: 14px;
			}

				.widget_calendar thead th {
					padding: 4px 4px;
					-webkit-box-shadow: 0 0 2px rgba(0,0,0,.15);
					-moz-box-shadow: 0 0 2px rgba(0,0,0,.15);
					color: #858585;
					font-size: 12px;
				}

				.widget_calendar tbody td {
					padding: 4px;
					color: #6b6b6b;
					font-size: 12px;
				}

				.widget_calendar tbody td a {
					font-weight: 700;
				}

				#sidebar .widget_calendar tbody #today a {
					color: #333;
				}

				#footer .widget_calendar tbody #today a {
					color: #fff;
					font-weight: 700;
				}

				.widget_calendar tbody #today a {color: #fff;}

				.widget_calendar td > a {
					padding: 4px 4px;
					display: block;
					border-color: #6b6b6b;
				}

			.widget_calendar tfoot {
				margin-top: 5px;
				border-top: 1px dotted #b7b6b6;
			}

			.widget_calendar tfoot a {color: #858585;}

			.widget_calendar tfoot #prev {text-align: left; }
			.widget_calendar tfoot #next {text-align: right;}	

		/* ---------------------------------------- */
		/*	Social Links
		/* ---------------------------------------- */
		
		ul.social-links {margin: 0; padding: 5px 0 0 0;}
		
			ul.social-links li {
				position: relative;
				float: left;
				display: block;
				margin: 0 3px 5px 0;
				list-style: none outside none;
			}
			
			ul.social-links li:after {
				position: absolute;
				left: 50%;
				bottom: 55px;
				visibility: hidden;
				opacity: 0;
				filter: alpha(opacity=0);
				margin-left: -3px;
				width: 0; 
				height: 0; 
				border-left: 5px solid transparent;
				border-right: 5px solid transparent;
				border-top: 5px solid #000;
				content: '';
			}
			
			ul.social-links li:before {
				position: absolute;
				bottom: 60px;
				left: -15px;
				z-index: 98;
				visibility: hidden;
				padding: 5px 10px;
				width: 45px;
				background-color: #000;
				
				-webkit-border-radius: 2px;
				   -moz-border-radius: 2px;
						border-radius: 2px;
						
				color: #fff;
				content: attr(data-tooltip);
				line-height: 1.5;
				opacity: 0;
				filter: alpha(opacity=0);
				text-align: center;
				font-size: 10px;
			}
			
			ul.social-links li:before,
			ul.social-links li:after {
				-webkit-transition: all .25s linear;
				   -moz-transition: all .25s linear;
					-ms-transition: all .25s linear;
					 -o-transition: all .25s linear;
						transition: all .25s linear;
			}
			
			ul.social-links li:hover:before {
				bottom: 45px;
				visibility: visible;
				opacity: 1;
				filter: alpha(opacity=100);
			}
			
			ul.social-links li:hover:after {
				bottom: 40px;
				visibility: visible;
				opacity: 1;
				filter: alpha(opacity=100);
			}

				ul.social-links li a {
					position: relative;
					display: block;
					width: 30px;
					height: 30px;
					background: url(images/social-links.png) no-repeat;
					text-indent: -9999px;
					cursor: pointer;
				}
				
					ul.social-links li a > span {
						position: absolute;
						top: 0;
						left: 0;
						bottom: 0;
						right: 0;
						background: url(images/social-links.png) no-repeat;
						opacity: 0;
						filter: alpha(opacity = 0);
						
						-webkit-transition: opacity .5s;
						   -moz-transition: opacity .5s;
							-ms-transition: opacity .5s;
							 -o-transition: opacity .5s;
								transition: opacity .5s;
					}
					
				ul.social-links li.twitter a {background-position: 0 0;}
				ul.social-links li.facebook a {background-position: -33px 0;}
				ul.social-links li.flickr a {background-position: -66px 0;}
				ul.social-links li.dribbble a {background-position: -99px 0;}
				ul.social-links li.skype a {background-position: -132px 0;}
				ul.social-links li.rss a {background-position: -164px 0;}
				
				ul.social-links a:hover span {
					opacity: 1; 
					filter: alpha(opacity=100);
				}
				
				ul.social-links li.twitter a > span {background-position: 0 -35px;} 
				ul.social-links li.facebook a > span {background-position: -33px -35px;}
				ul.social-links li.flickr a > span {background-position: -66px -35px;}
				ul.social-links li.dribbble a > span {background-position: -99px -35px;}
				ul.social-links li.skype a > span {background-position: -132px -35px;}
				ul.social-links li.rss a > span {background-position: -164px -35px;}
				
/* ---------------------------------------------------------------------- */
/*	Widgets
/* ---------------------------------------------------------------------- */
	
	.container .widget-container {margin-bottom: 45px;}

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

	ul.tabs-nav {
		overflow: hidden;
		margin: 0;
		padding: 0;
		width: 100%;
		list-style: none outside none;
	}

		.tabs-nav li {
			position: relative;
			float: left;
			overflow: hidden;
			margin: 0;
			padding: 0;
			line-height: 19px;
		}

			ul.tabs-nav li a {
				display: block;
				padding: 10px 30px;
				outline: medium none;
				border: 1px solid #d4d4d4;
				border-bottom: 1px solid #d4d4d4;
				border-left: none;
				background-color: #f2f2f2;
				border-color: #d4d4d4;
				color: #a1a1a1;
				text-decoration: none;
				letter-spacing: 0;
				font-size: 13px;
				font-family: 'Ubuntu Condensed', sans-serif;
				-webkit-transition: background-color .25s linear;
				   -moz-transition: background-color .25s linear;
					 -o-transition: background-color .25s linear;
						transition: background-color .25s linear;
			}

			ul.tabs-nav li:first-child a {border-left: 1px solid #d4d4d4;}
			ul.tabs-nav li:hover a {background-color: #d4d2d2; color: #fff;}
			
			ul.tabs-nav li.active {line-height: 18px;}
			ul.tabs-nav li.active a {
				background-color: #fff;
				color: #313131; 
				border-bottom: 2px solid #fff;
			}
		
	.tabs-container {
		overflow: hidden;
		margin: -1px 0 20px;
		width: 100%;
		border: 1px solid #d4d4d4;
	}

		.tab-content {
			padding: 25px 20px;
			display: none;
		}
			
	/* ---------------------------------------- */
	/*	Accordion Content
	/* ---------------------------------------- */

	.acc-trigger:first-of-type {border-top: 1px solid #d4d4d4;}
	
	.acc-trigger {
		margin: 0;
		display: block;
		cursor: pointer;
		border: 1px solid #d4d4d4;
		border-top: none;
	}

		.acc-trigger a {
			position: relative;
			display: block;
			padding: 10px 20px 10px 38px;
			outline: medium none;
			background-color: #fff;
			color: #313131;
			text-decoration: none;
			font-size: 13px;
			font-family: 'Ubuntu Condensed', sans-serif;
			cursor: pointer;
		}
	
		.acc-trigger a:after {
			position: absolute;
			left: 11px;
			top: 50%;
			margin-top: -8px;
			width: 17px;
			height: 17px;
			background-image: url(images/collapse.png);
			background-color: #313131;
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			content: '';
		}
		
		.ie7 .acc-trigger a:after {
			top: 43%;
		}
		
		.acc-trigger.active a:after,
		.acc-trigger.active:hover a:after {background-position: 0 -17px;}
		
		.acc-trigger:hover a:after {background-position: 0 -34px;}
		
			.trigger:hover:after {background-position: 0 -34px;}
			.trigger.active:hover:after {background-position: 0 -51px;}
			.trigger.active:after {background-position: 0 -17px;}
			
		.acc-trigger.active,
		.acc-trigger.active a { 
			background-color: #f2f2f2;
			cursor: default;
		}

	.acc-container .content { 
		padding: 25px 20px;
		border-left: 1px solid #d4d4d4;
		border-right: 1px solid #d4d4d4;
		border-bottom: 1px solid #d4d4d4;
	}
	
	/* ---------------------------------------- */
	/*	Content Toggle
	/* ---------------------------------------- */	
	
	.box-toggle {
		margin-bottom: 4px;
		border: 1px solid #d4d4d4;
	}

		.trigger {
			position: relative;
			display: block;
			padding: 10px 20px 10px 38px;
			outline: medium none;
			background-color: #fff;
			color: #313131;
			text-decoration: none;
			font-size: 13px;
			font-family: 'Ubuntu Condensed', sans-serif;
			cursor: pointer;
		}
		
		.ie7 .trigger {height: 20px;}

			.trigger:after {
				position: absolute;
				left: 11px;
				top: 50%;
				margin-top: -8px;
				width: 17px;
				height: 17px;
				background-image: url(images/collapse.png);
				background-color: #313131;
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				content: '';
			}
			
			.trigger:hover:after {background-position: 0 -34px;}
			.trigger.active:hover:after {background-position: 0 -51px;}
			.trigger.active:after {background-position: 0 -17px;}
			
			.trigger.active {border-bottom: 1px solid #d4d4d4;}
			
			.trigger:hover,
			.trigger.active {background-color: #f2f2f2;}

		.toggle-container  {
			display: none;
			padding: 15px;
		}
	
				
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	
	.container img {
		height: auto;
		max-width: 100%;
	}
	
	.widget_recent_projects div {
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;
	}
	
	.not-ie #portfolio-items article > div:after,
	.not-ie #portfolio-items article > div:before,
	.not-ie .widget_recent_projects li > div:after,
	.not-ie .widget_recent_projects li > div:before {display: none;}
	
	#portfolio-items article > div:hover img,
	#portfolio-items article > div:hover a.project-meta,
	#portfolio-items article > div:hover span.categories,
	.not-ie .widget_recent_projects div:hover img,
	.not-ie .widget_recent_projects div:hover h5,
	.not-ie .widget_recent_projects div:hover span a,
	.not-ie .widget_recent_projects div:hover span
	{
		-webkit-transform: translate(0);
			-moz-transform: translate(0);
			  -ms-transform: translate(0);
				-o-transform: translate(0);
				   transform: translate(0);
	}
	
	.not-ie #portfolio-items article:hover > div,
	.not-ie .widget_recent_projects li:hover > div {
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;
	}	
	
	.project-loader { left: 19%; }

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
		
	/* -------------------------------------------------- */
	/*	Logo
	/* -------------------------------------------------- */
	
	#logo {margin-bottom: 20px;}
	
	/* -------------------------------------------------- */
	/*	Wrap
	/* -------------------------------------------------- */
	
	.wrap,
	#slider {width: 768px;}
	
	.TB_Wrapper {width: 768px;}

	.container {width: 748px;}
	
		/* ---------------------------------------- */
		/*	Columns
		/* ---------------------------------------- */

		.no_sidebar .one-half {width: 364px;}
		
		.has_sidebar .one-half {width: 234px;}
		
		.panel-entry .one-half,
		#footer .one-half {width: 344px;}

		.no_sidebar .one-third {width: 236px;}
		
		.has_sidebar .one-third {width: 149px;}

		.no_sidebar .two-third {width: 492px;}
		
		.has_sidebar .two-third {width: 319px;}

		.no_sidebar .one-fourth,
		#footer .one-fourth {width: 172px;}
		
		.has_sidebar .one-fourth {width: 107px;}

		.no_sidebar .three-fourth {width: 556px;}
		
		.has_sidebar .three-fourth {width: 360px;}

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

	#content {width: 488px;}
	
		.entry-body {width: 100%;}

	/* -------------------------------------------------- */
	/*	Main Navigation
	/* -------------------------------------------------- */	
	
		
	/* -------------------------------------------------- */
	/*	Page Header
	/* -------------------------------------------------- */
	
	.page-title h1 {font-size: 38px;}
	
	/* -------------------------------------------------- */
	/*	Contact Us
	/* -------------------------------------------------- */
	
	#contact input[type="text"] {width: 200px;}	
	
	#contact textarea {
		height: 180px;
		max-height: 250px;
		max-width: 3428px;
		min-height: 180px;
		min-width: 342px;
		width: 342px;
	}
	
	/* -------------------------------------------------- */
	/*	Image Gallery Slider
	/* -------------------------------------------------- */	
	
	.meta {
		float: right;
		width: 290px;
	}

	.image-single-slider {
		float: left;
		width: 425px;
	}

	/* -------------------------------------------------- */
	/*	jPlayer
	/* -------------------------------------------------- */
	
	#jp_container_1	div.jp-seek-bar {
		width: 85% !important;
	}

	div.jp-volume-bar {
		width: 10% !important;
	}

	div.jp-audio div.jp-type-single a.jp-mute,
	div.jp-audio div.jp-type-single a.jp-unmute {
		margin-left: 255px !important;
	}

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

	.project-cycle-wrap { width: 450px; }

	.project-info { width: 238px; }
	
		.project-thumbnails li { width: 185px; }
	
	/* -------------------------------------------------- */
	/*	Widgets
	/* -------------------------------------------------- */		
	
		/* -------------------------------------------------- */
		/*	Recent
		/* -------------------------------------------------- */
		
		.not-ie .widget_recent_entries li a:before,
		.not-ie .widget_recent_entries li a:after {display: none;}
		
		.not-ie .widget_recent_entries li:hover a {
			-webkit-box-shadow: none;
			   -moz-box-shadow: none;
					box-shadow: none;
		}
	
	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
	#projects { display: none; }
	.projects { display: block; }
	
	/* -------------------------------------------------- */
	/*	Layout
	/* -------------------------------------------------- */
	
	.wrap {
		-webkit-box-shadow: none;
		  -moz-box-shadow: none;
			box-shadow: none;
	}
	
	.wrap,
	#slider {width: 300px;}
	
	.TB_Wrapper {width: 300px;}
	
	.TB_Wrapper .Slide > div {display: none !important;}

	.container {width: 300px;}
	
	#footer .container {width: 260px;}

		/* ---------------------------------------- */
		/*	Header
		/* ---------------------------------------- */
		
		.wrap-header {height: 105px;}
		
		#header {
			background-color: rgba(0, 0, 0, 0.8);
			padding: 35px 0 0;
			position: relative;
			z-index: 99;
		}
		
		#logo {
			margin-bottom: 25px;
			max-height: 100%;
		}

		#logo {
			display: block;
			float: none;
			text-align: center;
		}	
		
			#top-panel .toggle  {display: none;}

		/* ---------------------------------------- */
		/*	Navigation
		/* ---------------------------------------- */
		
		.navigation {
			float: none;
			margin-bottom: 25px;
			width: 100%;
			text-align: center;
		}
		
			.navigation > ul > li {
				width: 50%;
				margin: 0 0 0 0;
			}
		
				.navigation ul > li:hover > ul {top: 60px; display: block;}

				.navigation ul ul {
					top: 70px;
					width: 100%;
					visibility: visible;
					display: none;
				}
				
				.navigation .rightarrowclass {display: none;}
				
				.navigation li:hover ul {
					display: block !important;
					opacity: 1;
					left: 0;
				}
				
				/* Sub Dropdown */
				
				.navigation ul ul ul {
					position: relative;
					top: 0 !important;
					left: 0 !important;
					display: block !important;
					margin: 0;
					opacity: 1 !important;
					
					-webkit-transition: all .2s ease-in-out;
					   -moz-transition: all .2s ease-in-out;
					    -ms-transition: all .2s ease-in-out;
					  	 -o-transition: all .2s ease-in-out;
				}

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

	#content {
		float: none;
		margin-right: 0;
		margin-bottom: 50px;
		width: 100%;
	}

		.page-title h1 {
			float: none;
			text-align: center;
		}
		
		/* -------------------------------------------------- */
		/*	Block with Images
		/* -------------------------------------------------- */
		
			ul.block-with-images li:first-child {border-left: none;}
		
			ul.block-with-images.hor li{
				width: 100%;
				margin-bottom: 5px;
				border-bottom: 1px solid #f3f3f3;
				border-top: 1px solid #fff;
			}			
		
		/* ---------------------------------------- */
		/*	Blog
		/* ---------------------------------------- */	
		
		.entry-meta { float: none; }
		
		.entry-body {
			float: none;
			width: 100%;
		}

		/* -------------------------------------------------- */
		/*	Contact Us
		/* -------------------------------------------------- */
		
		#contact input[type="text"] {width: 278px;}

		#contact .textarea-block label {
			display: block;
		}

		#contact textarea {
			height: 180px;
			max-height: 250px;
			max-width: 278px;
			min-height: 180px;
			min-width: 278px;
			width: 278px;
		}
		
		/* -------------------------------------------------- */
		/*	404 Page
		/* -------------------------------------------------- */

		.error404t {margin-top: 0;}
		
			.e404 h1 {font-size: 150px;}

			.e404 span {
				top: 35px;
				left: 75px;
				font-size: 20px;
			}

			.error404t .title_error {font-size: 30px;}

			.error404t .description_error {
				margin-bottom: 20px;
				font-size: 13px;
			}
		
		/* -------------------------------------------------- */
		/*	Team List
		/* -------------------------------------------------- */

		ul.team-list .gravatar {text-align: center;}
			
			.team .gravatar { text-align: center; }

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

		.image-single-slider{
			float: none;
			width: 100%;
		}

		.meta {
			float: none;
			width: 100%;
		}	
		
			.pagination-project {text-align: left;}
			
		/* -------------------------------------------------- */
		/*	jPlayer
		/* -------------------------------------------------- */

		#jp_container_1	div.jp-seek-bar {width: 72% !important;}

		div.jp-volume-bar {width: 13% !important;}

		div.jp-audio div.jp-type-single a.jp-mute,
		div.jp-audio div.jp-type-single a.jp-unmute {margin-left: 185px !important;}
		
		/* ---------------------------------------- */
		/*	Portfolio
		/* ---------------------------------------- */	
		
		#portfolio-items.gl-col-4 article img {width: 100%;}
		
		/* -------------------------------------------------- */
		/*	Projects Responsive
		/* -------------------------------------------------- */
		
		.projects li,
		.projects li img {width: 300px;}
		
	/* -------------------------------------------------- */
	/*	Sidebar
	/* -------------------------------------------------- */
		
	#sidebar {
		float: none;
		width: 100%;
	}

		.single-image img {
			display: inline;
			text-align: center;
		}
	
	/* -------------------------------------------------- */
	/*	Footer
	/* -------------------------------------------------- */
	
	#footer {margin-top: 25px;}

	#footer .one-half, 
	#footer .one-fourth {
			width: 260px;
	}	

		ul.copyright li:before { margin: 0 2px; }

		ul.copyright li {font-size: 10px;}	
		
	/* -------------------------------------------------- */
	/*	Widgets
	/* -------------------------------------------------- */		
	
		/* -------------------------------------------------- */
		/*	Recent
		/* -------------------------------------------------- */
		
		.not-ie .widget_recent_entries li a:before,
		.not-ie .widget_recent_entries li a:after {display: none;}
		
		.not-ie .widget_recent_entries li:hover a {
			-webkit-box-shadow: none;
			   -moz-box-shadow: none;
					box-shadow: none;
		}
		
		
		
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
		
	/* -------------------------------------------------- */
	/*	Layout
	/* -------------------------------------------------- */
	
	.wrap,
	#slider {width: 460px;}
	
	.TB_Wrapper {width: 460px;}
	
	.TB_Wrapper .Slide > div {display: none !important;}

	.container,
	#footer .container {width: 420px;}

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

		.one-half,
		.one-third,
		.two-third,
		.one-fourth,
		.three-fourth {
			float: none;
			margin-right: 0;
		}
		
		.no_sidebar .one-half,
		.has_sidebar .one-half,
		.no_sidebar .one-third,
		.has_sidebar .one-third,
		.no_sidebar .two-third,
		.has_sidebar .two-third,
		.no_sidebar .one-fourth,
		.has_sidebar .one-fourth,
		.no_sidebar .three-fourth,
		.has_sidebar .three-fourth {width: 420px;}
		
		address.one-third {width: 380px;}
		
	/* -------------------------------------------------- */
	/*	Content
	/* -------------------------------------------------- */

		/* ---------------------------------------- */
		/*	Header
		/* ---------------------------------------- */
		
		.wrap-header {height: 105px;}
		
		#header {
			background-color: rgba(0, 0, 0, 0.8);
			padding: 35px 20px 0;
		}
	
			/* -------------------------------------------------- */
			/*	 Main Navigation
			/* -------------------------------------------------- */

			.navigation > div > ul {display: none;}
			
			.navigation .nav-responsive {display: inline-block; width: 380px;}
		
		/* -------------------------------------------------- */
		/*	Block with Images
		/* -------------------------------------------------- */
		
			ul.block-with-images li.hor:first-child {border-left: none;}
		
			ul.block-with-images li.hor {
				width: 50%;
				border-bottom: 1px solid #f3f3f3;
				border-top: 1px solid #fff;
			}
			
		/* -------------------------------------------------- */
		/*	Gallery
		/* -------------------------------------------------- */		

		.project-cycle-wrap,
		.project-info { width: 380px; }

			.project-thumbnails li { width: 185px; margin: 12px; }
			
		/* -------------------------------------------------- */
		/*	Contact Us
		/* -------------------------------------------------- */

		#contact input[type="text"] {width: 398px;}	
		
		#contact .textarea-block label { display: block; }
		
		/* -------------------------------------------------- */
		/*	404 Page
		/* -------------------------------------------------- */

		.error404t {margin-top: 0;}
		
			.e404 h1 {font-size: 200px;}

			.e404 span {
				top: 44px;
				left: 105px;
				font-size: 30px;
			}

			.error404t .title_error {font-size: 40px;}

			.error404t .description_error {
				margin-bottom: 20px;
				font-size: 16px;
			}
		
		/* -------------------------------------------------- */
		/*	Respond
		/* -------------------------------------------------- */
		
		.contact-form input[type="text"],
		.comments-form input[type="text"] {
			width: 250px;
		}
			
		/* ---------------------------------------- */
		/*	Portfolio
		/* ---------------------------------------- */
		
		#portfolio-items.gl-col-3 article img { width: 420px; }
		
		#portfolio-items.gl-col-4 article.one-fourth { width: 200px; }
		
		/* -------------------------------------------------- */
		/*	jPlayer
		/* -------------------------------------------------- */

		#jp_container_1	div.jp-seek-bar {
			width: 84% !important;
		}

		div.jp-volume-bar {
			width: 10% !important;
		}

		div.jp-audio div.jp-type-single a.jp-mute,
		div.jp-audio div.jp-type-single a.jp-unmute {
			margin-left: 295px !important;
		}
		
		/* -------------------------------------------------- */
		/*	Projects Responsive
		/* -------------------------------------------------- */
		
		.projects li,
		.projects li img {width: 209px;}
			
	/* -------------------------------------------------- */
	/*	Sidebar
	/* -------------------------------------------------- */
			
		/* ---------------------------------------- */
		/*	Footer
		/* ---------------------------------------- */

		#footer .one-half,
		#footer .one-fourth {
			width: 420px;
		}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	body {background: #fff;}
	
	.textarea-block strong {display: block;}
	
	blockquote.right,
	blockquote.left {
		float: none;
		margin: 0 0 25px 0;
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}	

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

		.one-half,
		.one-third,
		.two-third,
		.one-fourth,
		.three-fourth {
			float: none;
			margin-right: 0;
		}
		
		.no_sidebar .one-half,
		.has_sidebar .one-half,
		.no_sidebar .one-third,
		.has_sidebar .one-third,
		.no_sidebar .two-third,
		.has_sidebar .two-third,
		.no_sidebar .one-fourth,
		.has_sidebar .one-fourth,
		.no_sidebar .three-fourth,
		.has_sidebar .three-fourth {width: 300px;}		

			address.one-third {width: 260px;}
	
	/* -------------------------------------------------- */
	/*	 Main Navigation
	/* -------------------------------------------------- */

	.navigation > div > ul {display: none;}
	.navigation .nav-responsive {display: inline-block;}
	
	/* -------------------------------------------------- */
	/*	 Portfolio
	/* -------------------------------------------------- */
	
	#portfolio-filter a {
		background-color: #fff;
		border: 1px solid #ccc;
	}
	
	#portfolio-filter a.active {border: 1px solid transparent;}
	
	#portfolio-items {margin-right: 0;}
	
		#portfolio-items article {margin-right: 0;}
		
		/* ---------------------------------------- */
		/*	Respond
		/* ---------------------------------------- */
		
			#contactform .input-block > label,
			.comments-form .input-block > label,
			.textarea-block > label,
			.comment-form-author label,
			.comment-form-email label,
			.comment-form-url label 
			{
				margin-left: 0;
				line-height: 1;
			}
			
			#contactform textarea,
			.comments-form textarea {
				width: 100%;
				height: 250px;
				max-height: 250px;
				min-height: 250px;
			}
			
			#contactform input[type="text"],
			.comments-form input[type="text"] {
				float: none;
			}	
		
}
		

/* -------------------------------------------------- */
/*	Keyframes
/* -------------------------------------------------- */

@-moz-keyframes fill {
	0% {
		left: 50%;
	}
	100% {
		left: 105%;
	}
}

@-ms-keyframes fill {
	0% {
		left: 50%;
	}
	100% {
		left: 105%;
	}
}

@-o-keyframes fill {
	0% {
		left: 50%;
	}
	100% {
		left: 105%;
	}
}

@keyframes fill {
	0% {
		left: 50%;
	}
	100% {
		left: 105%;
	}
}

@-moz-keyframes move {
	0% {
		left: -10%;
	}
	100% {
		left: 50%;
	}
}

@-ms-keyframes move {
	0% {
		left: -10%;
	}
	100% {
		left: 50%;
	}
}

@-o-keyframes move {
	0% {
		left: -10%;
	}
	100% {
		left: 50%;
	}
}

@keyframes move {
	0% {
		left: -10%;
	}
	100% {
		left: 50%;
	}
}