/* Font import */
@import url('icomoon-social.css');

 /* ----------------------------------------------------------------------
	Reset & Clearfix (http://meyerweb.com/eric/tools/css/reset/)
/* ---------------------------------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,and,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,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,input,textarea,select{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}del{text-decoration:line-through}hr{background:transparent;border:0;clear:both;color:transparent;height:1px;margin:0;padding:0}mark{background-color:#ffffb3;font-style:italic}input,select{vertical-align:middle}ins{background-color:red;color:white;text-decoration:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}

/* Clearfix */
.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}* html .clearfix,:first-child+html .clearfix{zoom:1}

/* Some basic settings */
h1, h1 .button { font-size: 32px; }
h2, h2 .button { font-size: 28px; }
h3, h3 .button { font-size: 24px; }
h4, h4 .button { font-size: 18px; }
h5, h5 .button { font-size: 16px; }
h6, h6 .button { font-size: 14px; }
small { font-size: 10px; }
ol { list-style: decimal; }
ul { list-style: disc; }
li { margin-left: 30px; }
img { margin-bottom: 5px; }
dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,blockquote,article,p { margin-bottom: 20px; }


/* Message for older IE browsers
 ------------------------------------------------------------------------*/
#ie-message { background:#c00; border-bottom:1px solid #900; display: block; margin: 0 auto 20px auto; width:100%; z-index:2000; }
#ie-message p { text-align:center; color:#fff; font-size:13px; padding:20px; margin: 0 25%; }
#ie-message a { color:#fff; font-weight:bold; text-decoration:underline; }


/* Basic Elements & Classes
 ---------------------------------------------------------------------- */

