.lato {
	font-family: Lato, sans-serif
}

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

audio,
canvas,
video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden] {
	display: none
}

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

a:focus {
	outline: thin dotted
}

a:active,
a:hover {
	outline: 0
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

hr {
	box-sizing: content-box;
	height: 0
}

mark {
	background: #ff0;
	color: #000
}

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 1em
}

pre {
	white-space: pre-wrap
}

q {
	quotes: \201C \201D \2018 \2019
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0
}

button,
input {
	line-height: normal
}

button,
select {
	text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

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

input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

textarea {
	overflow: auto;
	vertical-align: top
}

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

body,
figure {
	margin: 0
}

button::-moz-focus-inner,
input::-moz-focus-inner,
legend {
	border: 0;
	padding: 0
}

body,
html {
	padding: 0;
	margin: 0;
	background: #f1f1f1;
	color: #505050;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 24px
}

pre {
	padding: 0;
	margin: 0
}

pre code {
	overflow: hidden
}

.center {
	margin: 0 auto;
	width: 1000px;
	max-width: 95%
}

a {
	text-decoration: none;
	color: #0381bb;
	font-weight: 700
}

a.normal {
	font-weight: 400
}

:focus,
a:focus {
	outline: 0
}

img {
	border: 0
}

table {
	padding: 0;
	margin: 0;
	border-collapse: collapse
}

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

h2 {
	font-size: 16px;
	margin: 30px 0 0 0;
	padding: 0
}

.fa-external-link {
	font-size: 9px;
	margin-left: 3px
}

.error {
	color: #f03800
}

.ok {
	color: #0C5F1F
}

::-moz-selection {
	background: #FFD800;
	text-shadow: none
}

::selection {
	background: #0095d7;
	text-shadow: none
}

@media only screen and (max-width:500px) {
	.ios-500px-width-100,
	.ios-500px-width-100.box-50 {
		width: 100%
	}
	.iphone-hidden {
		display: none
	}
}

#black-top-bar {
	height: 45px;
	border-top: 1px solid #DAE3EC;
	border-bottom: 1px solid #fff;
	background: #505050
}

#logo {
	padding: 40px 0 15px 0;
	margin: 0;
	font-family: Lato, sans-serif;
	font-size: 32px;
	vertical-align: middle
}

#logo p {
	padding: 0;
	margin: 0
}

#logo img {
	height: 45px;
	margin-right: 15px;
	vertical-align: middle;
	-webkit-transition: all .25s ease 0s;
	transition: all .25s ease 0s
}

#logo a {
	text-shadow: 1px 1px 1px #fff;
	-webkit-transition: all .25s ease 0s;
	transition: all .25s ease 0s
}

#logo a:hover {
	text-shadow: 1px 1px 10px #999
}

#bread-crumbs-box {
	border-bottom: 1px solid #fff;
	margin: 0 0 30px 0
}

#bread-crumbs {
	background: #ececec;
	border-bottom: 1px solid #e3e3e3
}

#bread-crumbs p {
	padding: 10px 0;
	margin: 0
}

#footer {
	background: #27252a;
	color: #f1f1f1;
	margin-top: 30px
}

#footer a {
	font-weight: 400;
	color: #dbdbdb
}

.footer-top-row {
	margin: 30px 0
}

.footer-top-row ul {
	line-height: 30px
}

.footer-bot-row {
	background: #111
}

@media only screen and (max-width:550px) {
	#logo {
		text-align: center;
		width: 100%;
		font-size: 26px;
		line-height: 40px;
		margin: 0 0 10px 0;
		padding: 0 0 15px 0
	}
	#logo img {
		margin: 40px auto 10px auto;
		display: block
	}
	#footer .footer-top-row .box-30 {
		width: 100%;
		margin-bottom: 20px;
		text-align: center
	}
	#demo {
		padding: 15px 0
	}
}

.codecanyon-icon,
.download-icon,
.github-icon,
.icon,
.paypal-icon,
.view-icon {
	display: inline-block;
	vertical-align: middle;
	padding-left: 25px
}

.download-icon {
	background: url(../img/common/download.png) no-repeat 0 50%
}

.read-more-blue-icon {
	background: url(../img/common/next-blue.png) no-repeat center right;
	padding-right: 15px
}

.read-more-orange-icon {
	background: url(../img/common/next-orange.png) no-repeat center right;
	padding-right: 15px
}

.border-img {
	border: 4px solid #fff;
	outline: 1px solid #c4c4c4
}

.border-img-black {
	border: 1px solid #000
}

.border-img-grey4 {
	border: 1px solid #c4c4c4
}

