/*-------------------------------------------------------------------------------------
Theme Name: Soho
Theme URI: http://demo.jthemes.net/soho/
Author: JThemes
Author URI: http://www.jthemes.net/
Description: Soho Responsive HTML5/CSS3 Theme.
Version: 1.0
Tags: clean, light, white, custom colors, portfolio, business, corporate, blog
-------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------
/*	Reset
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, address, big, cite, code, del, dfn, em, font, figure, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

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

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

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

th, td {
	margin: 0;
	padding: 0;
}

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

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

* html .clearfix,
:first-child+html .clearfix {
	zoom: 1;
}

br {
	line-height: 10px;
}

input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
 border: 0px;
}

input[type="submit"]:focus, input[type="button"]:focus {
	outline: none;
}

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

/*-------------------------------------------------------------------------------------
/*	Grid
/*-----------------------------------------------------------------------------------*/

body {
	margin: 0;
	min-width: 100px!important;
}

body [class*="grid"] {
	display: inline;
	float: left;
	position: relative;
	margin-bottom: 20px;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

[class*="grid"] [class*="grid"]:first-of-type {
	margin-left: -10px;
}

[class*="grid"] [class*="grid"]:last-of-type {
	margin-right: -10px;
}

.container {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

.grid-1 {
	width: 80px;
}

.grid-2 {
	width: 160px;
}

.grid-3 {
	width: 240px;
}

.grid-4 {
	width: 320px;
}

.grid-5 {
	width: 400px;
}

.grid-6 {
	width: 480px;
}

.grid-7 {
	width: 560px;
}

.grid-8 {
	width: 640px;
}

.grid-9 {
	width: 720px;
}

.grid-10 {
	width: 800px;
}

.grid-11 {
	width: 880px;
}

.grid-12 {
	width: 960px;
}

.push-1 {
	left: 80px;
}

.push-2 {
	left: 160px;
}

.push-3 {
	left: 240px;
}

.push-4 {
	left: 320px;
}

.push-5 {
	left: 400px;
}

.push-6 {
	left: 480px;
}

.push-7 {
	left: 560px;
}

.push-8 {
	left: 640px;
}

.push-9 {
	left: 720px;
}

.push-10 {
	left: 800px;
}

.push-11 {
	left: 880px;
}

.pull-1 {
	left: -80px;
}

.pull-2 {
	left: -160px;
}

.pull-3 {
	left: -240px;
}

.pull-4 {
	left: -320px;
}

.pull-5 {
	left: -400px;
}

.pull-6 {
	left: -480px;
}

.pull-7 {
	left: -560px;
}

.pull-8 {
	left: -640px;
}

.pull-9 {
	left: -720px;
}

.pull-10 {
	left: -800px;
}

.pull-11 {
	left: -880px;
}

.prefix-1 {
	padding-left: 80px;
}

.prefix-2 {
	padding-left: 160px;
}

.prefix-3 {
	padding-left: 240px;
}

.prefix-4 {
	padding-left: 320px;
}

.prefix-5 {
	padding-left: 400px;
}

.prefix-6 {
	padding-left: 480px;
}

.prefix-7 {
	padding-left: 560px;
}

.prefix-8 {
	padding-left: 640px;
}

.prefix-9 {
	padding-left: 720px;
}

.prefix-10 {
	padding-left: 800px;
}

.prefix-11 {
	padding-left: 880px;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container {
		width: 768px;
	}

	.grid-1 {
		width: 64px;
	}

	.grid-2 {
		width: 128px;
	}

	.grid-3 {
		width: 192px;
	}

	.grid-4 {
		width: 256px;
	}

	.grid-5 {
		width: 320px;
	}

	.grid-6 {
		width: 384px;
	}

	.grid-7 {
		width: 448px;
	}

	.grid-8 {
		width: 512px;
	}

	.grid-9 {
		width: 576px;
	}

	.grid-10 {
		width: 640px;
	}

	.grid-11 {
		width: 704px;
	}

	.grid-12 {
		width: 768px;
	}

	.push-1 {
		left: 64px;
	}

	.push-2 {
		left: 128px;
	}

	.push-3 {
		left: 192px;
	}

	.push-4 {
		left: 256px;
	}

	.push-5 {
		left: 320px;
	}

	.push-6 {
		left: 384px;
	}

	.push-7 {
		left: 448px;
	}

	.push-8 {
		left: 512px;
	}

	.push-9 {
		left: 576px;
	}

	.push-10 {
		left: 640px;
	}

	.push-11 {
		left: 704px;
	}

	.pull-1 {
		left: -64px;
	}

	.pull-2 {
		left: -128px;
	}

	.pull-3 {
		left: -192px;
	}

	.pull-4 {
		left: -256px;
	}

	.pull-5 {
		left: -320px;
	}

	.pull-6 {
		left: -384px;
	}

	.pull-7 {
		left: -448px;
	}

	.pull-8 {
		left: -512px;
	}

	.pull-9 {
		left: -576px;
	}

	.pull-10 {
		left: -640px;
	}

	.pull-11 {
		left: -704px;
	}

	.prefix-1 {
		padding-left: 64px;
	}

	.prefix-2 {
		padding-left: 128px;
	}

	.prefix-3 {
		padding-left: 192px;
	}

	.prefix-4 {
		padding-left: 256px;
	}

	.prefix-5 {
		padding-left: 320px;
	}

	.prefix-6 {
		padding-left: 384px;
	}

	.prefix-7 {
		padding-left: 448px;
	}

	.prefix-8 {
		padding-left: 512px;
	}

	.prefix-9 {
		padding-left: 576px;
	}

	.prefix-10 {
		padding-left: 640px;
	}

	.prefix-11 {
		padding-left: 704px;
	}
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
	body {-webkit-tap-highlight-color: transparent;}
	.container {
		width: 480px;
	}

	.container [class*="grid"] {
		margin-bottom: 20px;
		display: block;
		float: none;
		position: relative;
		width: 100%;
	}

	[class*="grid"] [class*="grid"] {
		margin: 0 0 20px!important;
		padding: 0;
	}

	.container [class*="grid"]:last-of-type {
		margin-bottom: 0;
	}

	.container [class*="push"],
	[class*="pull"] {
		left: auto;
	}

	.container [class*="prefix"] {
		padding-left: 0;
	}
}

@media only screen and (max-width: 480px) {
	body {-webkit-tap-highlight-color: transparent;}
	.container {
		width: 100%;
	}

	.container [class*="grid"] {
		margin-bottom: 20px;
		display: block;
		float: none;
		position: relative;
		width: 100%;
	}

	[class*="grid"] [class*="grid"] {
		margin: 0 0 20px!important;
		padding: 0;
	}

	.container [class*="grid"]:last-of-type {
		margin-bottom: 0;
	}

	.container [class*="push"],
	[class*="pull"] {
		left: auto;
	}

	.container [class*="prefix"] {
		padding-left: 0;
	}
}