body {
	background: #fff;
	border-top: 6px solid #f86239;
	color: #8c8c8c;
	font: 13px/1.6 'Droid Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

::-moz-selection { background: #f86239; color: #fff; text-shadow: none; }
.::selection { background: #f86239; color: #fff; text-shadow: none; }

h1, h2, h3, h4, h5, h6 {
	color: #666;
	font-weight: 400;
	line-height: 1.25;
	margin-bottom: 15px;
}

h3, h4, h5 { font-weight: 600; }

a, a > * {
	color: #f86239;
	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: #666; }
a.invert { color: #8d8d8d;}
a:hover.invert { color: #f86239; }

hr {
	background: #eee;
	color: #eee;
	margin: 5px 0 25px;
	border-radius: 5px;
}
	
	hr.divider { margin: 60px 0; }
	hr.dotted { border-style: dotted; }

	p + hr { margin: 25px 0 20px; }

blockquote {
	background: #f8f8f8 url(../img/quote.png) no-repeat 17px 21px;
	font: italic 15px/1.6 'PT Serif', Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
	padding: 20px 20px 20px 55px;
}

	blockquote.simple {
		background: none;
		border-left: 2px solid #ddd;
		color: #bbb;
		font-size: 13px;
		margin: 0;
		padding: 0 0 0 10px;
	}

	blockquote p:last-of-type { margin-bottom: 0; }

	blockquote small { font-size: 12px; }

input[type="submit"], button {
	background: #f86239;
	border: none;
	color: #fff;
	cursor: pointer;	
	height: auto;
	overflow: visible;
	padding: 12px 20px;
	-webkit-transition: background-color .2s ease;
	   -moz-transition: background-color .2s ease;
		-ms-transition: background-color .2s ease;
		 -o-transition: background-color .2s ease;
			transition: background-color .2s ease;
	width: auto;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

	input[type="submit"]:hover, button:hover {
		background: #222;
		color: #fff;
	}

/* Text Button */
.text-button {
	display: inline-block;
}
.text-button .icon {
	height: 19px;
	margin: -3px 0 0 3px;
	text-indent: -9999px;
	vertical-align: middle;
	width: 19px;
}

/* Button */
.button {  
	display: inline-block;
	cursor: pointer;
	text-align:center;
	color: #fff !important;
	background: #f86239;
}
.button:hover {
	background: #333 !important;
	color: #fff;
}

	/* Small button */
	.button.small {
		font-size: 12px;
		padding: 2px 12px;
		line-height: 20px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}
		.button.small.blue {
			background: #399cf8;
		} 
		

	/* Big button */
	.button.big {
		font-size: 13px;
		font-weight: 600;
		padding: 0 24px;
		line-height: 44px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
		.button.big.blue {
			background: #399cf8;
		} 
	
		.button.big .icon {
			height: 16px;
			margin: -3px 0 0 6px;
			text-indent: -9999px;
			vertical-align: middle;
			width: 16px;
		}

	/* Wide button */
	.button.wide {
		width: 100%;
		margin-right: 0;
		padding: 0;
	}

/* dropcap */
.dropcap {
	background: #eaeaea;
	color: #777;
	display: inline-block;
	float: left;
	font-size: 23px;
	font-weight: 600;
	height: 36px;
	line-height: 36px;
	margin: 0 7px 0 0;
	text-align: center;
	width: 36px;
}

	.dropcap.dark {
		background: #f86239;
		color: #fff;
	}

/* Item image */
.item-image {
	cursor: pointer;
	display: block;
	position: relative;
	font-size: 0;
}
	
	.item-image.alignleft { margin-bottom: 15px; margin-right: 15px; }
	.item-image.alignright { margin-bottom: 15px; margin-left: 15px; }

	/* Browser */
	img.top-browser {
		display: block;
		max-width: 100%;
		margin-bottom: 0;
	}
	img.bottom-browser {
		float: left;
		max-width: 100%;
	}

	/* Image */
	.item-image img { 
		margin-bottom: 0;
		line-height: normal;

	}

	.item-image .zoom {
		background: rgb(000, 000, 000);
		background: rgba(000, 000, 000, 0.6);
		display: block;
		height: 100%;
		left: 0;
		opacity: 0;
		filter: alpha(opacity=0);
		position: absolute;
		text-indent: -9999px;
		top: 0;
		-webkit-transition: opacity .2s ease-in-out;
		   -moz-transition: opacity .2s ease-in-out;
			-ms-transition: opacity .2s ease-in-out;
			 -o-transition: opacity .2s ease-in-out;
				transition: opacity .2s ease-in-out;
		width: 100%;
	}

	.item-image .zoom:before {
		background: url(../img/zoom.png) no-repeat;
		content: '';
		display: block;
		position: absolute;
		height: 58px;
		margin: -29px 0 0 -29px;
		left: 50%;
		top: 50%;
		width: 58px;
	}

	.item-image.link .zoom:before {
		background-image: url(../img/zoom-link.png);
	}

	.item-image:hover .zoom {
		opacity: 1;
		filter: alpha(opacity=60);
	}

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

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


/* Generic Classes
 ---------------------------------------------------------------------- */

.hidden { display: none; }

.h-light { font-weight: 400; }

.disabled { cursor: auto; }

.screenreader { clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); /* Fallback for old IE */ position: absolute; }

.align-center { margin-left: auto; margin-right: auto; text-align: center; }

	img.align-center { display: block; }

.align-left { float: left; }

	img.align-left { margin-bottom: 15px; margin-right: 15px; }

.align-right { float: right; }

	img.align-right { margin-bottom: 15px; margin-left: 15px; }

.spacer { 
	width: 100%;
	height: 60px;
	clear: both;
}


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

ul.none {
	list-style: none;
	margin: 0;
}

ul.dotted {
	display: block;
	clear: both;
	margin-bottom: 20px;
}
	ul.dotted li {
		border-top: 1px dotted #dfe4eb;
		margin: 0;
		padding-top: 8px;
		padding-bottom: 8px;
		list-style: none;
		display: block;
	}
	ul.dotted li:first-child { border: none;}

		/* Icon list */
		.icon li img { 
			float:left;
			padding-top: 2px;
			margin-right: 12px;
		}

		/* Styled list */
		.check li, .arrow li {
			padding-left: 24px;
		}

		.check li { background: url(../img/list-check.png) no-repeat 3px 10px; }
		.arrow li { background: url(../img/arrow-right-grey.png) no-repeat 4px 12px; }


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

.error, .success, .info, .notice, .wpcf7-response-output {
	display: block;
	padding: 16px 24px 16px 24px;
	clear: both;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
}

.error {
	border: 1px solid #f7c7c9;
	color: #b3696c;
}

.success {
	border: 1px solid #c2d288;
	color: #8fa442;
}

.info {
	border: 1px solid #9ac9df;
	color: #528da9;
}

.notice {
	border: 1px solid #f5dc7d;
	color: #ddb006;
}
	.notice a, .notice a:hover {
		color: #ddb006;
		font-weight: bold;
		text-decoration: underline;
	}
	.notice a:hover { text-decoration: none; }


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

label {
	cursor: pointer;
	display: block;
	margin: 0 0 5px;
}

input, textarea, select {
	-webkit-appearance: none; /* Fix for Mobile Safari */
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
	color: #8d8d8d;
	font: 12px/1.5;
	padding: 5px 10px;
	border-radius: 0;
}

input, select {
	height: 30px;
	width: 200px;
}

textarea {
	padding: 10px;
	resize: both;
}
	
	input:hover, textarea:hover, select:hover { border-color: #ccc; }
	
	input:focus, textarea:focus, select:focus { border-color: #ccc; }

input[type="submit"], button {
	font-size: 12px;
	font-weight: 600;
}

	input[type="submit"].medium, button.medium { font-size: 15px; }

	input[type="submit"].large, button.large { font-size: 17px; }

select, option {
	cursor: pointer;
	padding: 5px 7px;
}

/* Chrome, Safari */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #8d8d8d; }

/* Firefox */
input:-moz-placeholder, textarea:-moz-placeholder { color: #8d8d8d; }

/* jQuery fallback */
input.placeholder, textarea.placeholder { color: #8d8d8d; }


/* Wrap
 ---------------------------------------------------------------------- */

.container {
	margin: 0 auto;
	position: relative;
	width: 940px;
}
		
	/* Columns
	 ---------------------------------------------------------------------- */

	.col-1-2, .col-1-3, .col-2-3, .col-1-4, .col-3-4 {
		float: left;
		margin-right: 20px;
	}

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

	.col-1-2 { width: 460px; }

	.col-1-3 { width: 300px; }

		.col-2-3 { width: 620px; }

	.col-1-4 { width: 220px; }

		.col-3-4 { width: 700px; }


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

#header {
	border-bottom: 1px solid #eee;
	height: 86px;
	z-index: 97;
}

	#logo {
		float: left;
		padding-top:15px;
	}


	/* Main Navigation
	 ---------------------------------------------------------------------- */

	#main-nav { float: right; }

			#main-nav li {
				list-style: none;
				float: left;
				margin: 0;
				position: relative;
			}

				#main-nav a {
					color: #8d8d8d;
					font-size: 12px;
					font-weight: 800;
					display: block;
					letter-spacing: -0.08px;
					padding: 26px 20px 40px;
					position: relative;
					text-align: center;
					text-transform: uppercase;
					z-index: 98;
					border-bottom: 4px solid transparent;
				}

				#main-nav a:after {
					color: #ccc;
					content: attr(data-description);
					font-size: 11px;
					font-style: italic;
					font-weight: 400;
					display: block;
					line-height: 0;
					margin: 3px 0 -3px;
					text-align: center;
					text-transform: lowercase;
				}

					#main-nav a:hover, #main-nav .hover > a, #main-nav .current > a {
						color: #f86239;
					}

					#main-nav a:hover, #main-nav .hover > a, #main-nav .current > a { border-bottom: 4px solid #ccc;}

				/* Dropdown */
				#main-nav ul ul {
					background: #8d8d8d;
					-webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
					   -moz-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
							box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
					display: none;
					left: 0;
					padding: 0;
					position: absolute;
					top: 86px;
					width: 200px;
					z-index: 99;
				}

					#main-nav ul ul li { float: none; }

						#main-nav ul ul a {
							border: 0;
							border-bottom: 1px solid #666;
							border-top: 1px solid #6e8197;
							color: #fff;
							display: block;
							font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
							font-size: 11px;
							letter-spacing: 0;
							font-weight: 400;
							padding: 8px 20px !important;
							text-align: left;
							text-transform: none;
						}

							#main-nav ul ul a:hover, #main-nav ul ul .hover > a, #main-nav ul ul .current > a, #main-nav ul ul .current > a:hover {
								background: #666;
								color: #fff;
							}

					.not-ie #main-nav ul ul .current:after { display: none; }

				/* Sub Dropdown */
				#main-nav ul ul ul {
					left: 100% !important;
					top: 0 !important;
				}

		/* Responsive Nav */
		#main-nav .responsive-nav {
			background-image: url(../img/responsive-nav-bg.png);
			background-position: center right;
			background-repeat: no-repeat;
			display: none;
			width: 100%;
		}


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