.big-white-btn,
.white-btn {
	border: 1px solid #DAE3EC;
	border-radius: 3px;
	color: #6c6c6c;
	padding: 5px 10px;
	display: inline-block;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #efefef));
	background: -webkit-linear-gradient(top, #fff 0, #efefef 100%);
	background: linear-gradient(to bottom, #fff 0, #efefef 100%)
}

.big-white-btn {
	height: 40px;
	line-height: 40px;
	padding: 0;
	text-align: center;
	margin: 0 20px 20px 0
}

.big-white-btn.orange,
.white-btn.orange {
	color: #f03800;
	border: 1px solid #fca185
}

.big-white-btn.blue,
.white-btn.blue {
	color: #0381bb;
	border: 1px solid #85baf7
}

.big-white-btn.grey,
.white-btn.grey {
	border: 1px solid #c4c4c4
}

.f15 {
	font-size: 15px
}

.f16 {
	font-size: 16px
}

.f18 {
	font-size: 18px
}

.f20 {
	font-size: 20px
}

.lh28 {
	line-height: 28px
}

.orange {
	color: #f03800
}

.blue {
	color: #0381bb
}

.light-blue2 {
	color: #9FC2CE
}

.text-shadow {
	text-shadow: 1px 1px 1px #fff
}

.title-15 {
	font-size: 15px
}

.title-24-orange {
	font-size: 24px;
	color: #f03800
}

.title-24-blue {
	font-size: 24px;
	color: #0381bb
}

.title-24-blue a {
	font-weight: 400
}

.title-16-bold-black2 {
	color: #27252a;
	font-size: 16px;
	font-weight: 700
}

.title-16-underline-normal {
	font-size: 16px;
	text-decoration: underline;
	font-weight: 400
}

.h1-30-normal {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 3 0;
	font-weight: 400;
	font-family: Lato, sans-serif;
	font-size: 26px;
	color: red
}

.h1-30-normal.center {
	width: 100%;
	text-align: center;
	max-width: 100%
}

.grey-strip {
	position: relative
}

.grey-strip h3 {
	margin: 0 0 0 -10px;
	padding: 10px;
	font-size: 3 0;
	font-weight: 400;
	font-family: Lato, sans-serif;
	font-size: 24px;
	background: #f1f1f1;
	float: left;
	position: relative
}

.grey-strip:before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	top: 50%;
	bottom: 0;
	border-bottom: 1px solid #e3e3e3
}

@media only screen and (max-width:320px) {
	.grey-strip h3 {
		float: none;
		margin: 0;
		padding: 0;
		width: 100%;
		text-align: center
	}
}

.h2-30-normal {
	margin: 0;
	padding: 0;
	font-size: 3 0;
	font-weight: 400;
	font-family: Lato, sans-serif;
	font-size: 26px
}

.note {
	margin-bottom: 60px;
	text-align: center
}

@media only screen and (max-width:400px) {
	.h1-30-normal {
		line-height: 33px
	}
	.h1-30-normal.left {
		float: none;
		text-align: center
	}
}

.demo-preview {
	background: #fff;
	margin: 10px 0 40px 0;
	border-radius: 3px;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #e3e3e3
}

.demo-preview img {
	max-width: 100%;
	border-radius: 3px
}

.vspacer {
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #fff;
	line-height: 1px;
	font-size: 1px
}

#license {
	background: #F8F8FF;
	margin: 20px 0;
	padding-top: 10px
}

#license h1,
#license h2,
#license h3,
#license h4,
#license h5,
#license h6,
#license p {
	margin: 0;
	padding: 0 20px 10px 20px
}

.buy-section {
	margin: 20px 0;
	padding: 20px;
	background: #fff;
	vertical-align: middle;
	font-size: 16px
}

.buy-section img,
.buy-section input {
	vertical-align: middle
}

.buy-section .buy-txt {
	margin: 0 20px 0 0;
	line-height: 50px
}

.buy-section .buy-txt .price {
	font-weight: 700;
	font-size: 18px;
	padding: 0 15px
}

#binpress-product-widget .component {
	box-shadow: 0 0 10px #999;
	border-radius: 2px
}

#hp-colored-preview-box {
	background-image: url(/content/img/homepage/hp-bg.jpg);
	background-repeat: no-repeat;
	background-color: #464a56;
	padding: 100px 0;
	text-align: center;
	background-position: 50% 50%;
	background-size: cover;
	margin: 0 0 50px 0
}

#hp-colored-preview-box p {
	font-family: Lato, sans-serif;
	font-size: 40px;
	color: #fff;
	text-shadow: 0 0 9px #000;
	text-transform: uppercase;
	background-color: #464a56;
	background-color: rgba(70, 74, 86, .6);
	padding: 15px;
	margin: 0
}

#hp-colored-preview-box .big-white-btn {
	border: 0
}

@media only screen and (max-width:800px) {
	#hp-colored-preview-box p {
		font-size: 30px
	}
}

@media only screen and (max-width:500px) {
	#hp-colored-preview-box p {
		font-size: 22px;
		line-height: normal;
		padding: 5px 0
	}
}

.bg-white1 {
	background-color: #f4f4f4;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff
}

.bg-white2-noise {
	background-color: #efefef;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb
}

.form .row {
	margin: 0 0 15px 0
}

.form label {
	display: block;
	float: left;
	width: 100px
}

.form input[type=text],
.form input[type=password] {
	border: 1px solid #bbb;
	width: 200px
}

.form .big-white-btn {
	padding: 0 15px
}

.change-password-form label {
	width: 145px
}

.fork-me-on-github img {
	position: absolute;
	top: 0;
	right: 0;
	border: 0;
	width: 149px;
	height: 149px
}

.new {
	color: #f03800;
	font-style: italic;
	font-family: Lato, sans-serif
}

.box {
	float: left;
	width: 100%
}

.box-25 {
	width: 25%
}

.box-30 {
	width: 30%
}

.box-40 {
	width: 40%
}

.box-50 {
	width: 50%
}

.box-55 {
	width: 55%
}

.box-60 {
	width: 60%
}

.box-70 {
	width: 70%
}

.box-100px {
	width: 100px
}

.box-170px {
	width: 170px
}

.box-200px {
	width: 200px
}

.box-mh-600 {
	min-height: 600px
}

.box-max-w-600 {
	min-width: 600px
}

@media only screen and (max-width:500px) {
	.box-max-w-600 {
		max-width: 500px;
		min-width: inherit
	}
}

.center-40 {
	margin: 0 auto;
	width: 40%
}

.align-right {
	text-align: right
}

.align-center {
	text-align: center
}

.align-middle {
	vertical-align: middle
}

.left {
	float: left
}

.right {
	float: right
}

.block {
	display: block
}

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

.hidden {
	display: none
}

.reset-pm {
	padding: 0;
	margin: 0
}

.reset-pm-bot {
	padding-bottom: 0;
	margin-bottom: 0
}

.p-tb-20 {
	padding: 20px 0;
	margin: 0
}

.p-lr-20 {
	padding: 0 20px;
	margin: 0
}

.p-lrt-20 {
	padding: 20px 20px 0 20px;
	margin: 0
}

.p20 {
	padding: 20px;
	margin: 0
}

