/*

	This is the main CSS file
	
	- Responsive Media Queries can be found in responsive.css
	- Custom CSS (for colours etc.) can be found in custom.css
	- IE 8 CSS styles can be found in ie.css
	
	
	Table of Contents
	
	- Reset Styles
	- Site Header
		- Site Nav
	- Panels
	- Banner
		- Banner Overlays
		- Banner Slides
		- Banner Nav
	- Default Typography
	- Panel Heading
	- Columns
	- Buttons
	- Social icons
	- Toggles
	- Tabs
	- Image Slider
	- Gallery
	- Isotope
	- Lightbox
	- Box Slider
	- Box
		- Service Box
	- Testimonials
	- Call Out
	- Client Logos
	- Blog
	- Contact
	- Site Footer

*/


/* Reset Styles */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
div, nav, header, footer, aside { display: block; }
.show-on-mobile, 
.show-on-tablet { display: none; }

body {
	background: #FFFFFF;
	text-align: center;
	font-family: Helvetica, Arial, 'Sans Serif';
	font-size: 16px;
	color: #555;
	padding: 100px 0 0 0;
}
	a {
		color: #3c639d;
		text-decoration: none;
	}
	a:hover { color: #333; }

	
	/* Site Header */
	
	#site-header {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100px;
		z-index: 500;
		background: #FFF;
		border-bottom: 1px solid #e5e5e5;
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
		-webkit-transition: height 0.3s ease;
		-moz-transition: height 0.3s ease;
		-o-transition: height 0.3s ease;
		transition: height 0.3s ease;
	}
		#site-header .site-logo, 
		#site-header .site-heading {
			float: left;
			display: block;
			margin: 25px 0 0 0;
		}
		#site-header .site-heading { font-size: 28px; }
			#site-header .site-logo img { display: block; }
			#site-header .site-logo img.logo-retina { display: none; }
			
			
			/* Site Nav */
			
			#site-nav {
				float: right;
				margin: 38px 0 0 0;
				font-family: "PT Sans", sans-serif;
			}
				#site-nav ul li {
					float: left;
					display: block;
					margin: 0 0 0 40px;
					height: 63px;
					position: relative;
				}
					#site-nav ul li a {
						float: left;
						display: block;
						font-size: 16px;
					}
					#site-nav ul li a.active,
					#site-nav ul li a.dropdown-active { color: #333; }
					#site-nav ul li a.active { border-bottom: 1px solid #EEE; }
					#site-nav ul li ul {
						display: none;
						position: absolute;
						left: -50px;
						top: 63px;
						width: 200px;
						background: #3c639d;
					}
						#site-nav ul li ul li {
							float: none;
							display: block;
							height: auto;
							margin: 0px;
							height: auto;
							background: url(../images/white-10.png) repeat-x left bottom;
							padding: 0 0 1px 0;
						}
							#site-nav ul li ul li a {
								padding: 10px 20px;
								float: none;
								height: auto;
								font-size: 13px;
								color: #FFF;
								font-weight: normal;
							}
							#site-nav ul li ul li a.dropdown-active, 
							#site-nav ul li ul li a:hover { color: #FFF; background: rgba(255, 255, 255, 0.05); }
						#site-nav ul li ul li ul {
							top: 0px;
							left: 160px;
						}

	
	/* Panels */
	
	.panel {
		overflow: hidden;
		position: relative;
		clear: both;
		background: #FFF;
		padding: 100px 0 80px 0;
		z-index: 1;
	}
	
		.panel .parallax {
			position: absolute;
			top: 0px;
			left: 50%;
			width: 1920px;
			margin: 0 0 0 -960px;
			height: 100%;
			display: block;
			z-index: 0;
			text-align: center;
			background-position: center top;
			background-size: 100% auto;
			background-repeat: no-repeat;
		}
			.panel .parallax .overlay {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 100%;
				height: 100%;
				display: block;
				background: #000;
				opacity: 0.7;
				text-align: center;
				filter: alpha(opacity = 70);
			}
		
		.container {
			margin: auto;
			width: 1200px;
			text-align: left;
			position: relative;
			color: #454545;
		}
		

		
		.panel-textcolor-light .container { color: #FFF; }
			.panel-textcolor-light .container a { color: #FFF; }

	
	/* Banner */
	
	#banner {
		overflow: hidden;
		position: fixed;
		top: 80px;
		left: 0px;
		width: 100%;
		padding: 0px;
		z-index: 0;
	}
		
		/* Banner Overlays */
		
		#banner .overlay {
			background: #000;
			opacity: 0.1;
			filter: alpha(opacity = 10);
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			display: block;
			z-index: 20;
		}
		#banner .overlay-gradient {
			background: url(../images/banner-gradient.png) repeat-x left bottom;
			opacity: 0.6;
			filter: alpha(opacity = 60);
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			display: block;
			z-index: 21;
		}
		
		/* Banner Slides */
		
		#banner ul.banner-slides {
			position: relative;
		}
			#banner ul.banner-slides li {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 100%;
				height: 100%;
				text-align: center;
				display: none;
			}
			#banner ul.banner-slides li .slide-image {
				display: block;
				width: 1920px;
				position: absolute;
				top: 0px;
				left: 50%;
				margin: 0 0 0 -960px;
				z-index: 10;
			}
				#banner ul.banner-slides li .slide-image img {
					display: block;
					margin: auto;
					min-height: 100%;
				}
			#banner ul.banner-slides li .slide-content {
				width: 960px;
				text-align: left;
				position: absolute;
				bottom: 80px;
				left: 50%;
				margin: 0 0 0 -600px;
				z-index: 30;
				color: #FFF;
			}
				#banner ul.banner-slides li .slide-content a { color: #FFF; }
				#banner ul.banner-slides li .slide-content a:hover { opacity: 0.8; }
				#banner ul.banner-slides li .slide-content .slide-heading {
					background: url(../images/black-50.png) repeat;
					display: table;
					font-size: 70px;
					line-height: 70px;
					font-family: "PT Sans", sans-serif;
					font-weight: bold;
					padding: 10px 20px 10px 20px;
					margin: 0 0 1px 0;
					border-radius: 3px;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
				}
				#banner ul.banner-slides li .slide-content .slide-text {
					background: url(../images/black-50.png) repeat;
					display: table;
					padding: 10px 20px 10px 20px;
					font-family: "PT Sans", sans-serif;
					font-size: 30px;
					line-height: 40px;
					font-weight: normal;
					margin: 0 0 10px 0;
					border-radius: 3px;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
				}
				#banner ul.banner-slides li .slide-content a.button {
					font-family: "PT Sans", sans-serif;
					font-weight: normal;
					font-size: 18px;
				}
		
		/* Banner Nav */
		
		#banner ul.banner-nav {
			position: absolute;
			bottom: 35px;
			left: 50%;
			margin: 0 0 0 -600px;
			z-index: 60;
		}
			#banner ul.banner-nav li {
				width: 12px;
				height: 12px;
				background: url(../images/dot-white.png) no-repeat;
				float: left;
				margin: 0 4px;
				cursor: pointer;
				opacity: 0.2;
				filter: alpha(opacity = 20);
			}
			#banner ul.banner-nav li.active {
				opacity: 1;
				filter: alpha(opacity = 100);
			}

	
	/* Default Typography */
	
	.container h1 {
		font-size: 30px;
		line-height: 36px;
		font-family: "PT Sans";
		font-weight: bold;
		margin: 0 0 20px 0;
	}
	.container h2 {
		font-size: 24px;
		line-height: 30px;
		font-family: "PT Sans";
		color: #3c639d;
		font-weight: bold;
		margin: 0 0 10px 0;
	}
	.container h3 {
		font-size: 24px;
		line-height: 30px;
		font-weight: normal;
		margin: 0 0 20px 0;
	}
	.container h4 {
		font-size: 18px;
		line-height: 24px;
		font-family: "PT Sans";
		font-weight: bold;
		margin: 0 0 20px 0;
	}
	.container h5 {
		font-size: 14px;
		line-height: 20px;
		font-family: "PT Sans";
		font-weight: normal;
		padding: 10px 0 0 0;
		margin: 0 0 20px 0;
		color: #999;
	}
	.container p {
		line-height: 24px;
		margin: 0 0 20px 0;
	}
	.container ul {
		line-height: 24px;
		list-style: disc outside;
		margin: 0 0 20px 30px;
	}
	.container ol {
		line-height: 24px;
		list-style: decimal outside;
		margin: 0 0 20px 30px;
	}
		.container ul ul, 
		.container ol ul, 
		.container ol ol { margin-bottom: 0px; }
	.container blockquote {
		font-family: Georgia, serif;
		line-height: 22px;
		font-size: 16px;
		font-style: italic;
		padding: 0 0 0 20px;
	}
		.container blockquote cite {
			font-family: Helvetica, Arial, sans-serif;
			font-size: 12px;
			font-style: normal;
			display: block;
			color: #999;
			padding: 5px 0 0 0;
		}
		
	.container .icon-heading {
		font-size: 36px;
		color: #dfdfdf;
		margin: 0 0 12px 0;
		display: block;
	}
	
	form { display: block; }
		form label {
			display: block;
			font-size: 13px;
			font-weight: bold;
			margin: 0 0 10px 0;
		} 
		form input[type="text"], 
		form input[type="email"], 
		form textarea {
			background: #FFF;
			border: 1px solid #d8d8d8;
			padding: 12px 14px;
			font-size: 13px;
			font-family: Helvetica, Arial, sans-serif;
			font-weight: bold;
			color: #333;
			display: block;
			border-radius: 0px;
			-moz-border-radius: 0px;
			-webkit-border-radius: 0px;
			margin: 0 0 25px 0;
			width: 360px;
			max-width: 90%;
			box-shadow: none;
			-webkit-appearance: none;
			border-radius: 0px;
			-moz-border-radius: 0px;
			-webkit-border-radius: 0px;
			box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.05);
		}
		form textarea { height: 120px; width: 400px; }
		form input[type="text"]:focus, 
		form input[type="email"]:focus, 
		form textarea:focus { border: 1px solid #999; } 
		form input[type="button"], 
		form input[type="submit"] {
			-webkit-appearance: none;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			height: 34px;
		}
		form input::-moz-focus-inner { padding: 0px; border: 0px; margin: 0px; }
		form select { margin: 0 0 20px 0; }
	.container img { max-width: 100%; }
	.alignleft { float: left; display: block; margin-bottom: 20px; }
	.alignright { float: right; display: block; margin-bottom: 20px; }

	
	/* Panel Heading */
	
	.panel-heading {
		position: relative;
		margin: 0 0 100px 0;
		text-align: center;
	}
	#work .panel-heading { margin: 0 0 40px 0; }
		.panel-heading h1, 
		.panel-heading h2 {
			font-size: 60px;
			line-height: 60px;
			margin: 0px;
			padding: 0 45px;
			position: relative;
			color: #3c639d;
			display: inline-block;
		}
		.panel-heading h1 span.dot, 
		.panel-heading h2 span.dot {
			color: #e3e3e3;
			position: absolute;
			top: 0px;
			left: 0px;
			line-height: 60px;
		}
		.panel-heading h1 span.dot-right, 
		.panel-heading h2 span.dot-right { left: auto; right: 0px; }
		.panel-heading h4 {
			font-size: 24px;
			line-height: 24px;
			color: #858585;
			font-weight: normal;
			margin: 0px;
			padding: 10px 0 0 0;
			font-family: "PT Sans", sans-serif;
		}
		.panel-heading .post-meta {
			font-size: 14px;
			padding: 20px 0 0 0;
		}
			.panel-heading .post-meta span { margin: 0 20px 0 0; }
	
	
	/* Columns + Grids */
	
	.cols {
		display: block;
		overflow: hidden;
		clear: both;
		margin: 0 -30px 20px 0;
	}
		.col { float: left; }
			.col-inner { margin: 0 30px 0 0;  }
	
		.cols-half-half .col-a, 
		.cols-half-half .col-b { width: 50%; } 
		
		.cols-third-third-third .col-a, 
		.cols-third-third-third .col-b, 
		.cols-third-third-third .col-c { width: 33.3%; }
		
		.cols-twothirds-third .col-a { width: 67%; }
		.cols-twothirds-third .col-b { width: 33%; }
		
		.cols-third-twothirds .col-a { width: 33%; }
		.cols-third-twothirds .col-b { width: 67%; }
		
		.cols-quarter-quarter-quarter-quarter .col-a, 
		.cols-quarter-quarter-quarter-quarter .col-b, 
		.cols-quarter-quarter-quarter-quarter .col-c, 
		.cols-quarter-quarter-quarter-quarter .col-d { width: 25%; }
		
		.cols-half-quarter-quarter .col-a { width: 50%; }
		.cols-half-quarter-quarter .col-b, 
		.cols-half-quarter-quarter .col-c { width: 25%; }
		
		.cols-quarter-quarter-half .col-a,
		.cols-quarter-quarter-half .col-b { width: 25%; }
		.cols-quarter-quarter-half .col-c { width: 50%; }
		
		.cols-quarter-half-quarter .col-a,
		.cols-quarter-half-quarter .col-c { width: 25%; }
		.cols-quarter-half-quarter .col-b { width: 50%; }
		
		
		.cols-servici .col-a { width: 17%; }
		.cols-servici .col-b { width: 33%; }
		.cols-servici .col-c { width: 33%; }
		.cols-servici .col-d { width: 17%; }
	
	.grid {
		display: block;
		overflow: hidden;
		clear: both;
		margin: 0 -4px 20px 0!important;
	}
		.grid .grid-item {
			margin: 0 0 1px 1px;
			float: left;
			display: block;
		}
		.grid .grid-item-quarter { width: 300px; }
		.grid .grid-item-third { width: 400px; }
		.grid .grid-item-half { width: 601px; }
		.grid .grid-item-twothirds { width: 801px; }
			
	
	/* Buttons */
	
	.button {
		appearance: none;
		-webkit-appearance: none;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		background: #3c639d;
		line-height: 32px;
		padding: 0 15px;
		color: #FFF;
		font-size: 12px;
		display: inline-block;
		margin: 0 10px 10px 0;
		position: relative;
		text-decoration: none;
		font-family: Helvetica, Arial, sans-serif;
		border: none;
		cursor: pointer;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	.button:hover { color: #FFF; background-image: url(../images/black-20.png); }
	.button:active { top: 1px; }
	
	body .button-size-small { font-size: 12px; }
	body .button-size-medium { font-size: 14px; padding: 2px 15px 2px 15px; }
	body .button-size-large { font-size: 16px; padding: 5px 18px 5px 18px; }
	
	body .button-edge-rounded { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
	
	body .button-colour-red { background-color: #b34141; }
	body .button-colour-blue { background-color: #2d48b8; }
	body .button-colour-green { background-color: #2e9b42; }
	body .button-colour-light-gray { background-color: #999; }
	body .button-colour-dark-gray { background-color: #333; }
	body .button-colour-orange { background-color: #ec661e; }
	body .button-colour-purple { background-color: #531f99; }
	
	.button i { text-shadow: none; margin: 0 5px 0 0; }
	
	
	/* Social icons - check fonts/fontello/css/fontello.css for icons css */
	
	.social { overflow: hidden; margin: 0 0 20px 0; }
	.box .social { margin: 0px; }
	.social-icon {
		background: #333;
		width: 40px;
		height: 40px;
		line-height: 40px;
		color: #FFF;
		display: inline-block;
		margin: 0 4px 8px 0;
		text-align: center;
		font-size: 18px;
		-webkit-font-smoothing: antialiased;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	.social-icon:before { margin: 0px; display: inline; }
	.social-icon-twitter { background: #00c4fc; }
	.social-icon-facebook { background: #3350ae; }
	.social-icon-linkedin { background: #0084d7; }
	.social-icon-pinterest { background: #df2828; }
	.social-icon-delicious { background: #055ff5; }
	.social-icon-paypal { background: #23649a; }
	.social-icon-gplus { background: #d83d2d; }
	.social-icon-stumbleupon { background: #c60303; }
	.social-icon-fivehundredpx { background: #0089d4; }
	.social-icon-foursquare { background: #3ab6e8; }
	.social-icon-forrst { background: #267810; }
	.social-icon-digg { background: #024dcb; }
	.social-icon-spotify { background: #aed40e; }
	.social-icon-reddit { background: #ff7800; }
	.social-icon-dribbble { background: #fe0085; }
	.social-icon-flickr { background: #e53a7c; }
	.social-icon-rss { background: #ef7528; }
	.social-icon-skype { background: #1dc6ff; }
	.social-icon-youtube { background: #e8211a; }
	.social-icon-vimeo { background: #0084ff; }
	.social-icon-myspace { background: #464545; }
	.social-icon-amazon { background: #f59e1b; }
	.social-icon-ebay { background: #ff0101; }
	.social-icon-github { background: #024dcb; }
	.social-icon-lastfm { background: #c60303; }
	.social-icon-soundcloud { background: #ff4701; }
	.social-icon-tumblr { background: #3d627d; }
	.social-icon-instagram { background: #1c527e; }	
	.social-small .social-icon { width: 30px; height: 30px; line-height: 30px; font-size: 13px; }
	.social-icon:hover { background: #000; color: #FFF; }
	
	/* Toggles */
	
	.toggle {
		margin: 0 0 10px 0;
		border: 1px solid #dcdcdc;
	}
	.accordion .toggle { margin: -1px 0 0 0; }
		.toggle h3.toggle-heading {
			cursor: pointer;
			display: block;
			line-height: 18px;
			font-size: 14px;
			padding: 15px 18px;
			position: relative;
			margin: 0px;
			font-weight: bold;
			color: #858585;
			font-family: "PT Sans", sans-serif;
		}
		.toggle-active h3.toggle-heading {
			background: #f8f8f8;
			color: #3c639d;
		}
			.toggle h3.toggle-heading i {
				display: inline;
				margin: 0 10px 0 0;
				font-size: 18px;
			}
			.toggle h3.toggle-heading .toggle-down, 
			.toggle h3.toggle-heading .toggle-up {
				display: none;
				position: absolute;
				font-size: 14px;
				line-height: 20px;
				margin: -10px 0 0 0;
				top: 50%;
				right: 20px;
				opacity: 0.6;
			}
			.toggle h3.toggle-heading .toggle-down { display: block; }
			.toggle-active h3.toggle-heading .toggle-down { display: none; }
			.toggle-active h3.toggle-heading .toggle-up { display: block; }
		.toggle .toggle-content {
			padding: 20px 20px 10px 20px;
			display: none;
			border-top: 1px solid #dcdcdc;
		}
			.toggle .toggle-content p {
				font-size: 13px;
				line-height: 20px;
				margin: 0 0 10px 0;
			}
	
	/* Tabs */
	
	.tabs {
		overflow: hidden;
		padding: 50px 0 0 0;
		position: relative;
		margin: 0 0 20px 0;
	}
		.tabs .tab-buttons {
			position: absolute;
			top: 0px;
			left: 0px;
			height: 50px;
			display: block;
			width: 100%;
			z-index: 10;
			background: #3c639d;
		}
			.tabs .tab-buttons a {
				display: block;
				float: left;
				margin: 10px 0 0 10px;
				color: #FFF;
				height: 40px;
				line-height: 40px;
				padding: 0 20px;
				text-decoration: none;
				font-size: 13px;
				background: url(../images/black-10.png);
			}
			.tabs .tab-buttons a.active {
				color: #333;
				background: none #FFF;
			}
		.tabs .tabpane {
			position: relative;
			display: none;
			padding: 20px 20px 10px 20px;
			background: #FFF;
			border: 1px solid #EEE;
			border-top: none;
		}
		.tabs .tabpane-active { display: block; }
			.tabs .tabpane p {
				font-size: 13px;
				line-height: 20px;
				margin: 0 0 10px 0;
			}
	
	
	/* Call to action bar */
	
	.call-to-action-bar { overflow: hidden; }
		.call-to-action-bar h1, 
		.call-to-action-bar h2, 
		.call-to-action-bar h3, 
		.call-to-action-bar h4, 
		.call-to-action-bar h5 {
			font-size: 28px;
			font-weight: normal;
			float: left;
			font-family: "PT Sans", sans-serif;
			margin: 0px;
			line-height: 44px;
		} 
			.call-to-action-bar h1 i, 
			.call-to-action-bar h2 i, 
			.call-to-action-bar h3 i, 
			.call-to-action-bar h4 i, 
			.call-to-action-bar h5 i { margin: 0 10px 0 0; }
		.call-to-action-bar .button {
			float: right;
			font-size: 18px;
			font-family: "PT Sans", sans-serif;
			margin: 0px;
		}
	
	
	/* Gallery */
	
	.gallery-filter {
		margin: auto;
		text-align: center;
		padding: 20px 0 30px 0;
	}
		.gallery-filter ul { list-style: none; margin: 0px; }
			.gallery-filter ul li {
				display: inline;
				margin: 0px;
			}
				.gallery-filter ul li a {
					display: inline;
					padding: 8px 22px;
					font-family: "PT Sans", sans-serif;
					font-size: 18px;
					margin: 0px;
					color: #858585;
					border-radius: 3px;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
				}
				.gallery-filter ul li a:hover, 
				.gallery-filter ul li.active a {
					background: #3c639d;
					color: #FFF;
				}
				
	.container .gallery {
		list-style: none;
		display: block;
		margin: 0 -10px 0 -1px;
	}
		.gallery li {
			float: left;
			display: block;
			background: #000;
			position: relative;
			overflow: hidden;
			width: 33%;
			margin: 0 0 1px 1px;
		}
			.gallery li .item-permalink, 
			.gallery li .item-zoom {
				position: absolute;
				right: 30px;
				bottom: 30px;
				width: 40px;
				height: 40px;
				line-height: 40px;
				text-align: center;
				font-size: 16px;
				color: #FFF;
				z-index: 10;
				background: url(../images/black-20.png);
				display: none;
				border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
			}
			.gallery li .item-permalink { right: 71px; }
			.gallery li .item-permalink:hover, 
			.gallery li .item-zoom:hover {
				background: url(../images/black-40.png);
			}
			
			.gallery li a.item-preview {
				display: block;
				margin: 0px;
				overflow: hidden;
				position: relative;
			}
				.gallery li a.item-preview img {
					display: block;
					width: 100%;
				}
					.gallery li .item-overlay {
						position: absolute;
						width: 100%;
						height: 100%;
						background: url(../images/hover-gradient.png) repeat-x left bottom;
						opacity: 0.8;
						filter: alpha(opacity = 80);
						display: none;
						top: 0px;
						left: 0px;
					}
					.gallery li .item-content {
						position: absolute;
						bottom: 30px;
						left: 30px;
						padding: 0 90px 0 0;
						display: none;
						color: #FFF;
					}
						.gallery li .item-content h3 {
							font-weight: normal;
							font-size: 18px;
							line-height: 24px;
							font-family: "PT Sans", sans-serif;
							margin: 0 0 5px 0;
							color: #FFF;
						}
						.gallery li .item-content p {
							font-size: 12px;
							line-height: 16px;
							margin: 0px;
							opacity: 0.5;
							filter: alpha(opacity = 50);
						}
	
	/* Isotope */
	
	.isotope,
	.isotope .isotope-item {
	  /* change duration value to whatever you like */
	  -webkit-transition-duration: .6s;
	     -moz-transition-duration: .6s;
	      -ms-transition-duration: .6s;
	       -o-transition-duration: .6s;
	          transition-duration: .6s;
	}
	
	.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:     -ms-transform, opacity;
	       -o-transition-property:      -o-transform, opacity;
	          transition-property:         transform, opacity;
	}
	
	/**** disabling Isotope CSS3 transitions ****/
	
	.isotope.no-transition,
	.isotope.no-transition .isotope-item,
	.isotope .isotope-item.no-transition {
	  -webkit-transition-duration: 0s;
	     -moz-transition-duration: 0s;
	      -ms-transition-duration: 0s;
	       -o-transition-duration: 0s;
	          transition-duration: 0s;
	}
	
	
	/* Lightbox */
	
	.pp_play { display: none!important; }
	.pp_description { padding-top: 6px!important; }
	
	
	/* Team Profile */
	
	.team-profile {
		position: relative;
		overflow: hidden;
	}
		.team-profile img { width: 100%; display: block; }
		.team-profile .team-profile-overlay {
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			z-index: 1;
			background: url(../images/hover-gradient.png) repeat-x left bottom;
			opacity: 0.2;
			filter: alpha(opacity = 20);
		}
		.team-profile .team-profile-content {
			position: absolute;
			bottom: 30px;
			left: 30px;
			padding: 0 30px 0 0;
			z-index: 2;
		}
		.team-profile .team-profile-content .social { height: 32px; margin: 0px; }
		.team-profile .team-profile-content h2 {
			color: #FFF;
			line-height: 26px;
			font-size: 22px;
			margin: 0px;
		}
		.team-profile .team-profile-content h4 {
			font-size: 16px;
			line-height: 20px;
			color: #FFF;
			font-weight: normal;
			margin: 0px;
		}
		.team-profile .team-profile-content p {
			font-size: 13px;
			line-height: 18px;
			margin: 0px;
			padding: 10px 0 16px 0;
			color: #FFF;
			opacity: 0.8;
			filter: alpha(opacity = 80);
		}
		.team-profile .team-profile-content .hidden { display: none; }
	
	
	/* Blog Posts */
	
	.blog-post {
		position: relative;
		overflow: hidden;
	}
		.blog-post img { width: 100%; display: block; }
		.blog-post .blog-post-overlay {
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			z-index: 1;
			background: url(../images/hover-gradient.png) repeat-x left bottom;
			opacity: 0.6;
			filter: alpha(opacity = 60);
			-webkit-transition: opacity 0.3s ease;
			-moz-transition: opacity 0.3s ease;
			-o-transition: opacity 0.3s ease;
			transition: opacity 0.3s ease;		
		}
		.blog-post:hover .blog-post-overlay {
			opacity: 0.8;
			filter: alpha(opacity = 80);		
		}
		.blog-post .blog-post-icon {
			background: url(../images/black-40.png);
			width: 60px;
			height: 60px;
			top: 30px;
			left: 30px;
			display: block;
			line-height: 60px;
			color: #FFF;
			font-size: 26px;
			text-align: center;
			position: absolute;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		}
		.blog-post .blog-post-content {
			position: absolute;
			bottom: 30px;
			left: 30px;
			padding: 0 30px 0 0;
			z-index: 2;
		}
			.blog-post .blog-post-content .date {
				color: #FFF;
				opacity: 0.6;
				filter: alpha(opacity = 60);
				font-weight: bold;
				font-family: "PT Sans", sans-serif;
				font-size: 16px;
				margin: 0 0 5px 0;
				display: block;
			}
			.blog-post .blog-post-content h2 {
				color: #FFF;
				line-height: 26px;
				font-size: 22px;
				margin: 0px;
			}
			.blog-post .blog-post-content p {
				font-size: 13px;
				line-height: 18px;
				margin: 0px;
				padding: 10px 0 0 0;
				color: #FFF;
				max-width: 500px;
				opacity: 0.8;
				filter: alpha(opacity = 80);
			}
			.blog-post .blog-post-content .hidden { display: none; }
		
	
	/* Testimonials */
	
	.testimonials {
		margin: auto;
		position: relative;
		padding: 0 120px 40px 120px;
	}
		.testimonials i.icon-quote-left, 
		.testimonials i.icon-quote-right {
			font-size: 50px;
			color: #f5f5f5;
			position: absolute;
			top: -30px;
			left: 70px;
		}
		.testimonials i.icon-quote-right { left: auto; right: 70px; }
		.testimonials ul.testimonial-quotes {
			list-style: none;
			display: block;
			margin: 0px;
		}
			.testimonials ul.testimonial-quotes li {
				text-align: center;
				display: none;
			}
				.testimonials ul.testimonial-quotes li blockquote {
					font-size: 24px;
					line-height: 32px;
					font-family: "PT Sans", sans-serif;
					font-style: italic;
					padding: 0px;
				}
				.testimonials ul.testimonial-quotes li blockquote p { margin: 0 0 20px 0; line-height: 32px; }
				.testimonials ul.testimonial-quotes li .credit {
					font-size: 14px;
				}
				
		.testimonials ul.testimonial-nav {
			position: absolute;
			bottom: 0px;
			left: 50%;
			display: block;
			height: 12px;
			list-style: none;
			margin: 0px;
		}
			.testimonials ul.testimonial-nav li {
				width: 12px;
				height: 12px;
				background: url(../images/dot-black.png) no-repeat;
				float: left;
				margin: 0 4px;
				cursor: pointer;
				opacity: 0.2;
				filter: alpha(opacity = 20);
			}
			.testimonials ul.testimonial-nav li.active {
				opacity: 1;
				filter: alpha(opacity = 100);
			}
		
	
	/* Call Out */
	
	.call-out {
		text-align: center;
		padding: 0 120px;
	}
		.call-out h1, 
		.call-out h2, 
		.call-out h3, 
		.call-out h4 { color: #FFF; }
		.call-out h2 {
			font-size: 60px;
			line-height: 70px;
			margin: 0 0 10px 0;
		}
		.call-out h3,
		.call-out h4 {
			font-size: 30px;
			line-height: 36px;
			font-weight: normal;
		}
		
	
	/* Client Logos */
	
	.container .client-logos {
		position: relative;
		display: block;
		margin: 1px;
		list-style: none;
	}
		.client-logos li {
			background: #FFF;
			border: 1px solid #EEE;
			width: 25%;
			margin: -1px;
			float: left;
			position: relative;
			display: block;
			text-align: center;
			-webkit-transition: all 0.6s ease;
			-moz-transition: all 0.6s ease;
			-o-transition: all 0.6s ease;
			transition: all 0.6s ease;
		}
		.client-logos li.hover {
			z-index: 10;
			box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
			border: 1px solid #CCC;
		}
			.client-logos li a {
				padding: 20px;
				display: block;
				text-align: center;
			}
				.client-logos li a img {
					display: block;
					margin: auto;
					max-width: 80%;
					max-height: 120px;
					-webkit-transition: all 0.6s ease;
					-moz-transition: all 0.6s ease;
					-o-transition: all 0.6s ease;
					transition: all 0.6s ease;
				}
				.client-logos li.blur a img {
					-webkit-filter: grayscale(1) blur(1px);
					opacity: 0.5;
					filter: alpha(opacity = 50);
				}
		
	
	/* Blog */
	
	.post-meta {
		padding: 5px 0 0 0;
		margin: 0 0 15px 0;
		font-size: 12px;
	}
		.post-meta span { margin: 0 10px 0 0; }
			.post-meta span i { color: #999; margin: 0 2px 0 0; }
			
	.blog-sidebar .widget {
		margin: 0 0 40px 0;
		padding: 30px 30px 10px 30px;
		background: #f9f9f9;
	}
		.blog-sidebar .widget h3 {
			font-size: 14px;
			line-height: normal;
			padding: 0px;
			margin: 0 0 30px 0;
			color: #666;
			text-transform: uppercase;
		}
		.blog-sidebar .widget ul {
			margin: 0 0 20px 0;
			list-style: none;
		}
			.blog-sidebar .widget ul li {
				padding: 0 0 10px 0;
				margin: 0 0 10px 0;
				border-bottom: 1px solid #EEE;			
			}
			.blog-sidebar .widget ul li:last-child { border: none; padding: 0px; margin: 0px; }
			.blog-sidebar .widget-latest-posts ul li {
				padding: 0 0 20px 0;
				margin: 0 0 20px 0;
				display: block;
				clear: both;
				overflow: hidden;
			}
			.blog-sidebar .widget-latest-posts ul li img {
				width: 120px;
				float: left;
				margin: 0 20px 0 0; 
			}
			.blog-sidebar .widget-latest-posts ul li span.latest-post-date {
				font-size: 11px;
				display: block;
			}
			.blog-sidebar .widget-latest-posts ul li a { line-height: 18px; display: block; }
		
	
	/* Contact */
	
	#contact {
		padding-top: 0px;
		padding-bottom: 60px;
		position: relative;
	}
		#contact .panel-heading { margin: 0 0 70px 0; }
	
		.map-holder {
			position: relative;
			overflow: hidden;
			height: 200px;
			margin: 0 0 60px 0;
		}
			.map-holder .map-overlay {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 100%;
				height: 100%;
				background: #000;
				opacity: 0.7;
				filter: alpha(opacity = 70);
				z-index: 10;
			}
			.map-holder .button {
				position: absolute;
				top: auto!important;
				bottom: -3px;
				left: 50%;
				margin: 0 0 0 -25px;
				width: 50px;
				height: 53px;
				line-height: 50px;
				padding: 0px;
				text-align: center;
				z-index: 20;
			}
				.map-holder .button i {
					margin: 0px;
					text-align: center;
				}
			.map {
				width: 100%;
				height: 600px;
				position: relative;
			}
				.map p {
					max-width: 260px;
					line-height: 20px;
					text-align: left;
					margin: 0px;
					padding: 10px;
				}
	
 	.contact-details { padding: 10px 0 0 0; }
	 	.contact-details p {
		 	padding: 0 0 0 42px;
		 	position: relative;
		 	margin: 0 0 30px 0;
	 	}
		 	.contact-details p i {
		 		position: absolute;
		 		top: 1px;
		 		left: 0px;
		 		color: #aaaaaa;
		 		font-size: 20px;
		 	}
		
	.contact-form { }
		.contact-form .contact-form-left {
			width: 300px;
			float: left;
		}
		.contact-form .contact-form-right {
			width: 486px;
			float: right;
		}
			.contact-form p { margin: 0 0 10px 0; }
			.contact-form label {
				display: block;
				font-size: 12px;
				padding: 5px 0 3px 0;
			}
			.contact-form input[type="text"],
			.contact-form input[type="email"],
			.contact-form textarea {
				margin: 0px;
				color: #555;
			}
			.contact-form textarea {
				height: 117px;
				width: 456px;
				max-width: 100%;
			}
			
			.contact-form .submit {
				position: relative;
				overflow: hidden;
			}
				.contact-form .submit #contact_are_you_human { display: none; }
				.contact-form input[type="submit"],
				.contact-form input[type="button"] {
					background: #3c639d;
					padding: 11px 18px;
					font-weight: bold;
					font-size: 12px;
					height: 34px;
					cursor: pointer;
					border: none;
					margin: 0px;
					float: right;
					display: block;
					color: #FFF;
					font-family: Helvetica, Arial, sans-serif;
					border-radius: 3px;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
				}
				.contact-form input[type="submit"]:hover,
				.contact-form input[type="button"]:hover { background: #000; }
			.contact-form .response {
				font-size: 12px;
				line-height: 16px;
				display: block;
				list-style: none;
				margin: 0 0 14px 0;
			}
				.contact-form .response li.error, 
				.contact-form .response li.success {
					display: block;
					line-height: 14px;
					background: #f08575;
					padding: 7px 10px;
					margin: 0 0 6px 0;
					color: #FFF;
				}
				.contact-form .response li.success {
					background: #51c451;
				}
		
	
	/* Site Footer */
	
	#site-footer {
		clear: both;
	}
		#site-footer .container {
			overflow: hidden; 
			padding: 30px 0;
			border-top: 1px solid #EEE;
		}
		body.home #site-footer .container { border: none; }
		#site-footer p {
			float: left;
			display: block;
			font-weight: bold;
			font-size: 12px;
			padding: 5px 0 0 0;
			margin: 0px;
		}
		#site-footer .social {
			float: right;
			margin: 0px;
		}
			#site-footer .social a { margin: 0 0 0 4px; }