#content {
	margin-top: 40px;
}

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

	.page-header {
		border-bottom: 1px solid #eee;
		margin: 0 0 40px;
	}

		.slogan, .page-title, .page-description, .page-subdescription, .project-title {
			font-weight: 300;
			letter-spacing: -0.1px;
			margin-bottom: 0;
		}

		.page-title, .page-description, .page-subdescription, .project-title {
			font-size: 28px;
			margin-top: -10px;
			padding: 0 0 35px;
		}

		.slogan {
			font-size: 24px;
			margin-bottom: 40px;
			display: none;
		}

		.page-title { margin-top: -15px; color: #ccc;}

		.page-subdescription { font-size: 20px; }

		.page-description {
			font-size: 32px;
			font-weight: 400;
			padding: 0 0 40px;
		}

			.page-title ~ hr, .page-description ~ hr, .page-subdescription ~ hr, .project-title ~ hr {
				margin-bottom: 40px;
				margin-top: 0;
			}

	.section-title {
		font-weight: 800;
		text-transform: uppercase;
	}


	/* Main
	 ---------------------------------------------------------------------- */
	#main {
		float: left;
		margin: 0 40px 0 0;
		width: 680px;
	}

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

		#main .col-1-2 { width: 330px; }
		#main .col-1-3 { width: 213px; }
			#main .col-2-3 { width: 447px; }
		#main .col-1-4 { width: 155px; }
			#main .col-3-4 { width: 505px; }


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

 	/* Line heading
	 ---------------------------------------------------------------------- */
	.column-title {
		width: 100%;
		margin-bottom: 20px;
	}
	.column-title:before {
		content: '';
		display: block;
		width: 40px;
		border-bottom: 1px solid #f86239;
		margin-bottom: 40px;
	}


	/* Line heading
	 ---------------------------------------------------------------------- */
	.line-heading {
		width: 100%;
		border-bottom: 1px solid #eee;
		padding-bottom: 8px;
		margin-bottom: 30px;
	}
		.line-heading a {
			float: right;
			display: inline-block;
			font-size: 11px;
			color: #f86239;
			font-weight:400;
			line-height: normal;
			width: auto;
		}
		.line-heading a:hover { 
			text-decoration: underline;
		}


	/* Back to Top
	 ---------------------------------------------------------------------- */
	#back-to-top, .touch-device #back-to-top:hover {
		background: #ddd url(../img/arrow-up-large.png) no-repeat center center;
		background-color: rgba(221, 221, 221, .7);
		bottom: 20px;
		display: none;
		height: 46px;
		position: fixed;
		right: 20px;
		text-indent: -9999px;
		-webkit-transition: all .2s ease;
		   -moz-transition: all .2s ease;
			-ms-transition: all .2s ease;
			 -o-transition: all .2s ease;
				transition: all .2s ease;
		width: 45px;
		z-index: 100;
	}

		#back-to-top:hover, .touch-device #back-to-top:active { background-color: #f86239; }


	/* Features
 	 ---------------------------------------------------------------------- */
 	.features {
 		margin-bottom: 20px;
 		clear:both;
 	}

 	 	/* Heading link */
 	 	.features .line-heading a:after {
			content:"Read more about our features →";
		}

	 	.feature {
	 	 	padding-left:50px;
	 	 	padding-bottom: 20px;
	 	 	background-position: left top;
	 	 	background-repeat: no-repeat; 
	 	}

	 	 	.feature h2 {
	 	 		font-size: 14px;
	 	 		font-weight: 700;
	 	 		margin-bottom: 12px;
	 	 		-webkit-transition: all .6s ease;
			    -moz-transition: all .6s ease;
				-ms-transition: all .6s ease;
				-o-transition: all .6s ease;
				transition: all .6s ease;
	 	 	}

	 	 	.feature:hover h2 { color: #f86239; }

	 	 	.feature.admin { background-image: url(../img/icon-admin-feature.png); }
	 	 	.feature.code { background-image: url(../img/icon-code-feature.png); }
	 	 	.feature.update { background-image: url(../img/icon-update-feature.png); }
	 	 	.feature.docs { background-image: url(../img/icon-docs-feature.png); }
	 	 	.feature.localization { background-image: url(../img/icon-localization-feature.png); }
	 	 	.feature.browser { background-image: url(../img/icon-browser-feature.png); }


 	/* Testimonials
 	 ---------------------------------------------------------------------- */
 	.testimonial {
 	 	clear: both;
 	 	margin: 40px 0 80px 0;
 	 	border-top: 1px solid #eee;
 	 	text-align: center;
 	 	position: relative;
 	 	display: block;
 	}
 		.testimonial:before {
 			content : '';
 			display: block;
 			padding: 0 40px;
 			height: 16px;
 			width: 46px;
 			margin: 0 auto;
 			background-color: #fff;
 			position: relative;
 			top: -12px;
 			background: #fff url(../img/testimonial-stars.png) center center no-repeat;
 			
 		}
 	 	.testimonial p {
 	 		padding: 10px 5em 0 5em;
 	 		font-size: 16px;
 	 		display: block;
 	 		overflow: hidden;
 	 		margin-bottom: 0px;
 	 	}
 	 	.testimonial span {
 	 		font-size: 11px;
 	 		font-weight: 700;
 	 		font-style: normal;
 	 		text-transform: uppercase;
 	 		display: block;
 	 		padding-top: 20px;
 	 	}


/* FAQ
 ---------------------------------------------------------------------- */
.faq-index { 
	overflow: hidden;
}
.faq {
 	clear: both;
 	display: block;
}
	.faq h5 {
		margin: 30px 0 4px 0;
	}
	.faq .line-heading {
		margin-top: 60px;
		color: #f86239;
	}


/* Homepage
 ---------------------------------------------------------------------- */
 

	/* Teaser
	 ---------------------------------------------------------------------- */
	#teaser {
		text-align: center;
		margin-bottom: 60px;
	}
		#teaser div { padding: 12em 4em;  }
		#teaser h1, #teaser h2, #teaser h3 { color:#fff; position: relative; padding: 0 20%; top:-30px; }
		#teaser h1 { 
			text-transform: uppercase; 
			font-weight:bold;
			font-size:48px;
		}
		#teaser h2 {
			font-size:24px;
			margin-bottom:0;
		}
		#teaser h3 {
			font-size: 18px;
			line-height: 1.7em;
			font-weight: 400;
		}
		#teaser-button {
			text-align:center;
			font-size: 18px;
			color: #fff;
			font-weight:600;
			padding: 12px 30px;
			background: #f86239;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			box-shadow:0px 1px 2px rgba(010,010,010,0.4), inset 0px 1px 0px rgba(255,255,255,0.3);
			-moz-box-shadow: 0px 1px 2px rgba(010,010,010,0.4), inset 0px 1px 0px rgba(255,255,255,0.3);
			-webkit-box-shadow: 0px 1px 2px rgba(010,010,010,0.4), inset 0px 1px 0px rgba(255,255,255,0.3);
		}
		
		#teaser-button:hover {
			opacity: 0.8;
			background: #f86239 !important;
		}


	/* Recent themes
	 ---------------------------------------------------------------------- */
	.recent-themes {}

		/* Heading link */
 	 	.recent-themes .line-heading a:after {
			content: "View all templates →";
		}


		.recent-themes article { margin-bottom: 20px !important; }
		
	
 