.p40 {
	padding: 40px;
	margin: 0
}

.m-tb-20 {
	padding: 0;
	margin: 20px 0
}

.p-b-10 {
	padding: 0 0 10px 0;
	margin: 0
}

.relative {
	position: relative
}

.absolute {
	position: absolute
}

.overflow-hidden {
	overflow: hidden
}

.hmenu {
	padding: 0;
	margin: 0;
	list-style: none
}

.hmenu li {
	float: left
}

.vmenu {
	list-style-type: square;
	margin: 20px;
	padding: 0 0 0 10px
}

.vmenu-2 {
	list-style-type: none;
	margin: 0;
	padding: 0
}

.arrows-menu,
.arrows-menu-p20 {
	padding: 0 0 0 15px;
	margin: 0
}

.arrows-menu li,
.arrows-menu-p20 li {
	list-style-image: url(../img/common/next.png);
	padding-left: 5px
}

.arrows-menu .active,
.arrows-menu-p20 .active {
	color: #f03800
}

.arrows-menu .empty,
.arrows-menu-p20 .empty {
	list-style: none
}

.arrows-menu-p20 {
	margin-top: 50px
}

.arrows-menu-p20 li {
	padding-bottom: 20px
}

#social-menu li {
	line-height: 45px;
	padding-left: 15px;
	font-size: 16px
}

#social-menu a {
	color: #dbdbdb
}

@media only screen and (max-width:1300px) {
	#social-menu {
		float: left
	}
}

.default-menu li {
	margin: 10px 25px 35px 0;
	padding: 4px 0;
	border: 1px solid transparent
}

.default-menu li a {
	color: #6c6c6c;
	text-shadow: 1px 1px 1px #fff;
	-webkit-transition: all .25s ease 0s;
	transition: all .25s ease 0s
}

.default-menu li:hover a {
	color: #27252a;
	text-shadow: 1px 1px 10px #999
}

.default-menu li:hover a .orange {
	color: #f03800
}

.default-menu .orange {
	color: #f03800
}

.default-menu .active {
	border-bottom: 1px solid #fff;
	border-radius: 3px;
	padding: 0;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #efefef));
	background: -webkit-linear-gradient(top, #fff 0, #efefef 100%);
	background: linear-gradient(to bottom, #fff 0, #efefef 100%)
}

.default-menu .active a {
	padding: 3px 15px;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	display: block;
	float: left
}

@media only screen and (max-width:800px) {
	#page-content .default-menu {
		margin-bottom: 15px
	}
	#page-content .default-menu li {
		width: 25%;
		margin: 0
	}
	#page-content .default-menu li a {
		padding-left: 15px
	}
	#page-content .default-menu .active {
		border: none;
		background: 0 0
	}
	#page-content .default-menu .active a {
		background: #fff;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #efefef));
		background: -webkit-linear-gradient(top, #fff 0, #efefef 100%);
		background: linear-gradient(to bottom, #fff 0, #efefef 100%)
	}
}

@media only screen and (max-width:500px) {
	#page-content .default-menu li {
		width: 50%
	}
	.default-menu {
		margin-bottom: 20px
	}
	.default-menu li {
		margin-bottom: 10px
	}
}

@media only screen and (max-width:620px) {
	#top-menu {
		display: none
	}
}

@media only screen and (max-width:930px) {
	#header-box {
		height: auto
	}
}

#non-auth-menu {
	padding: 10px 0;
	margin: 25px 0 0 0
}

#non-auth-menu li {
	margin: 0 0 0 25px
}

#non-auth-menu li a {
	font-weight: 400
}

@media only screen and (max-width:800px) {
	.login-partial.right {
		float: left;
		width: 100%
	}
	.login-partial.right #non-auth-menu {
		margin: 0
	}
}

@media only screen and (max-width:500px) {
	.login-partial.right #non-auth-menu {
		float: left
	}
	.login-partial.right #non-auth-menu li {
		margin-left: 15px
	}
}

.fa-list-styles .fa {
	font-size: 18px;
	color: #243D99;
	margin: 0 5px
}

.grid-menu .grid-menu-row {
	margin-bottom: 20px;
	line-height: 30px
}

.grid-menu .grid-menu-row .grid-menu-cell {
	width: 30%
}

.grid-menu .grid-menu-row .grid-menu-cell ul {
	padding: 15px 0;
	text-align: center
}

.grid-menu .grid-menu-row .grid-menu-thumb {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 100px
}

.grid-menu .grid-menu-row h2 {
	-webkit-transition: all .25s ease 0s;
	transition: all .25s ease 0s;
	text-shadow: 1px 1px 10px #999;
	font-weight: 400;
	font-family: Lato, sans-serif;
	text-align: center;
	margin: 15px 0 0 0
}

.grid-menu .grid-menu-row h2:hover {
	color: #27252a;
	text-shadow: 1px 1px 10px #27252a
}

.grid-menu .grid-menu-row a {
	color: #6c6c6c;
	-webkit-transition: all .25s ease 0s;
	transition: all .25s ease 0s
}

.grid-menu .grid-menu-row a:hover {
	color: #0381bb
}

@media only screen and (max-width:500px) {
	.grid-menu .grid-menu-row .grid-menu-cell {
		width: 100%;
		margin-bottom: 20px
	}
}

#black-top-bar-left-menu {
	line-height: 45px;
	margin-right: 20px
}

#black-top-bar-left-menu a {
	color: #dbdbdb
}

#auth-menu {
	padding: 10px 0;
	margin: 25px 0 0 0
}

#auth-menu li {
	margin: 0 0 0 25px
}

#auth-menu li a {
	font-weight: 400
}

@media only screen and (max-width:800px) {
	.login-partial.right {
		float: left;
		width: 100%
	}
	.login-partial.right #auth-menu {
		margin: 0
	}
}

