/*-----------------------------------------------------------------
	#Reset & Basics
------------------------------------------------------------------- */

	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, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	padding-top: 0px;
	padding-bottom: 0;
}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
    list-style: none;
}
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }


/*-----------------------------------------------------------------
	#Basic Styles
------------------------------------------------------------------- */

	body {
	font: 13px/20px 'Open Sans', sans-serif;
	font-weight: 400;
	color: #444;
	background-color: #fff;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}


/*-----------------------------------------------------------------
	#Typography
------------------------------------------------------------------- */
	h1, h2, h3, h4, h5, h6 {
		color: #0b0b0b;
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
		line-height: 1.5; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 30px; margin-bottom: 14px;}
	h2 { font-size: 24px; margin-bottom: 10px; }
	h3 { font-size: 20px; margin-bottom: 8px; }
	h4 { font-size: 16px; margin-bottom: 4px; }
	h5 { font-size: 14px; }
	h6 { font-size: 12px; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; }
	small { font-size: 80%; }

	/*  Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

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


/*-----------------------------------------------------------------
	#Links
------------------------------------------------------------------- */

	a, a:visited {text-decoration: none; outline: 0; }
	p a, p a:visited { line-height: inherit; }


/*-----------------------------------------------------------------
	#Images
------------------------------------------------------------------- */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }


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

	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 1px solid #888;
		border-radius: 3px;
		padding: 8px;
		margin-bottom: 20px;
		outline: none;
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		color: #444;
		width: 100%;
		max-width: 100%;
		display: block;
		background: #f7f7f7;
		overflow: hidden; }
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		border: 1px solid;
		box-shadow: 0 2px 4px rgba(71,107,241,0.3);
		background: #FFF; }
	textarea {
		min-height: 60px; }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }


/*-----------------------------------------------------------------
  #General
------------------------------------------------------------------- */

	section {
	margin-bottom: 50px;
}

	.subtitle { 
		border-bottom: 1px solid #999;
		padding-bottom: 6px;
		margin-bottom: 20px; }

	.wide {
		width: 100%;
		background: #fff; }

	.element-wrap {	margin-bottom: 50px; }


/*-----------------------------------------------------------------
	#Social Icons
------------------------------------------------------------------- */

	.social { float: right; }

	.social li { display: inline-block; }

	.social li a {
		color: #fff;
		line-height: 40px;
		text-align: center;
		display: inline-block;
		width: 30px;
		height: 40px;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out; }

	.social li a i { font-size: 20px; }


/*-----------------------------------------------------------------
	#Boxed Layout
------------------------------------------------------------------- */

	.boxed {
		box-shadow: 0 0 6px rgba(0,0,0,0.6);
		border-radius: 3px;
		background: #fff;
		margin: 20px auto; }

	.boxed header .header-top { 
		border: 1px solid #181818;
		border-radius: 3px 3px 0 0; }

	.boxed footer .footer-bottom { 
		border: 1px solid #111;
		border-radius: 0 0 3px 3px; }

	@media only screen and (max-width: 1024px) {
	
		.boxed {
			width:100%;
			margin:0; }

		.boxed header .header-top,
		.boxed header .sticky,
		.boxed footer .footer-bottom {
			width: 100%;
			border: none;
			border-radius: 0; }
	}


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

	header { width: 100%; }

	.header-nav { background: #fff;	}

	.sticky { 
		box-shadow: 0 0 3px rgba(0,0,0,0.6);
		width: 100%;
		position: fixed;
		z-index: 9999;
		top: 0; }

	.header-top {
		padding-top: 5px;
		width: 100%;
		background: #181818;
		color: #fff; }

	.header-contact {
		text-align: center;
		float: left;
		padding-top: 8px; }

	.header-contact span {
		font-size: 14px;
		margin-right: 8px; }

	.header-contact span i { margin-right: 8px; }

	.logo {
	text-align: center;
	float: left;
	margin-top: 7px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


/*-----------------------------------------------------------------
	#Navigation
------------------------------------------------------------------- */

	#nav { 
		float: right; 
		position: relative;
		z-index: 999; }

	#nav:after {
		clear: both;
		content: "";
		display: block; }

	#nav li { 
		transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		float: left; }

	#nav li:hover a { 
		color: #fff; }

	#nav li a {
		display: block;
		font-size: 14px;
		padding: 30px 14px;
		color: #181818;
		border-bottom: 3px solid #fff;
		transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out; }

	#nav li a.active {
		background: #f7f7f7;
		border-bottom: 3px solid; }

	#nav li:hover a.active { border-bottom: 3px solid #fff; }

	#nav li a:hover { color: #fff; }

	#nav li ul { display: none;	}

	#nav li:hover > ul { display: block; }

	#nav ul { 
		position: absolute;
		top: 100%; }

	#nav ul li { 
		background: #000;
		background: rgba(0,0,0,0.7);
		position: relative;
		float: none; }

	#nav ul li a {
		width: 170px;
		padding: 6px 0 6px 10px;
		margin-bottom: 2px;
		border-bottom: none;
		font-size: 13px; }

	#nav ul ul {
		position: absolute;
		left: 100%;
		top:0; }

	#nav ul ul li {
		float: none;
		margin-left: 2px;
		position: relative; }

	.nav-arrow:after {
		position: absolute;
		right: 10px;
		content: "\f054";
		font-family: FontAwesome;
		font-size: 12px; }

	.selectnav { 
		display: none;
		margin: 15px auto 25px;
		width: 200px; }

	@media screen and (max-width: 767px) {
		.js #nav { display: none; }
		.js .selectnav { 
			display: block; }
		.logo { float: none; }
		.header-contact { float: none; }
		.header-top { padding-bottom: 8px; }
		.header-top ul { display: none; }
	}