/* Portfolio
 ---------------------------------------------------------------------- */
#items-filter {
	float: right;
	margin: -60px 0 30px 0;
	overflow: hidden;
}

	#items-filter li {
		display: block;
		float: left;
		list-style: none;
		margin: 0;
	}

		#items-filter a {
			background: transparent;
			color: #ccc;
			cursor: pointer;
			display: block;
			margin: 0 0 5px 5px;
			padding: 3px 6px;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			font-size: 11px;
			
		}

			#items-filter a:hover { background: #8d8d8d color: #fff; }
			#items-filter a.active { background: #8d8d8d; color: #fff;}

		/* Responsive Nav */
		.responsive-filter {
			background-image: url(../img/responsive-nav-bg.png);
			background-position: center right;
			background-repeat: no-repeat;
			display: none;
			width: 100%;
			margin-bottom: 30px;
		}

#items { margin: 0 -20px 40px 0; }

	
	#items h5 {
		font-size: 14px;
		font-weight: 600;
		margin-bottom: 8px;
	}
	#items h5 .price-tag {
		display: inline-block;
		background: url(../img/price-tag.png) left top no-repeat;
		line-height: 20px;
		width: 40px;
		color: #ccc;
		margin-left: 6px;
		padding-left: 12px;
		font-size: 12px;
	}

	#items article { margin-bottom: 40px; }

	#items article .item-image { text-align: center; }
	#items article .item-image img { max-width: 100%; }

	/* 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;
	}

	/* Article hover action */
	#items article .button { 
		opacity: 0.0;
	}
	#items article:hover h5 {
		color: #f86239;
	}
	#items article:hover .button { 
		opacity: 1;
		-webkit-transition: opacity .2s ease-in-out;
		   -moz-transition: opacity .2s ease-in-out;
			-ms-transition: opacity .2s ease-in-out;
			 -o-transition: opacity .2s ease-in-out;
				transition: opacity .2s ease-in-out;
	}