@media only screen and (max-width:500px) {
	.login-partial.right #auth-menu {
		float: left
	}
	.login-partial.right #auth-menu li {
		margin-left: 15px
	}
}

.arrows-menu-colored {
	padding: 0;
	margin: 0;
	list-style: none
}

.arrows-menu-colored li:before {
	content: '';
	border-color: transparent #0381bb;
	border-style: solid;
	border-width: 5px 0 5px 8px;
	display: inline-block;
	padding-right: 10px;
	height: 0;
	width: 0
}

.white-grid-menu .grid-menu-row {
	line-height: 30px
}

.white-grid-menu .grid-menu-row .grid-menu-cell {
	width: 29%;
	margin-right: 1%;
	margin-bottom: 1%;
	background: #fff
}

.white-grid-menu .grid-menu-row .grid-menu-cell ul {
	padding: 15px 0;
	text-align: center
}

.white-grid-menu .grid-menu-row .grid-menu-cell>a {
	padding: 15px;
	display: block;
	border: 1px solid #DAE3EC;
	color: #6c6c6c;
	-webkit-transition: all .25s ease 0s;
	transition: all .25s ease 0s
}

.white-grid-menu .grid-menu-row .grid-menu-cell a:hover {
	color: #0381bb
}

.white-grid-menu .grid-menu-row .grid-menu-thumb {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 100px
}

.white-grid-menu .grid-menu-row h2 {
	-webkit-transition: all .25s ease 0s;
	transition: all .25s ease 0s;
	text-shadow: 1px 1px 10px #999;
	font-weight: 400;
	font-family: Lato, sans-serif;
	text-align: center;
	margin: 15px 0 0 0
}

.white-grid-menu .grid-menu-row h2:hover {
	color: #27252a;
	text-shadow: 1px 1px 10px #27252a
}

@media only screen and (max-width:800px) {
	.white-grid-menu .grid-menu-row .grid-menu-cell ul {
		background: 0 0
	}
}

@media only screen and (max-width:600px) {
	.white-grid-menu .grid-menu-row .grid-menu-cell {
		width: 49%
	}
	.white-grid-menu .grid-menu-row .grid-menu-cell ul {
		background: #f9f9f9;
		border-radius: 2px;
		padding-top: 15px;
		padding-bottom: 15px
	}
}

@media only screen and (max-width:400px) {
	.white-grid-menu .grid-menu-row .grid-menu-cell {
		width: 100%
	}
}

#top-menu-box {
	background: #fcfcfc;
	border-bottom: 1px solid #e3e3e3;
	font-family: Lato, sans-serif
}

#top-menu {
	font-size: 16px
}

#top-menu li {
	margin: 20px 20px 25px 0
}

#top-menu a {
	font-weight: 400
}

#top-menu .fa {
	font-size: 21px;
	vertical-align: text-top;
	margin-right: 5px
}

#top-menu .bull {
	color: #bbb
}

#top-menu .active {
	background: 0 0
}

#top-menu .active a {
	border: 1px solid #fcfcfc;
	color: #27252a;
	text-shadow: 1px 1px 10px #999;
	padding-left: 0;
	padding-right: 0
}

@media (max-width:800px) {
	#top-menu {
		font-size: 14px
	}
}

.jplist-star-rating-outer {
	position: relative;
	float: left;
	height: 18px;
	line-height: 18px;
	font-family: FontAwesome;
	font-size: 18px;
	cursor: pointer;
	-webkit-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	margin-bottom: 20px
}

.jplist-star-rating-outer:before {
	content: attr(data-content);
	font-family: FontAwesome;
	font-size: 18px;
	height: 18px;
	line-height: 18px;
	white-space: nowrap;
	color: #fec601
}

.jplist-star-rating-inner {
	font-family: FontAwesome;
	font-size: 18px;
	width: 0;
	height: 18px;
	line-height: 18px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: all 1s ease 0s;
	transition: all 1s ease 0s
}

.jplist-star-rating-inner:before {
	content: attr(data-content);
	color: #fec601;
	font-family: FontAwesome;
	font-size: 18px;
	height: 18px;
	line-height: 18px;
	white-space: nowrap
}

.jplist-reviews {
	line-height: 21px;
	margin-left: 10px;
	float: left
}

.grid-item {
	width: 300px;
	margin: 0 50px 30px 0
}

.grid-item .title-15 p {
	margin-bottom: 0
}

.grid-item .links a {
	font-size: 12px
}

.grid-item-last {
	margin-right: 0
}

.product-listing {
	padding: 20px 0 0 0
}

.product-listing .product {
	background: #fff;
	margin: 0 0 20px 0;
	height: 130px;
	overflow: hidden;
	border: 1px solid #dbdbdb;
	border-radius: 3px
}

.product-listing .product-name {
	padding: 0 0 15px 0
}

.product-listing .product-description {
	padding: 0 0 15px 0
}

.product-listing .product-content-box {
	width: 80%
}

.product-listing .product-buy {
	background-color: #DAE3EC;
	text-align: center;
	width: 20%;
	height: 100%
}

.product-listing .product-buy a {
	width: 150px;
	margin: 0 0 10px 0
}

.product-listing .product-img {
	font-size: 0;
	line-height: 0;
	width: 40%;
	text-align: center
}

.product-listing .product-img img {
	max-width: 100%
}

.product-listing .product-img a {
	padding: 20px;
	display: block;
	float: left
}

.product-listing .product-content {
	padding: 20px 0;
	width: 55%
}

.product-listing .product-name {
	font-family: Lato, sans-serif;
	font-size: 20px
}

.product-listing .product-name a {
	font-weight: 400
}

.product-listing .product-tags {
	margin: 10px 0 0 0
}

.product-listing .product-tags li {
	background: #f1f1f1;
	padding: 0 10px;
	border: 1px solid #dbdbdb;
	border-radius: 2px;
	margin-right: 10px
}