/*-----------------------------------------------------------------
	#Page Title
------------------------------------------------------------------- */

	.page-title {
		padding: 20px 0; 
		color: #fafafa;
		background: #181818; }

	.page-title h1 { 
		font-size: 26px;
		line-height: 1.2;
		margin-bottom: 4px;
		font-weight: 400;
		color: #fff; }

	.breadcrumbs li { 
		display: inline;
		margin-right: 5px; }

	.breadcrumbs li a {
		margin-right: 7px;
		color: #fff;
		font-weight: 600; }

	.crumb:after {
		content: "\f054";
		font-family: FontAwesome;
		font-weight: normal;
		text-decoration: inherit;
		font-size: 10px;
		color: #aaa; }


/*-----------------------------------------------------------------
	#Intro
------------------------------------------------------------------- */

	.intro {
	color: #fff;
	position: relative;
	padding: 5px 0;
	margin-bottom: 50px;
	background: #181818;
}

	.intro h2 {
		margin-bottom: 0;
		color: #fff; }

	.intro .button {
		margin-top: 20px;
		float: right; }


/*-----------------------------------------------------------------
	#Services
------------------------------------------------------------------- */

	.services-wrap {
	margin-bottom: 50px;
}
	
	.services-box {
		padding: 20px;
		margin-bottom: 30px;
		background: #f9f9f9;
		box-shadow: 0 1px 2px #888;
		text-align: center;
		display: block;
		color: #444;
		border-radius: 3px;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out; }

	.services-box i  {
		font-size: 56px;
		margin-bottom: 15px;
		color: #333; }
	
	.services-box:hover {
		color: #fff;
		box-shadow: 0 6px 8px #444; }

	.services-box:hover i  { color: #fff; }
	.services-box:hover h4 { color: #fff; }

	.services-button {
		margin-bottom: 10px;
		text-align: center;
		padding: 5px 10px; }


/*-----------------------------------------------------------------
	#Portfolio
------------------------------------------------------------------- */

	#portfolio-slider { margin-top: 40px; }

	.caption {
		width: 100%;
		height: 100%;
		color: #fff;
		position: absolute;
		top: 70%;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		background: rgba(0,0,0, 0.6); }

	#filter { margin-bottom: 30px; }

	#filter li { 
		height: 26px;
		margin-right: 5px;
		margin-bottom: 8px;
		display: inline-block; }

	#filter li a {
		background: #555;
		color: #fff;
		padding: 5px 8px; }

	.item {
	border-radius: 3px;
	margin-bottom: 30px;
	padding-bottom: 2px;
	background: #f9f9f9;
	text-align: center;
	box-shadow: 0 1px 2px #080808;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

	@media only screen and (max-width: 767px) {
		.item { margin: 0 6px 30px; }
	}

	.item a { 
		display: block;
		width: 100%;
		height: 100%;
		color: #666; }

	.item h5 { 
		padding-top: 12px;
		font-size: 16px; }

	.item:hover {
		color: #fff;
		box-shadow: 0 6px 8px #080808; }

	.item:hover a,
	.item:hover h5 { color: #fff; }

	.overlay {
		margin: 0;
		height: auto;
		overflow: hidden;
		position: relative; }

	.overlay .caption {
		border-radius: 3px 3px 0 0;
		text-align: center;
		width: 100%;
		height: 100%;
		position: absolute;
		overflow: hidden;
		top: 0;
		left: 0;
		opacity: 0;
		filter: alpha(opacity=0);
		background-color: #000;
		background-color: rgba(0,0,0,0.3); }

	.overlay .caption .icon-wrap { 
		position: absolute;
		width: 60px;
		height: 60px;
		top: 50%;
		left: 50%;
		margin: -30px 0 0 -30px;
		font-size: 20px;
		background-color: #000;
		filter: alpha(opacity=0);
		background-color: rgba(0,0,0,0.6);
		border-radius: 30px; }

	.overlay .caption .icon-wrap i { line-height: 60px; }

	.overlay:hover .caption {
		opacity:1;
		filter: alpha(opacity=30);
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out; }

	.overlay:hover .caption .icon-wrap { filter: alpha(opacity=60); }

	.overlay img { 
		border-radius: 3px 3px 0 0;
		vertical-align: bottom; }


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

	.testimonials {
		background: #f9f9f9;
		padding: 10px;
		border: 1px solid #ddd;
		border-radius: 4px; }

	.testimonials img {
		float: left;
		margin: 0 10px 10px 0;	}

	.testimonials span { 
		float: right;
		padding-right: 10px; }


/*-----------------------------------------------------------------
	#Team
------------------------------------------------------------------- */

	.team-member { text-align: center; }

	.team-member h4 {
		font-size: 20px;
		line-height: 1.2;
		font-weight: 400; }	

	.team-member img { margin-bottom: 10px; }
	.team-member span { color: #666; }
	.team-member p { text-align: left; }

	.team-social {
		border-top: 1px solid #888;
		border-bottom: 1px solid #888;
		margin: 15px 0;
		padding-top: 5px; }

	.team-social li { display: inline-block; }

	.team-social li a {
		display: inline-block;
		width: 32px;
		height: 32px;
		line-height: 32px;
		color: #666; }

	.team-social li a i { font-size: 20px; }

	.team-social li a:hover { color: #000; }


/*-----------------------------------------------------------------
	#Quotes
------------------------------------------------------------------- */

	.quote {
		background: #f9f9f9;
		border: 1px solid #eee;     
		padding: 30px 30px 20px;
		margin-bottom: 50px;
		text-align: left; }

	.quote-text { display: block; float: left; }

	.promo-box { border-left: 4px solid; }

	.quote h2 { font-size: 20px; margin-bottom: 0; }

	.quote .button {  float: right; margin-top: 10px; }


/*-----------------------------------------------------------------
	#Video
------------------------------------------------------------------- */

	.video-wrap { 
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
		margin-bottom: 50px; }

	.video-wrap iframe {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0; }


/*-----------------------------------------------------------------
	#Skill Bars
------------------------------------------------------------------- */

	.skill-title { 
		margin-bottom: 5px;
		font-size: 14px; }

	.skill-bar {
		position: relative;
		border-radius: 3px;
		border: 1px solid #ddd;
		height: 18px;
		margin-bottom: 15px; }

	.skill-line {
		position: absolute;
		top: -1px;
		left: -1px;
		height: 18px;
		border-radius: 3px 0 0 3px;
		border: 1px solid; }


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

	.tabs-wrap { 
		margin-bottom: 20px;
		min-height: 220px; }

	.tabs li { display: inline; }

	.tabs a {
		margin-bottom: -1px;
		padding: 5px 10px;
		display: inline-block;
		color:#181818;  }

	.tabs a.active {
		background: #f9f9f9;
		border-radius: 3px 3px 0 0;
		border-top: 1px solid #ddd;
		border-right: 1px solid #ddd; 
		border-left: 1px solid #ddd;
		border-bottom: 1px solid #f9f9f9; }

	.tab {
		padding: 10px;
		border-radius: 0 3px 3px 3px;
		background: #f9f9f9;
		border: 1px solid #ddd; }


/*-----------------------------------------------------------------
	#Accordion
------------------------------------------------------------------- */

	.accordion { min-height: 300px; }

	.accordion dd { padding: 0 10px 20px; }

	.accordion dt a {
		font-size: 16px;
		display: block;
		padding: 10px;
		margin-bottom: 10px;
		color: #181818;
		background: #f9f9f9;
		border: 1px solid #ddd; }

	.accordion dt a:visited { color: #181818; }

	.accordion dt a span {
		display: inline-block;
		margin-right: 10px;
		padding: 5px;
		width: 12px;
		height: 12px;
		border-radius: 3px;
		vertical-align: middle;
		background: #666 url(../images/icons/open.png) no-repeat -22px center; }

	.accordion dt a.activedt span {
		background: url(../images/icons/open.png) no-repeat 0 center; }


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

	.dropcap {
	float: left;
	margin-right: 10px;
	font-size: 20px;
	line-height: 28px;
	color: #fff;
	text-align: center;
	width: 190px;
	height:30px;
	background: #666;
}


/*-----------------------------------------------------------------
	#Alert Boxes
------------------------------------------------------------------- */

	.notification {
		position: relative;
		margin-bottom: 20px;
		padding: 10px;
		text-align: left;
		line-height: 16px; }

	.notification i {
		display: inline-block;
		margin-right: 10px;
		width: 20px;
		text-align: center;
		font-size: 16px; }

	.notification i.close {
		position: absolute;
		top: 10px;
		right: 0; }

	.notification i.close:hover { cursor: pointer; }

	.notification.info {
		color: #3c82b4;
		background: #abdcff;
		border: 1px solid #3c82b4; }

	.notification.error {
		color: #d01c31;
		background: #ffabb5;
		border: 1px solid #d01c31; }

	.notification.success {
		color: #1fa622;
		background: #9cff9e;
		border: 1px solid #1fa622; }

	.notification.warning {
		color: #aba503;
		background: #fefb9f;
		border: 1px solid #aba503; }


/*-----------------------------------------------------------------
	#404
------------------------------------------------------------------- */

	.page-error { text-align: center; margin-bottom: 100px; }
	.page-error h2 { font-size: 170px; }
	.page-error p  { font-size: 22px; line-height: 30px; }


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

	.tables {
		border-radius: 0 0 3px 3px;
		text-align: center;
		border-left: 1px solid #555;
		border-right: 1px solid #555;
		border-bottom: 1px solid #555;
		margin-bottom: 20px; }

	.table-name h3 { 
		text-align: center;
		background: #555;
		color: #FFF;
		margin-bottom: 0;
		line-height: 60px;
		border-radius: 3px 3px 0 0; }

	.table-price {
		padding: 10px 0;
		background: #ddd; }

	.table-price h4 {
		color: #333;
		font-size: 26px;
		margin-bottom: 0; }

	.signup { padding-top: 20px; }

	.order { padding: 0 15px; }

	.order li {
		padding: 15px 0;
		border-bottom: 1px solid #ccc; }


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

	.check-list li {
		position: relative;
		padding: 6px 0 6px 20px; }

	.check-list li:before {
		position: absolute;
		left: 0;
		content: "\f00c";
		font-family: FontAwesome;
		font-weight: normal;
		text-decoration: inherit;
		font-size: 13px; }

	.arrow-list li {
		position: relative;
		padding: 6px 0 6px 20px;
		border-bottom: 1px solid #DDD; }

	.arrow-list li:before {
		position: absolute;
		left: 0;
		content: "\f054";
		font-family: FontAwesome;
		font-weight: normal;
		text-decoration: inherit;
		font-size: 10px;
		color: #666; }


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

	.blog img { margin-bottom: 20px; }

	.widget { margin-bottom: 30px; }

	.search-form { position: relative; }

	input.search {
		height: 40px;
		color: #888;
		border: 1px solid #888;
		padding: 10px;
		width: 100%; }

	input.search:focus { color: #333; }

	.search-button {
		font-size: 16px;
		cursor: pointer;
		color: #FFF;
		width: 40px;
		height: 40px;
		position: absolute;
		top: 0;
		right: 0;
		border: 1px solid;
		border-radius: 0 3px 3px 0; }

	.tags a {
		display: inline-block;
		color: #fff;
		border-radius: 2px;
		padding: 2px 5px;
		margin: 0 2px 6px 0; }

	.author {
		color: #666;
		margin-bottom: 20px;
		padding: 10px;
		border-left: 4px solid;
		background: #f9f9f9;
		box-shadow: 0 1px 2px #aaa;
		border-radius: 3px; }

	.author img {
		float: left;
		margin: 0 10px 20px 0; }

	.comments li { margin-bottom: 30px; }

	.avatar { float: left; }

	.comment-entery {
		color: #666;
		position: relative;
		margin-left: 100px;
		background: #f9f9f9;
		padding: 16px 16px 2px;
		box-shadow: 0 1px 2px #aaa;
		border-radius: 3px; }

	.comment-author {
		float: left;
		width: 100%;
		margin-bottom: 8px; }

	.comment-author .name {
		color: #444; 
		float: left;
		margin-right: 5px;
		font-size: 15px;
		font-weight: 600; }

	.comment-author .date { 
		float: left;
		color: #888; }

	.comment-author	.reply a {
		float: right;
		color: #888; }

	.comment-author	.reply a i { margin-right: 5px; }

	.arrow {
		width: 12px;
		height: 21px;
		background: url(../images/icons/arrow-left.png) no-repeat;
		position: absolute;
		left: -12px;
		top: 20px; }

	.child { margin-left: 100px; }

	@media screen and (max-width: 767px) {
		.child { margin-left: 30px; }
	}

	.meta {	margin-bottom: 15px; }

	.pagination { margin-bottom: 30px; }

	.pagination li { 
		display: inline-block; }

	.pagination li a { 
		display: block;
		background-color: #eee;
		color: #333;
		padding: 5px 10px;
		border-radius: 3px;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out; }

	.pagination li a.current,
	.pagination li a:hover { color: #fff; }

	.post img {
		margin-bottom: 10px; }

	.post,
	.medium-post {
		border-bottom: 1px solid #ccc;
		margin-bottom: 30px; }

	.medium-post img {
		margin: 0 20px 20px 0;
		width: 200px;
		height: auto;
		float: left; }

	.post h3 a,
	.medium-post h3 a {	color: inherit;	}

	.post h3,
	.medium-post h3 { margin-bottom: 0; }


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

	.button { 
		display: inline-block;
		width: auto;
		background: #555;
		color: #fff;
		border-radius: 3px;
		border: 1px solid #555;
		cursor: pointer;
		margin: 0 10px 20px 0;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out; }

	.small      { padding: 6px 15px; font-size: 12px; }
	.medium     { padding: 10px 20px; }
	.large      { padding: 12px 22px; font-size: 16px; }

	.button.color:hover { 
		background: #555;
		border-color: #555; }


/*-----------------------------------------------------------------
	#Clients
------------------------------------------------------------------- */

	.clients a {
		background: #444;
		box-shadow: 0 1px 2px #080808;
		text-align: center;
		display: block;
		padding: 30px 0 15px;
		margin-bottom: 20px;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out; }

	.clients a:hover { 
		box-shadow: 0 6px 8px #080808;
		background: #222; }


/*-----------------------------------------------------------------
	#Contact
------------------------------------------------------------------- */

	#map {
	width:100%;
	height:250px;
}

	.message { width: 100%; }

	.contactform label { 
		display: block;
		margin-bottom: 3px;
		font-size: 14px; }

	.contactform input,
	.commentform input { max-width: 300px; }

	.error-message,
	.success-message { 
		display: block;
		margin-bottom: 15px;
		font-size: 14px; }

	.error-message { color: #f00; }
	.success-message { color: #0b0; }

	.contact-page-info i {
		color: #444;
		display: inline-block;
		text-align: center;
		margin-right: 5px;
		width: 16px; }


/*-----------------------------------------------------------------
	#Icons
------------------------------------------------------------------- */

	.icons li { cursor: default; color: #181818; height: 30px; line-height: 34px; display: block; }
	.icons li i { display: inline-block; width: 30px; text-align: center; }
	.icons li:hover { background-color: #eee; }
	.icons li:hover i { font-size: 24px; }


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

	footer {
		width: 100%;
		color: #FFF; }

	footer h3 {
		padding-bottom: 5px;
		margin-bottom: 15px;
		color: #fff;
		border-bottom: 1px solid #FFF; }

	footer p {
	color: #FFF;
}

	.footer-top {
		padding-top: 30px;
		background: #181818; }

	.footer-widget { margin-bottom: 40px; }

	.contact-info i {
		color: #fff;
		display: inline-block;
		text-align: center;
		margin-right: 5px;
		width: 16px; }

	/* Twitter */

	.tweet_list li {
		color: inherit;
		padding-left: 30px;
		margin-bottom: 10px; }

	.tweet_list li i {
		margin: 5px 0 0 -30px;
		float: left;
		font-size: 20px; }

	/* Flickr */

	.flickr li img {
		width: 68px;
		height: 68px;
		display: block;
		float: left;
		margin: 0 5px 5px 0;
		opacity: 0.8;
		filter: alpha(opacity=80); }

	.flickr li img:hover { 
		opacity: 1;
		filter: alpha(opacity=100); }

	/* Footer Bottom */

	.footer-bottom {
		border-top: 1px solid #333;
		padding: 15px 0 10px;
		background: #111; }

	.copyright { padding-top: 8px; }

	.footer-social { text-align: center; }

	@media screen and (max-width: 767px) {
		.copyright { text-align: center; }
		.social { float: none; }
	}


/*-----------------------------------------------------------------
	#Scroll to top
------------------------------------------------------------------- */

	#toTop {
		display:none;
		text-decoration:none;
		position:fixed;
		bottom:40px;
		right:20px;
		overflow:hidden;
		width:40px;
		height:40px;
		border:none;
		text-indent:100%;
		border-radius: 3px;
		background: #333 url(../images/icons/ui.totop.png) no-repeat 0 0; }

	#toTopHover {
		background: url(../images/icons/ui.totop.png) no-repeat 0 0;
		border-radius: 3px;
		width:40px;
		height:40px;
		display:block;
		overflow:hidden;
		float:left;
		opacity: 0;
		-moz-opacity: 0;
		filter:alpha(opacity=0); }


/*-----------------------------------------------------------------
	#Carousel
------------------------------------------------------------------- */

	/* Portfolio Carousel */

	.jcarousel-skin-work .jcarousel-container-horizontal { width: 100%; }

	.jcarousel-skin-work .jcarousel-clip {	overflow: hidden; }

	.jcarousel-skin-work .jcarousel-clip-horizontal {
		width: 100%;
		height: auto; }

	.jcarousel-skin-work .jcarousel-next-horizontal,
	.jcarousel-skin-work .jcarousel-prev-horizontal {
		position: absolute;
		top: -50px;
		width: 24px;
		height: 24px;
		cursor: pointer;
		border-radius: 3px;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out; }

	.jcarousel-skin-work .jcarousel-next-horizontal {
		right: 10px;
		background: #666 url(../images/icons/navigation.png) no-repeat -17px center; }

	.jcarousel-skin-work .jcarousel-next-disabled-horizontal,
	.jcarousel-skin-work .jcarousel-next-disabled-horizontal:hover,
	.jcarousel-skin-work .jcarousel-next-disabled-horizontal:focus,
	.jcarousel-skin-work .jcarousel-next-disabled-horizontal:active {
		cursor: default;
		background-color: #bbb; }

	.jcarousel-skin-work .jcarousel-prev-horizontal {
		right: 38px;
		background: #666 url(../images/icons/navigation.png) no-repeat 3px center; }


	.jcarousel-skin-work .jcarousel-prev-disabled-horizontal,
	.jcarousel-skin-work .jcarousel-prev-disabled-horizontal:hover,
	.jcarousel-skin-work .jcarousel-prev-disabled-horizontal:focus,
	.jcarousel-skin-work .jcarousel-prev-disabled-horizontal:active {
		cursor: default;
		background-color: #bbb; }


	/* Testimonials Carousel */

	.jcarousel-skin-testimonials .jcarousel-container-horizontal { width: 100%; }

	.jcarousel-skin-testimonials .jcarousel-clip { overflow: hidden; }

	.jcarousel-skin-testimonials .jcarousel-item { margin: 0 10px 0 0; }

	.jcarousel-skin-testimonials .jcarousel-next-horizontal,
	.jcarousel-skin-testimonials .jcarousel-prev-horizontal {
		position: absolute;
		top: -50px;
		width: 24px;
		height: 24px;
		cursor: pointer;
		border-radius: 3px;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out; }

	.jcarousel-skin-testimonials .jcarousel-next-horizontal {
		right: 0;
		background: #666 url(../images/icons/navigation.png) no-repeat -17px center; }

	.jcarousel-skin-testimonials .jcarousel-next-disabled-horizontal,
	.jcarousel-skin-testimonials .jcarousel-next-disabled-horizontal:hover,
	.jcarousel-skin-testimonials .jcarousel-next-disabled-horizontal:focus,
	.jcarousel-skin-testimonials .jcarousel-next-disabled-horizontal:active {
		cursor: default;
		background-color: #ddd; }

	.jcarousel-skin-testimonials .jcarousel-prev-horizontal {
		right: 28px;
		background: #666 url(../images/icons/navigation.png) no-repeat 3px center; }

	.jcarousel-skin-testimonials .jcarousel-prev-disabled-horizontal,
	.jcarousel-skin-testimonials .jcarousel-prev-disabled-horizontal:hover,
	.jcarousel-skin-testimonials .jcarousel-prev-disabled-horizontal:focus,
	.jcarousel-skin-testimonials .jcarousel-prev-disabled-horizontal:active {
		cursor: default;
		background-color: #bbb; }