/* Item details
 ---------------------------------------------------------------------- */
.item-title {
	font-size: 32px;
	margin-top: -10px;
	padding-bottom: 30px;
}

.item-details .page-header .text-button {
	color: #ccc;
	font-style: italic;
	margin-top: -5px;
}

.item-details .page-header a:hover { color: #f86239; }
	
	.item-details .page-header .price-tag {
		background: url(../img/price-tag-big.png) left top no-repeat;
		line-height: 27px;
		height:27px;
		width: 58px;
		color: #fff;
		font-size: 16px;
		font-weight:700;
		text-indent: 20px;
	}

.item-details .features {
	padding-top: 60px;
	clear: both;
}



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

.contact-form { max-width: 100%; }

.contact-form { margin: 0 -20px 0 0; }

	.contact-form .input{
		float: left;
		margin: 0 20px 20px 0;
	}

	.contact-form .input:nth-child(2n) { margin-right: 0; }

		.contact-form input { width: 278px; }
		.contact-form #contact-subject { width: 600px; }

	.contact-form .textarea { clear: both; }

		.contact-form textarea {
			height: 150px;
			width: 600px;
		}

	.contact-form input[type="submit"] {
		margin: 0 0 20px;
		width: auto;
	}


/* Sidebar
 ---------------------------------------------------------------------- */
#sidebar {
	float: right;
	width: 220px;
}

	#sidebar .item-image img {
		width: 100%;
	}

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

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

		#sidebar .widget-title {
			color: #666;
			font-weight: 700;
			font-size: 14px;
			/*text-transform: uppercase;*/
			margin: 0 0 12px;
		}

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