@media only screen and (max-width:800px) {
	.product-listing .product-img {
		width: 45%
	}
	.product-listing .product-img img {
		width: 100%
	}
}

@media only screen and (max-width:500px) {
	.product-listing .product-content,
	.product-listing .product-img {
		width: 90%;
		margin: 0 5%
	}
	.product-listing .product-img a {
		padding: 15px 0 0 0
	}
}

.products-grid {
	margin: 20px 0
}

.products-grid .products-grid-item {
	width: 25%;
	min-width: 200px;
	overflow: hidden;
	margin: 0 0 20px 0
}

.products-grid .products-grid-item-content {
	width: 90%;
	margin: 0 10% 0 0;
	float: left;
	height: 270px;
	background: #fff;
	text-align: center;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box
}

.products-grid .products-grid-item-content .buy {
	background: #e3e3e3;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc
}

.products-grid .products-grid-item-content .buy a {
	padding: 0 10px;
	margin: 0;
	display: inline-block
}

.products-grid .products-grid-item-content .title {
	font-family: Lato, sans-serif;
	font-size: 16px;
	height: 55px;
	overflow: hidden;
	padding: 5px 10px 0 10px
}

.products-grid .products-grid-item-content .title .fa {
	margin-right: 5px
}

.products-grid .products-grid-item-content .title a {
	font-weight: 400
}

.products-grid .products-grid-item-content .title a:hover {
	color: #f03800
}

.products-grid .products-grid-item-content .thumb {
	padding: 20px 0 0 0;
	height: 140px;
	overflow: hidden
}

.products-grid .products-grid-item-content .thumb img {
	border: 1px solid #999;
	width: 178px;
	height: 128px
}

.products-grid .products-grid-item-content .see-all {
	line-height: 210px;
	font-size: 18px
}

.products-grid-230 .products-grid-item-content {
	height: 230px
}

@media only screen and (max-width:800px) {
	.products-grid .products-grid-item {
		width: 32%
	}
}

@media only screen and (max-width:700px) {
	.products-grid .products-grid-item {
		width: 50%
	}
}

@media only screen and (max-width:450px) {
	.products-grid .products-grid-item-content {
		width: 100%;
		margin: 0
	}
	.products-grid .products-grid-item {
		width: 100%
	}
}

.products-grid-5 {
	margin: 20px 0
}

.products-grid-5 .products-grid-item {
	width: 20%;
	min-width: 180px;
	overflow: hidden;
	margin: 0 0 20px 0
}

.products-grid-5 .products-grid-item-content {
	width: 90%;
	margin: 0 10% 0 0;
	float: left;
	height: 250px;
	background: #fff;
	text-align: center;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box
}

.products-grid-5 .products-grid-item-content .buy {
	background: #e3e3e3;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center
}

.products-grid-5 .products-grid-item-content .buy a {
	padding: 0 10px;
	margin: 0;
	display: inline-block
}

.products-grid-5 .products-grid-item-content .title {
	font-family: Lato, sans-serif;
	font-size: 16px;
	height: 55px;
	overflow: hidden;
	padding: 5px 10px 0 10px
}

.products-grid-5 .products-grid-item-content .title .fa {
	margin-right: 5px
}

.products-grid-5 .products-grid-item-content .title a {
	font-weight: 400
}

.products-grid-5 .products-grid-item-content .title a:hover {
	color: #f03800
}

.products-grid-5 .products-grid-item-content .thumb {
	padding: 20px 0 0 0;
	height: 125px;
	overflow: hidden
}

.products-grid-5 .products-grid-item-content .thumb img {
	border: 1px solid #999;
	width: 80%
}

.products-grid-5 .products-grid-item-content .see-all {
	line-height: 210px;
	font-size: 18px
}

.products-grid-230 .products-grid-item-content {
	height: 230px
}

@media only screen and (max-width:800px) {
	.products-grid-5 .products-grid-item {
		width: 25%
	}
}

@media only screen and (max-width:600px) {
	.products-grid-5 .products-grid-item {
		width: 33%;
		min-width: 150px
	}
}

@media only screen and (max-width:320px) {
	.products-grid-5 .products-grid-item {
		float: none;
		margin-left: auto;
		margin-right: auto;
		min-width: 200px
	}
	.products-grid-5 .products-grid-item .products-grid-item-content {
		margin-right: 0;
		width: 100%
	}
}

.download-list label {
	cursor: pointer;
	min-height: 55px
}

.download-list-item {
	width: 20%;
	cursor: pointer
}

.download-list-item-content {
	width: 92%;
	margin: 2%;
	padding: 2%;
	height: 200px;
	font-size: 14px;
	text-align: center;
	background: #fff;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #fff;
	border-radius: 3px;
	-webkit-transition: all .25s ease 0s;
	transition: all .25s ease 0s
}

.download-list-item-content img {
	width: 98%
}

.download-list-item-content:hover {
	color: #f03800;
	text-shadow: 1px 1px 10px #bbb
}

.download-list-item.active .download-list-item-content {
	border: 1px solid #f03800;
	color: #f03800
}

.licenses-list .license-item {
	background: #fff;
	border: 1px solid #DAE3EC;
	margin: 0 0 15px 0;
	padding: 10px 0
}

.licenses-list .license-item .field {
	font-weight: 700;
	margin: 0 0 0 15px;
	width: 120px
}

.licenses-list .license-item-desc {
	float: left;
	width: 70%
}

.licenses-list .license-item-download {
	float: right;
	width: 30%;
	text-align: right
}

.licenses-list .license-item-download a {
	margin: 0 15px 0 0
}

@media only screen and (max-width:500px) {
	.licenses-list .license-item-desc {
		width: 100%
	}
	.licenses-list .val {
		clear: left;
		margin-left: 15px
	}
	.licenses-list .license-item-download {
		width: 100%;
		text-align: left
	}
	.licenses-list .license-item-download a {
		margin-left: 15px;
		margin-top: 15px
	}
}

