.lato {
	font-family:'Lato', sans-serif
}
.glow {
	color:#dbdbdb;
}
.glow:hover {
	color:#fff;
}
html, body {
	padding:0;
	margin:0;
	background:#fff;
	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:bold
}
a.normal {
	font-weight:normal
}
a:focus, :focus {
	outline:none
}
img {
	border:0
}
table {
	padding:0;
	margin:0;
	border-collapse:collapse
}
tr, td {
	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
}
@media only screen and (max-width:500px) {
.ios-500px-width-100, .ios-500px-width-100.box-50 {
	width:100%
}
.iphone-hidden {
	display:none
}
}
@media only screen and (max-width:500px) {
}
@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:normal;
	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;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-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 p, #license h1, #license h2, #license h3, #license h4, #license h5, #license h6 {
	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:bold;
	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,0.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;
	background-image:url("/content/img/common/noise.png")
}
.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
}
.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, .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
}
.jplist-star-rating-outer {
	position:relative;
	float:left;
	height:18px;
	line-height:18px;
	font-family:'FontAwesome';
	font-size:18px;
	cursor:pointer;
	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;
	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
}