#footer {
	background: #333;
	color: #8d8d8d;
	margin-top: 80px;
	padding: 0 0 20px;
	position: relative;
	font-size: 12px;
	border-bottom: 1px solid #363636;
}

	#footer, #footer a,
	#footer-bottom, #footer-bottom a { color: #8d8d8d; }

		#footer a:hover,
		#footer-bottom a:hover { color: #f86239; }


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

	#footer-twitter {
		background: #222;
		padding: 30px 0;
		border-bottom: 1px solid #444;
		margin-bottom: 40px;
		overflow: hidden;
	}
		.twitter-title { 
			font-size: 14px;
			font-weight: 700;
			text-transform: uppercase;
			padding-left: 30px;
			margin-bottom: 12px;
			color: #bbb;
			background: url(../img/icon-twitter2.png) no-repeat left top;
		}
		#footer-twitter p {
			margin-bottom: 20px;
		}

		/* Feed */
		#footer-twitter .tweets { 
			margin: 0;
			background-color: #333;
			border-radius: 2px;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			color: #ccc;
			padding: 22px;
			display: block;
			list-style: none;
		}	
			#footer-twitter .tweets li { margin-left:0; }
			#footer-twitter .tweets li a { color: #f86239; }

				#footer-twitter .tweets li a:hover, #footer-twitter .tweets .date a:hover { color: #ccc; }

			#footer-twitter .tweets .date { display: block; }

				#footer-twitter .tweets .date a {
					color: #999;
					font-size: 11px;
					font-style: italic;
				}



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

	#footer-nav {
		margin: 0 0 12px;
		padding: 0 0 12px;
	}

		#footer-nav ul { margin: 0; }

			#footer-nav li {
				float: left;
				list-style: none;
				margin: 0;
			}
			
				#footer-nav li a {
					border-left: 1px solid #444;
					font-size: 11px;
					display: block;
					padding: 0 15px;
					text-transform: uppercase;
				}
			
				#footer-nav li:first-child a {
					border-left: none;
					padding-left: 0;
				}

				#footer-nav li:last-child a { padding-right: 0; }


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

	.social-links { margin: 0; text-align: right; }

		.social-links li {
			display: inline-block;
			list-style: none;
			margin: 0 0 10px 15px;
		}
			
		.social-links li:nth-child(6n+1) { margin-left: 0; }

		.social-links li:nth-child(6n) { margin-right: 15px; }

		.social-links li:last-child { margin-right: 0; }

			.social-links a {
				display: block;
				-webkit-transition: all 0.2s ease-out;
				   -moz-transition: all 0.2s ease-out;
					 -o-transition: all 0.2s ease-out;
					-ms-transition: all 0.2s ease-out;
						transition: all 0.2s ease-out;
			}

				.social-links a span {
					font-size: 16px;
					color: #999;
				}
				.social-links a:hover span {
					color: #fff;
				} 



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

#footer-bottom {
	background: #222;
	line-height: 17px;
	padding: 12px 0;
	font-size: 11px;
}

	#footer-bottom ul { margin: 0; }

		#footer-bottom li {
			float: left;
			list-style: none;
			margin: 0;
		}
			
			 #footer-bottom li:first-child { margin-right: 15px; }
			
			#footer-bottom li a {
				border-left: 1px solid #3d4854;
				display: block;
				padding: 0 15px;
			}

			 #footer-bottom li:first-child a {
				border-left: none;
				padding-left: 0;
			}

				#footer-bottom li:last-child a { padding-right: 0; }