.tabs-nav li {
	margin: 0 3px 0 0;
	padding: 3px 10px;
	cursor: pointer;
	border: 1px solid #dbdbdb;
	border-bottom: 0;
	position: relative;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #efefef));
	background: -webkit-linear-gradient(top, #fff 0, #efefef 100%);
	background: linear-gradient(to bottom, #fff 0, #efefef 100%)
}

.tabs-nav li:hover {
	color: #27252a;
	text-shadow: 1px 1px 10px #999
}

.tabs-nav .current {
	color: #f03800;
	background: #fff
}

.tabs-nav .current span {
	background: #fff;
	bottom: -5px;
	height: 10px;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 100
}

.tabs-nav .current:hover {
	color: #f03800;
	text-shadow: none
}

.tabs-nav a {
	font-weight: 400;
	color: #505050
}

@media only screen and (max-width:500px) {
	.tabs-nav li {
		margin: 0 2px 0 0;
		padding: 3px 5px
	}
}

.tabs {
	background: #fff;
	float: left;
	width: 96%;
	padding: 20px 2%;
	border: 1px solid #dbdbdb
}

.product-page .jplist-large-item {
	background: #fff;
	margin: 0 0 10px 0;
	font-size: 16px;
	height: auto
}

.product-page .jplist-large-item .big-white-btn {
	padding: 0 15px
}

.product-page .jplist-large-item .product-content {
	margin: 0 2% 0 0;
	width: 58%
}

.product-page .jplist-large-item .product-img img {
	width: 100%
}

@media only screen and (max-width:800px) {
	.product-page .jplist-large-item .product-content {
		margin: 0 2% 0 0;
		width: 52%
	}
}

@media only screen and (max-width:500px) {
	.product-page .jplist-large-item .product-content {
		margin: 0 5%;
		width: 90%
	}
}

.product-page .product-strip {
	background: #e3e3e3;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e3e3e3;
	padding: 25px 0
}

.product-page .product-strip-border {
	border-top: 1px solid #fff
}

.product-page .product-page-title {
	border-bottom: 1px solid #e3e3e3
}

.product-page .product-content {
	width: 70%;
	float: left;
	margin: 0 15%
}

@media only screen and (max-width:550px) {
	.product-page .product-content {
		width: 90%;
		margin: 0 5%
	}
}

.product-page .product-left-box {
	text-align: center;
	padding: 20px 0
}

.product-page .product-left-box .img {
	font-size: 0
}

.product-page .product-left-box img {
	max-width: 100%;
	border: 1px solid #999;
	box-shadow: 0 0 10px #999;
	border-radius: 3px
}

.product-page .product-left-box .included-in {
	margin-top: 30px
}

.product-page .product-buy-section {
	border-bottom: 1px dotted #0381bb
}

.product-page .product-buy-section .price {
	font-size: 18px;
	font-family: Lato, sans-serif
}

.product-page .product-buy-section .download {
	font-size: 18px;
	font-family: Lato, sans-serif
}

.product-page .product-buy-section .download a {
	font-weight: 400
}

.product-page .product-description ul {
	margin-bottom: 20px
}

.product-page .tabs-nav {
	margin-top: 30px
}

@media only screen and (max-width:500px) {
	.product-page .product-left-box {
		width: 100%
	}
	.product-page .product-right-box {
		width: 100%;
		margin: 0
	}
}

.cart-tbl {
	border: 1px solid #DAE3EC;
	border-collapse: collapse;
	background: #fff;
	width: 100%
}

.cart-tbl td,
.cart-tbl th {
	border: 1px solid #DAE3EC;
	border-right: 0;
	border-left: 0;
	padding: 5px 15px;
	text-align: center
}

.cart-tbl .img {
	font-size: 0;
	line-height: 0;
	padding: 15px;
	width: 120px
}

.cart-tbl .img img {
	border: 1px solid #999;
	width: 100px
}

.cart-tbl .remove {
	width: 15px
}

.cart-tbl .remove button {
	background: 0 0;
	border: 0
}

.cart-tbl .remove .fa {
	color: #0381bb;
	cursor: pointer
}

@media only screen and (max-width:500px) {
	.cart-tbl .headers {
		display: none
	}
	.cart-tbl .img,
	.cart-tbl td {
		width: 100%;
		display: block;
		float: left;
		border: 0;
		padding: 5px 0
	}
	.cart-tbl .img {
		padding-top: 10px
	}
	.cart-tbl tr {
		width: 100%;
		display: block;
		float: left;
		border-bottom: 1px solid #DAE3EC
	}
	.cart-tbl tr:last-child {
		border-bottom: 0
	}
	.cart-tbl td .qty:before,
	.cart-tbl td .sku-price:before,
	.cart-tbl td .total:before {
		content: attr(data-title);
		font-weight: 700
	}
}

.settings-tbl {
	border-collapse: collapse;
	border-left: 1px solid #e3e3e3;
	border-top: 1px solid #e3e3e3;
	margin-bottom: 40px;
	background: #fff;
	width: 100%
}

.settings-tbl td,
.settings-tbl th {
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	padding: 5px 15px;
	margin: 0
}

.settings-tbl .options {
	font-weight: 700
}

.settings-tbl .defaults,
.settings-tbl .values {
	font-style: italic
}

.settings-tbl.bg-white3 {
	background-color: #fcfcfc;
	border-left: 1px dotted #e3e3e3;
	border-top: 1px dotted #e3e3e3
}

.settings-tbl.bg-white3 th {
	background: #f4f4f4
}

.settings-tbl.bg-white3 td,
.settings-tbl.bg-white3 th {
	border-right: 1px dotted #e3e3e3;
	border-bottom: 1px dotted #e3e3e3
}

.settings-tbl.bg-white3 .title {
	background: #f9f9f9
}

@media only screen and (max-width:500px) {
	.settings-tbl {
		display: block
	}
	.settings-tbl td,
	.settings-tbl tr {
		display: block
	}
	.settings-tbl th,
	.settings-tbl thead {
		display: none
	}
	.settings-tbl .title {
		font-weight: 700;
		font-size: 14px
	}
	.settings-tbl.bg-white3 {
		background: #fff
	}
}

.checkout-btn {
	backrgound: transparent;
	border: 0;
	margin: 30px 0 0 0
}

.paypal-badges {
	margin: 30px 0 0 0
}

@media only screen and (max-width:500px) {
	.paypal-badges {
		width: 100%;
		text-align: center
	}
	.paypal-badges img {
		max-width: 100%
	}
	.checkout-form {
		width: 100%;
		text-align: center
	}
}

.empty-cart-img {
	font-size: 100px;
	padding: 50px 0 0 0;
	margin: 0 0 20px 0
}

.empty-cart-text {
	padding: 0 0 80px 0;
	margin: 0;
	font-size: 20px
}

.double-sort .list {
	float: left;
	width: 100%;
	padding: 1.25em 0
}

.double-sort .list .list-item {
	float: left;
	width: 96%;
	margin: 0 2% 1em 2%;
	clear: both
}

.subject {
	font-family: verdana;
	font-size: 14px;
	line-height: 24px;
	color: #444
}

.course {
	font-family: verdana;
	font-size: 12px;
	line-height: 24px;
	color: #8E3D3D
}

.jplist .block {
	width: 840px
}

.jplist .title {
	font-size: 16px;
	color: red
}

.jplist .date {
	float: right;
	color: #440e00
}

.jplist .keywords,
.jplist .like {
	color: #440e00
}

.jplist .price {
	color: #17161B
}

.jplist .list {
	background: #fff;
	margin: 30px 0
}

.jplist .list .img {
	width: 35%;
	margin: 0 1%;
	float: left;
	font-size: 0;
	text-align: center
}

.jplist .list .img img {
	max-width: 90%;
	border-radius: 3px
}

.jplist .list .block {
	float: right;
	width: 62%;
	margin-right: 1%
}

.jplist .list .block p {
	margin: 0;
	padding: 0 15px 5px 0
}

.jplist .list .list-item {
	margin-top: 15px;
	float: left
}

.jplist .list .list-item-link {
	font-weight: 400;
	color: #505050
}

.jplist .list .list-item-link .list-item {
	-webkit-transition: all .25s ease 0s;
	transition: all .25s ease 0s;
	margin-top: 0;
	padding-top: 15px
}

.jplist .list .list-item-link:hover .list-item {
	background: #fcfcfc
}

.jplist .box-header {
	background: #E0D7C5;
	border-bottom: 1px solid #CCBDA1;
	border-radius: 3px 3px 0;
	margin-top: 20px;
	padding: 5px 0
}

@media only screen and (max-width:800px) {
	.jplist .list .block,
	.jplist .list .img {
		width: 90%;
		margin: 0 5%
	}
	.jplist .list .img {
		border-radius: 3px;
		font-size: 0;
		line-height: 0;
		padding: 15px 0;
		margin-bottom: 10px
	}
	.jplist .list .img img {
		max-width: 100%;
		border-radius: 3px;
		border: 1px solid #27252a
	}
}

.jplist-grid-view .list-item {
	width: 20%;
	overflow: hidden;
	margin: 20px 0
}

.jplist-grid-view .list-item .img {
	width: 100%;
	text-align: center;
	margin: 0
}

.jplist-grid-view .list-item .desc {
	display: none
}

.jplist-grid-view .list-item .block {
	width: 100%;
	text-align: center
}

.jplist-grid-view .list-item .block p {
	padding: .3em 0 0 0
}

.jplist-grid-view .list-item .block .title {
	line-height: 1.5em;
	font-size: 1em
}

.jplist-grid-view .list-item .date {
	float: none
}

@media only screen and (min-width:600px) and (max-width:800px) {
	.jplist-grid-view .list-item .img {
		width: 90%;
		margin: 0 5%
	}
}

@media only screen and (max-width:600px) {
	.jplist-grid-view .list-item {
		width: 100%
	}
	.jplist-grid-view .list-item .img {
		width: 90%;
		margin: 0 5%
	}
}

.jplist-thumbs-view .list-item {
	width: 50%;
	overflow: hidden;
	margin: 20px 0;
	position: relative
}

.jplist-thumbs-view .list-item .img {
	width: 100%;
	text-align: center;
	vertical-align: bottom
}

.jplist-thumbs-view .list-item .img img {
	min-width: 90%;
	vertical-align: bottom
}

.jplist-thumbs-view .list-item .desc {
	display: none
}

.jplist-thumbs-view .list-item .block {
	width: 100%;
	text-align: center;
	position: absolute;
	background: #fff;
	opacity: .6;
	bottom: 0
}

.jplist-thumbs-view .list-item .block p {
	padding: .3em 0 0 0;
	font-weight: 700
}

.jplist-thumbs-view .list-item .block .title {
	line-height: 1.5em;
	font-size: 1em
}

.jplist-thumbs-view .list-item .date {
	float: none
}

@media only screen and (max-width:800px) {
	.jplist-thumbs-view .list .img {
		background: #fff;
		border: 0;
		padding: 0;
		margin: 0 5%;
		width: 90%;
		overflow: hidden
	}
	.jplist-thumbs-view .list .img img {
		border-radius: 0;
		border: 0
	}
	.jplist-thumbs-view .list .block {
		margin: 0 5%;
		width: 90%
	}
	.jplist-thumbs-view .list .block p {
		padding: 0;
		text-align: center
	}
}

@media only screen and (max-width:600px) {
	.jplist-thumbs-view .list .date,
	.jplist-thumbs-view .list .like {
		display: none
	}
}

.demo-tbl {
	background: #fff;
	width: 100%;
	float: left;
	border-collapse: collapse;
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	margin: 30px 0
}

.demo-tbl td,
.demo-tbl th {
	border-left: 1px solid #dbdbdb;
	border-top: 1px solid #dbdbdb;
	vertical-align: top;
	padding: 15px
}

.demo-tbl p {
	margin: 0;
	padding: 0 15px 5px 0
}

.demo-tbl .odd {
	background: #E8EFF9
}

.demo-tbl .even {
	background: #f4f4f4
}

.ul-li-list {
	background: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 20px 0
}

.ul-li-list .list-item {
	float: left;
	width: 100%
}

.ul-li-list .list-box {
	width: 100%;
	float: right
}

.ul-li-list .img {
	float: left;
	margin-right: 20px;
	width: 15%
}

.ul-li-list .img img {
	max-width: 90%;
	border-radius: 3px
}

.ul-li-list .block {
	float: right;
	width: 82%;
	margin-right: 1%
}

.ul-li-list .desc {
	text-align: justify
}

.ul-li-list p {
	margin: 0;
	padding: 0 25px 5px 0
}

@media only screen and (max-width:800px) {
	.ul-li-list {
		list-style: none;
		padding: 0;
		margin: 20px 0
	}
	.ul-li-list .block,
	.ul-li-list .img {
		width: 90%;
		margin: 0 5%
	}
	.ul-li-list .img {
		border-radius: 3px;
		font-size: 0;
		line-height: 0;
		padding: 15px 0;
		margin-bottom: 10px;
		text-align: center
	}
	.ul-li-list .img img {
		max-width: 100%
	}
}

.jplist-grid-view .ul-li-list {
	padding: 0;
	margin: 20px 0;
	list-style: none
}

.jplist-grid-view .ul-li-list .list-item {
	width: 20%;
	overflow: hidden;
	margin: 20px 0
}

.jplist-grid-view .ul-li-list .list-item .img {
	width: 100%;
	text-align: center;
	margin: 0
}

.jplist-grid-view .ul-li-list .list-item .desc {
	display: none
}

.jplist-grid-view .ul-li-list .list-item .block {
	width: 100%;
	text-align: center
}

.jplist-grid-view .ul-li-list .list-item .block p {
	padding: .3em 0 0 0
}

.jplist-grid-view .ul-li-list .list-item .block .title {
	line-height: 1.5em;
	font-size: 1em
}

.jplist-grid-view .ul-li-list .list-item .date {
	float: none
}

@media only screen and (min-width:600px) and (max-width:800px) {
	.jplist-grid-view .ul-li-list .list-item .img {
		width: 90%;
		margin: 0 5%
	}
}

@media only screen and (max-width:600px) {
	.jplist-grid-view .ul-li-list .list-item {
		width: 100%
	}
	.jplist-grid-view .ul-li-list .list-item .img {
		width: 90%;
		margin: 0 5%
	}
}

.jplist-thumbs-view .ul-li-list {
	list-style: none;
	padding: 0;
	margin: 20px 0
}

.jplist-thumbs-view .list-item {
	width: 50%;
	overflow: hidden;
	margin: 20px 0;
	position: relative
}

.jplist-thumbs-view .list-item .img {
	width: 100%;
	text-align: center;
	vertical-align: bottom
}

.jplist-thumbs-view .list-item .img img {
	min-width: 90%;
	vertical-align: bottom
}

.jplist-thumbs-view .list-item .desc {
	display: none
}

.jplist-thumbs-view .list-item .block {
	width: 100%;
	text-align: center;
	position: absolute;
	background: #fff;
	opacity: .6;
	bottom: 0
}

.jplist-thumbs-view .list-item .block p {
	padding: .3em 0 0 0;
	font-weight: 700
}

.jplist-thumbs-view .list-item .block .title {
	line-height: 1.5em;
	font-size: 1em
}

.jplist-thumbs-view .list-item .date {
	float: none
}

@media only screen and (max-width:800px) {
	.jplist-thumbs-view .ul-li-list .img {
		background: #fff;
		border: 0;
		padding: 0;
		margin: 0 5%;
		width: 90%;
		overflow: hidden
	}
	.jplist-thumbs-view .ul-li-list .img img {
		border-radius: 0;
		border: 0
	}
	.jplist-thumbs-view .ul-li-list .block {
		margin: 0 5%;
		width: 90%
	}
	.jplist-thumbs-view .ul-li-list .block p {
		padding: 0;
		text-align: center
	}
}

@media only screen and (max-width:600px) {
	.jplist-thumbs-view .ul-li-list .date,
	.jplist-thumbs-view .ul-li-list .like {
		display: none
	}
}

.cars-demo .model {
	text-align: center
}

.cars-demo .model a {
	color: #f03800;
	font-size: 16px;
	font-weight: 400
}

.cars-demo .header {
	font-weight: 700
}

.cars-demo .list-item {
	width: 23%;
	margin: 0 1% 1% 0;
	background: #fff;
	border: 1px solid #dbdbdb
}

.cars-demo .list-item p {
	margin: 0;
	padding: 0 10px 10px 10px
}

.cars-demo .list-item .pic {
	text-align: center;
	padding-top: 15px
}

.cars-demo .list-item .divider {
	background: #efefef;
	text-align: center;
	padding: 3px 0;
	font-weight: 700;
	margin-bottom: 10px
}

.cars-demo .jplist .list {
	background: 0 0
}

.cars-demo .top {
	min-height: 305px
}

.cars-demo .powertrain {
	min-height: 180px
}

.cars-demo .jplist-range-slider {
	margin-top: 16px
}

@media screen and (max-width:800px) {
	.cars-demo .jplist .list .list-item {
		width: 32%
	}
}

@media screen and (max-width:500px) {
	.cars-demo .jplist .list .list-item {
		width: 48%
	}
}

@media screen and (max-width:320px) {
	.cars-demo .jplist .list .list-item {
		width: 90%;
		clear: both;
		margin: 0 auto 15px auto;
		float: none
	}
}