@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	font-family: 'Lato', sans-serif;
	/* font-family: 'McLaren', cursive; */   /* <------- headers-------> */
}

body {
	float: left;
	width: 100%;
	margin: 0 auto;
	background-image: url(../images/bg/l4j-bg.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: center top;
}

/* colors:   red: #e64935   blue: #0091d6    green: #8cc63f   yellow: #fab713  */

/* -------------- layout full -------------- */
@media screen and (min-width:1201px) {
	
	/* header */
	header {
		float: left;
		width: 70%;
		margin: 0;
		padding: 1% 15%;
		background-image: url(../images/bg/l4j-bg-header.png);
	}
	.logo {
		float: left;
		width: 25%;
		margin: 0;
		text-align: left;
	}
	.logo img {
		width: 200px;
	}
	.header-content {
		float: right;
		width: 73%;
		font-size: 23px;
		line-height: 50px;
		color: #000;
		text-align: right;
	}
	.header-content a {
		font-size: 23px;
		color: #000;
		text-decoration: none;
	}
	.header-content .hcSmall {
		font-size: 18px;
	}
	
	/* nav menu */
	.nav-wrapper {
		float: left;
		width: 100%;
		height: 50px;
		line-height: 50px;
		margin: 0;
		background-color: #0091d6;
	}
	.navMenu {
		float: left;
		width: 90%;
		margin: 0 5%;
	}
	.navMenu ul {
		text-align: center;
	}
	.navMenu li {
		display: inline-block;
		list-style: none;
		margin: 0 13px;
		color: #fff;
	}
	.navMenu li a {
		font-size: 20;
		color: #fff;
		text-transform: uppercase;
		text-decoration: none;
	}
	/* mobile menu */ 
	.topnav {                                 
		display: none;
	}
	
	/* banner slides */
	.banner-wrapper {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.mpBanner {
		float: left;
		width: 100%;
	}
	.mpBanner img {
		width: 100%;
	}
	
	/* main page section 1 */
	.mpSection1-wrapper {
		float: left;
		width: 70%;
		margin: 0 10%;
		padding: 3% 5%;
		text-align: center;
		background-color: #fff;
		border-top: 3px solid #e64935;
	}
	.mpSection1-red {
		font-family: 'McLaren', cursive;
		font-size: 24px;
		color: #e64935;
	}
	.mpSection1-blue {
		font-size: 40px;
		color: #0091d6;
	}
	/* main page product section */
	.mpProduct-wrapper {
		float: left;
		width: 100%;
		margin: 30px 0;
		padding: 3% 0;
		background-color: #0091d6;
		text-align: center;
	}
	.mpProduct {
		display: inline-block;
		width: 21%;
		margin: 0 1%;
		font-family: 'McLaren', cursive;
		font-size: 20px;
		color: #fff;
		vertical-align: top;
	}
	.mpProduct img {
		width: 100%;
		margin: 13px 0;
	}
	.mpProduct-btn {
		float: left;
		width: 70%;
		margin: 0 15%;
		height: 50px;
		line-height: 50px;
		text-align: center;
		background-color: #e64935;
		font-size: 17px;
		color: #000;
	}
	/* main page section 2 */
	.mpSection2-wrapper {
		float: left;
		width: 80%;
		margin: 0 10%;
	}
	.mpSection2-col1 {
		float: left;
		width: 55%;
		margin: 0;
		padding: 3%;
		background-color: #fff;
		font-size: 18px;
		color: #000;
		line-height: 27px;
	}
	.mpSection2-col1 a {
		font-size: 18px;
		color: #0091d6;
		text-decoration: none;
	}
	.mpSection2-col2 {
		float: right;
		width: 30%;
		margin: 0 0 30px;
		padding: 3% 3%;
		background-color: #fff;
		font-size: 17px;
		color: #000;
		line-height: 27px;
		border-left: 3px solid #e64935;
	}
	.mpSection2-col2 a {
		font-size: 17px;
		color: #0091d6;
		text-decoration: none;
	}
	.s2c2-tb1 {
		float: left;
		width: 50%;
		border-bottom: 1px solid #dcdcd6;
		padding-bottom: 3px;
		margin-bottom: 7px;
	}
	.s2c2-tb2 {
		float: right;
		width: 50%;
		border-bottom: 1px solid #dcdcd6;
		padding-bottom: 3px;
		margin-bottom: 7px;
	}
	.s2c2-spacer {
		float: left;
		width: 100%;
		height: 50px;
	}
	
	/* general css */
	h1 {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-family: 'McLaren', cursive;
		font-size: 33px;
		color: #0091d6;
		line-height: 40px;
		font-weight: normal;
	}
	h2 {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		padding-bottom: 7px;
		font-family: 'McLaren', cursive;
		font-size: 24px;
		color: #e64935;
	}
	h3 {
		width: 80%;
		margin: 33px 10%;
		font-family: 'McLaren', cursive;
		font-size: 23px;
		color: #000;
		font-style: italic;
		font-weight: normal;
	}
	h4 {
		width: 100%;
		margin: 0  0 7px;
		font-family: 'McLaren', cursive;
		font-size: 23px;
		color: #000;
		font-weight: normal;
	}
	h5 {
		width: 100%;
		margin: 0  0 7px;
		font-family: 'McLaren', cursive;
		font-size: 25px;
		color: #8cc63f;
		font-weight: 600;
	}
	
	/* content */
	.content-wrapper {
		float: left;
		width: 80%;
		margin: 0 10%;
	}
	.content-col1 {
		float: left;
		width: 55%;
		margin: 0;
		padding: 3%;
		background-color: #fff;
		font-size: 20px;
		color: #000;
		line-height: 30px;
	}
	.content-col1 a {
		font-size: 20px;
		color: #0091d6;
		text-decoration: none;
	}
	.content-col1-image {
		float: right;
		width: 200px;
		margin: 0 0 20px 30px;
	}
	.content-col1-image img {
		width: 100%
	}
	
	.product-wrapper {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		padding-bottom: 13px;
		border-bottom: 1px solid #0091d6;
	}
	.product-image-wrapper {
		float: left;
		width: 100%;
		margin: 0;
		text-align: center;
	}
	.product-image {
		display: inline-block;
		width: 40%;
		margin: 30px 2% 0;
	}
	.product-image img {
		width: 100%;
	}
	.product-col1 {
		float: left;
		width: 55%;
		margin: 0;
	}
	.product-col1 ul {
		margin: 13px 0 13px 21px;
		list-style: square;
	}
	.product-col1 li {
		margin: 3px 0;
	}
	.product-col2 {
		float: right;
		width: 40%;
		margin: 0;
	}
	.product-col2 img {
		width: 100%;
	}
	.product-pricing {
		float: left;
		width: 94%;
		margin: 0;
		padding: 5% 3%;
		text-align: center;
		background-color: #efefef;
		font-size: 17px;
		line-height: 24px;
	}
	.product-pricing-bold {
		color: #0091d6;
		font-weight: 600;
	}
	.product-pricing img {
		float: left;
		width: 130px;
		margin: 0 30px 20px 0;
	}
	.product-pricing-btn-wrapper {
		float: left;
		width: 100%;
		margin: 0;
	}
	.product-pricing-btn-left {
		float: left;
		width: 280px;
		height: 40px;
		line-height: 40px;
		margin-top: 21px;
		background-color: #8cc63f;
		font-size: 17px;
		color: #000;
		text-align: center;
	}
	.product-pricing-btn-right {
		float: right;
		width: 200px;
		height: 40px;
		line-height: 40px;
		margin-top: 21px;
		background-color: #8cc63f;
		font-size: 17px;
		color: #000;
		text-align: center;
	}
	/* pricing table */
	.pricing-table {
		float: left;
		width: 100%;
		margin: 0;
		line-height: 30px;
	}
	.pricing-table-col-wrapper {
		float: left;
		width: 100%;
		margin: 0;
		padding: 13px 0;
		border-bottom: 1px solid #efefef;
	}
	.pricing-table-col1 {
		float: left;
		width: 80%;
		text-align: left;
	}
	.pricing-table-col2 {
		float: right;
		width: 20%;
		text-align: right;
	}
	.pricing-table ul {
		margin-left: 21px;
	}
	.pricing-table li {
		line-height: 30px;
		list-style: square;
	}
	
	/* contact */
	.formWrapper {
		float: left;
		width: 70%;
		margin: 30px 0 0;
	}
	.contact-input {
		float: left;
		width: 100%;
		height: 40px;
		margin-bottom: 21px;
		text-indent: 7px;
		border-left: none;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #818181;
		font-size: 20px;
		color: #000;
	}
	.contact-message {
		float: left;
		width: 100%;
		margin: 51px 0;
		text-indent: 7px;
		border-left: none;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #818181;
		font-size: 20px;
		color: #000;
	}
	.contact-captcha-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 21px;
	}
	.contact-form-captcha {
		float: left;
		width: 45%;
		margin: 0 0 21px;
		height: 40px;
		text-indent: 7px;
		border-left: none;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #818181;
		font-size: 20px;
		color: #000;
	}
	.contact-submit {
		float: left;
		width: 230px;
		height: 50px;
		line-height: 50px;
		background-color: #8cc63f;
		border: none;
		font-size: 21px;
		color: #000;
		font-weight: 500;
	}
	::-webkit-input-placeholder { color: #000; }
	:-moz-placeholder { color: #000; } /* Firefox 18- */
	::-moz-placeholder { color: #000; }  /* Firefox 19+ */
	:-ms-input-placeholder { color: #000; }
	
	/* footer */
	footer {
		float: left;
		width: 100%;
		margin: 3% 0 0;
		padding: 3% 0 2%;
		background-color: #0091d6;
		font-size: 17px;
		color: #fff;
		line-height: 24px;
		text-align: center;
	}
	footer a {
		font-size: 17px;
		color: #fff;
		text-decoration: none;
	}
	.ftSect {
		display: inline-block;
		width: 30%;
		margin: 0 1%;
		vertical-align: top;
	}
	.ftSect-header {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		font-size: 20px;
		color: #fff;
	}
	.ftSect-sm {
		float: left;
		width: 100%;
		margin: 0;
	}
	.ftSect-sm img {
		width: 40px;
	}
	.dcr {
		float: left;
		width: 100%;
		margin: 30px 0 0;
	}
	
}/* end layout full */

/* -------------- layout 1200 -------------- */
@media screen and (min-width:981px) and (max-width: 1200px) {
	
	/* header */
	header {
		float: left;
		width: 70%;
		margin: 0;
		padding: 1% 15%;
		background-image: url(../images/bg/l4j-bg-header.png);
	}
	.logo {
		float: left;
		width: 25%;
		margin: 0;
		text-align: left;
	}
	.logo img {
		width: 200px;
	}
	.header-content {
		float: right;
		width: 73%;
		font-size: 23px;
		line-height: 50px;
		color: #000;
		text-align: right;
	}
	.header-content a {
		font-size: 23px;
		color: #000;
		text-decoration: none;
	}
	.header-content .hcSmall {
		font-size: 18px;
	}
	
	/* nav menu */
	.nav-wrapper {
		float: left;
		width: 100%;
		height: 50px;
		line-height: 50px;
		margin: 0;
		background-color: #0091d6;
	}
	.navMenu {
		float: left;
		width: 94%;
		margin: 0 3%;
	}
	.navMenu ul {
		text-align: center;
	}
	.navMenu li {
		display: inline-block;
		list-style: none;
		margin: 0 7px;
		color: #fff;
	}
	.navMenu li a {
		font-size: 18;
		color: #fff;
		text-transform: uppercase;
		text-decoration: none;
	}
	/* mobile menu */ 
	.topnav {                                 
		display: none;
	}
	
	/* banner slides */
	.banner-wrapper {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.mpBanner {
		float: left;
		width: 100%;
	}
	.mpBanner img {
		width: 100%;
	}
	
	/* main page section 1 */
	.mpSection1-wrapper {
		float: left;
		width: 80%;
		margin: 0 5%;
		padding: 3% 5%;
		text-align: center;
		background-color: #fff;
		border-top: 3px solid #e64935;
	}
	.mpSection1-red {
		font-family: 'McLaren', cursive;
		font-size: 24px;
		color: #e64935;
	}
	.mpSection1-blue {
		font-size: 40px;
		color: #0091d6;
	}
	/* main page product section */
	.mpProduct-wrapper {
		float: left;
		width: 100%;
		margin: 30px 0;
		padding: 3% 0;
		background-color: #0091d6;
		text-align: center;
	}
	.mpProduct {
		display: inline-block;
		width: 21%;
		margin: 0 1%;
		font-family: 'McLaren', cursive;
		font-size: 20px;
		color: #fff;
		vertical-align: top;
	}
	.mpProduct img {
		width: 100%;
		margin: 13px 0;
	}
	.mpProduct-btn {
		float: left;
		width: 70%;
		margin: 0 15%;
		height: 50px;
		line-height: 50px;
		text-align: center;
		background-color: #e64935;
		font-size: 17px;
		color: #fff;
	}
	/* main page section 2 */
	.mpSection2-wrapper {
		float: left;
		width: 80%;
		margin: 0 10%;
	}
	.mpSection2-col1 {
		float: left;
		width: 55%;
		margin: 0;
		padding: 3%;
		background-color: #fff;
		font-size: 18px;
		color: #000;
		line-height: 27px;
	}
	.mpSection2-col1 a {
		font-size: 18px;
		color: #0091d6;
		text-decoration: none;
	}
	.mpSection2-col2 {
		float: right;
		width: 30%;
		margin: 0 0 30px;
		padding: 3% 3%;
		background-color: #fff;
		font-size: 17px;
		color: #000;
		line-height: 27px;
		border-left: 3px solid #e64935;
	}
	.mpSection2-col2 a {
		font-size: 17px;
		color: #0091d6;
		text-decoration: none;
	}
	.s2c2-tb1 {
		float: left;
		width: 50%;
		border-bottom: 1px solid #dcdcd6;
		padding-bottom: 3px;
		margin-bottom: 7px;
	}
	.s2c2-tb2 {
		float: right;
		width: 50%;
		border-bottom: 1px solid #dcdcd6;
		padding-bottom: 3px;
		margin-bottom: 7px;
	}
	.s2c2-spacer {
		float: left;
		width: 100%;
		height: 50px;
	}
	
	/* general css */
	h1 {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-family: 'McLaren', cursive;
		font-size: 30px;
		color: #0091d6;
		line-height: 40px;
		font-weight: normal;
	}
	h2 {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		padding-bottom: 7px;
		border-bottom: 1 px solid #f9f9f9;
		font-family: 'McLaren', cursive;
		font-size: 24px;
		color: #e64935;
	}
	h3 {
		width: 80%;
		margin: 33px 10%;
		font-family: 'McLaren', cursive;
		font-size: 21px;
		color: #000;
		font-style: italic;
		font-weight: normal;
	}
	h4 {
		width: 100%;
		margin: 0  0 7px;
		font-family: 'McLaren', cursive;
		font-size: 23px;
		color: #000;
		font-weight: normal;
	}
	h5 {
		width: 100%;
		margin: 0  0 7px;
		font-family: 'McLaren', cursive;
		font-size: 25px;
		color: #8cc63f;
		font-weight: 600;
	}
	
	/* content */
	.content-wrapper {
		float: left;
		width: 80%;
		margin: 0 10%;
	}
	.content-col1 {
		float: left;
		width: 55%;
		margin: 0;
		padding: 3%;
		background-color: #fff;
		font-size: 20px;
		color: #000;
		line-height: 30px;
	}
	.content-col1 a {
		font-size: 20px;
		color: #0091d6;
		text-decoration: none;
	}
	.content-col1-image {
		float: right;
		width: 180px;
		margin: 0 0 20px 30px;
	}
	.content-col1-image img {
		width: 100%
	}
	
	.product-wrapper {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		padding-bottom: 13px;
		border-bottom: 1px solid #0091d6;
	}
	.product-image-wrapper {
		float: left;
		width: 100%;
		margin: 0;
		text-align: center;
	}
	.product-image {
		display: inline-block;
		width: 40%;
		margin: 30px 2% 0;
	}
	.product-image img {
		width: 100%;
	}
	.product-col1 {
		float: left;
		width: 55%;
		margin: 0;
	}
	.product-col1 ul {
		margin: 13px 0 13px 21px;
		list-style: square;
	}
	.product-col1 li {
		margin: 3px 0;
	}
	.product-col2 {
		float: right;
		width: 40%;
		margin: 0;
	}
	.product-col2 img {
		width: 100%;
	}
	.product-pricing {
		float: left;
		width: 94%;
		margin: 0;
		padding: 5% 3%;
		text-align: center;
		background-color: #efefef;
		font-size: 17px;
		line-height: 24px;
	}
	.product-pricing-bold {
		color: #0091d6;
		font-weight: 600;
	}
	.product-pricing img {
		float: left;
		width: 130px;
		margin: 0 30px 20px 0;
	}
	.product-pricing-btn-wrapper {
		float: left;
		width: 100%;
		margin: 0;
	}
	.product-pricing-btn-left {
		float: left;
		width: 70%;
		height: 40px;
		line-height: 40px;
		margin: 21px 15% 0;
		background-color: #8cc63f;
		font-size: 17px;
		color: #000;
		text-align: center;
	}
	.product-pricing-btn-right {
		float: left;
		width: 70%;
		height: 40px;
		line-height: 40px;
		margin: 21px 15% 0;
		background-color: #8cc63f;
		font-size: 17px;
		color: #000;
		text-align: center;
	}
	/* pricing table */
	.pricing-table {
		float: left;
		width: 100%;
		margin: 0;
		line-height: 30px;
	}
	.pricing-table-col-wrapper {
		float: left;
		width: 100%;
		margin: 0;
		padding: 7px 0;
		border-bottom: 1px solid #efefef;
	}
	.pricing-table-col1 {
		float: left;
		width: 80%;
		text-align: left;
	}
	.pricing-table-col2 {
		float: right;
		width: 20%;
		text-align: right;
	}
	.pricing-table ul {
		margin-left: 21px;
	}
	.pricing-table li {
		line-height: 30px;
		list-style: square;
	}
	
	/* contact */
	.formWrapper {
		float: left;
		width: 70%;
		margin: 30px 0 0;
	}
	.contact-input {
		float: left;
		width: 100%;
		height: 40px;
		margin-bottom: 21px;
		text-indent: 7px;
		border-left: none;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #818181;
		font-size: 20px;
		color: #000;
	}
	.contact-message {
		float: left;
		width: 100%;
		margin: 51px 0;
		text-indent: 7px;
		border-left: none;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #818181;
		font-size: 20px;
		color: #000;
	}
	.contact-captcha-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 21px;
	}
	.contact-form-captcha {
		float: left;
		width: 45%;
		margin: 0 0 21px;
		height: 40px;
		text-indent: 7px;
		border-left: none;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #818181;
		font-size: 20px;
		color: #000;
	}
	.contact-submit {
		float: left;
		width: 230px;
		height: 50px;
		line-height: 50px;
		background-color: #8cc63f;
		border: none;
		font-size: 21px;
		color: #000;
		font-weight: 500;
	}
	::-webkit-input-placeholder { color: #000; }
	:-moz-placeholder { color: #000; } /* Firefox 18- */
	::-moz-placeholder { color: #000; }  /* Firefox 19+ */
	:-ms-input-placeholder { color: #000; }
	
	/* footer */
	footer {
		float: left;
		width: 100%;
		margin: 3% 0 0;
		padding: 3% 0 2%;
		background-color: #0091d6;
		font-size: 17px;
		color: #fff;
		line-height: 24px;
		text-align: center;
	}
	footer a {
		font-size: 17px;
		color: #fff;
		text-decoration: none;
	}
	.ftSect {
		display: inline-block;
		width: 30%;
		margin: 0 1%;
		vertical-align: top;
	}
	.ftSect-header {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		font-size: 20px;
		color: #fff;
	}
	.ftSect-sm {
		float: left;
		width: 100%;
		margin: 0;
	}
	.ftSect-sm img {
		width: 40px;
	}
	.dcr {
		float: left;
		width: 100%;
		margin: 30px 0 0;
	}
	
}/* end layout 1200 */

/* -------------- layout 980 -------------- */
@media screen and (min-width:768px) and (max-width: 980px) {
	
	/* header */
	header {
		float: left;
		width: 90%;
		margin: 0;
		padding: 1% 5%;
		background-image: url(../images/bg/l4j-bg-header.png);
	}
	.logo {
		float: left;
		width: 25%;
		margin: 0;
		text-align: left;
	}
	.logo img {
		width: 200px;
	}
	.header-content {
		float: right;
		width: 73%;
		margin-top: 13px;
		font-size: 20px;
		line-height: 40px;
		color: #000;
		text-align: right;
	}
	.header-content a {
		font-size: 20px;
		color: #000;
		text-decoration: none;
	}
	.header-content .hcSmall {
		font-size: 17px;
	}
	
	/* nav menu */
	.nav-wrapper {
		float: left;
		width: 100%;
		height: 30px;
		line-height: 30px;
		margin: 0;
		background-color: #0091d6;
	}
	.navMenu {
		display: none;
	}
	/* mobile menu */
	.topnav {                                 
		overflow: hidden;
		background-color: #0091d6;
		position: relative;
		border-bottom: 1px solid #0091d6;
		margin-bottom: 21px;
		z-index: 999;
	}
	.topnav #myLinks {
		display: none;
	}
	.topnav a {
		color: #000;
		padding: 11px 21px 11px;
		text-decoration: none;
		font-size: 18px;
		display: block;
	}
	.topnav a.icon {
		background: #0091d6;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		font-size: 24px;
	}
	.topnav a:hover {
		background-color: #e64935;
		color: black;
	}
	.active {
		background-color: none;
		color: white;
	}
	
	/* banner slides */
	.banner-wrapper {
		float: left;
		width: 100%;
		margin-top: 23px;
		padding: 0;
	}
	.mpBanner {
		float: left;
		width: 100%;
	}
	.mpBanner img {
		width: 100%;
	}
	
	/* main page section 1 */
	.mpSection1-wrapper {
		float: left;
		width: 80%;
		margin: 0 5%;
		padding: 3% 5%;
		text-align: center;
		background-color: #fff;
		border-top: 3px solid #e64935;
	}
	.mpSection1-red {
		font-family: 'McLaren', cursive;
		font-size: 21px;
		color: #e64935;
	}
	.mpSection1-blue {
		font-size: 30px;
		color: #0091d6;
	}
	/* main page product section */
	.mpProduct-wrapper {
		float: left;
		width: 100%;
		margin: 30px 0;
		padding: 5% 0 0;
		background-color: #0091d6;
		text-align: center;
	}
	.mpProduct {
		display: inline-block;
		width: 40%;
		margin: 0 3% 50px;
		font-family: 'McLaren', cursive;
		font-size: 20px;
		color: #fff;
		vertical-align: top;
	}
	.mpProduct img {
		width: 100%;
		margin: 13px 0;
	}
	.mpProduct-btn {
		float: left;
		width: 70%;
		margin: 0 15%;
		height: 50px;
		line-height: 50px;
		text-align: center;
		background-color: #e64935;
		font-size: 17px;
		color: #000;
	}
	/* main page section 2 */
	.mpSection2-wrapper {
		float: left;
		width: 90%;
		margin: 0 5%;
	}
	.mpSection2-col1 {
		float: left;
		width: 94%;
		margin: 0 0 30px;
		padding: 3%;
		background-color: #fff;
		font-size: 18px;
		color: #000;
		line-height: 27px;
	}
	.mpSection2-col1 a {
		font-size: 18px;
		color: #0091d6;
		text-decoration: none;
	}
	.mpSection2-col2 {
		float: right;
		width: 94%;
		margin: 0 0 30px;
		padding: 3% 3%;
		background-color: #fff;
		font-size: 17px;
		color: #000;
		line-height: 27px;
		border-left: 3px solid #e64935;
	}
	.mpSection2-col2 a {
		font-size: 17px;
		color: #0091d6;
		text-decoration: none;
	}
	.s2c2-tb1 {
		float: left;
		width: 50%;
		border-bottom: 1px solid #dcdcd6;
		padding-bottom: 3px;
		margin-bottom: 7px;
	}
	.s2c2-tb2 {
		float: right;
		width: 50%;
		border-bottom: 1px solid #dcdcd6;
		padding-bottom: 3px;
		margin-bottom: 7px;
	}
	.s2c2-spacer {
		float: left;
		width: 100%;
		height: 50px;
	}
	
	/* general css */
	h1 {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-family: 'McLaren', cursive;
		font-size: 27px;
		color: #0091d6;
		line-height: 40px;
		font-weight: normal;
	}
	h2 {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		padding-bottom: 7px;
		border-bottom: 1 px solid #f9f9f9;
		font-family: 'McLaren', cursive;
		font-size: 23px;
		color: #e64935;
	}
	h3 {
		width: 80%;
		margin: 33px 10%;
		font-family: 'McLaren', cursive;
		font-size: 21px;
		color: #000;
		font-style: italic;
		font-weight: normal;
	}
	h4 {
		width: 100%;
		margin: 0  0 7px;
		font-family: 'McLaren', cursive;
		font-size: 21px;
		color: #000;
		font-weight: normal;
	}
	h5 {
		width: 100%;
		margin: 0  0 7px;
		font-family: 'McLaren', cursive;
		font-size: 23px;
		color: #8cc63f;
		font-weight: 600;
	}
	
	/* content */
	.content-wrapper {
		float: left;
		width: 90%;
		margin: 23px 5% 0;
	}
	.content-col1 {
		float: left;
		width: 94%;
		margin: 0 0 30px;
		padding: 3%;
		background-color: #fff;
		font-size: 18px;
		color: #000;
		line-height: 27px;
	}
	.content-col1 a {
		font-size: 18px;
		color: #0091d6;
		text-decoration: none;
	}
	.content-col1-image {
		float: right;
		width: 180px;
		margin: 0 0 20px 30px;
	}
	.content-col1-image img {
		width: 100%
	}
	
	.product-wrapper {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		padding-bottom: 13px;
		border-bottom: 1px solid #0091d6;
	}
	.product-image-wrapper {
		float: left;
		width: 100%;
		margin: 0;
		text-align: center;
	}
	.product-image {
		display: inline-block;
		width: 40%;
		margin: 30px 2% 0;
	}
	.product-image img {
		width: 100%;
	}
	.product-col1 {
		float: left;
		width: 55%;
		margin: 0;
	}
	.product-col1 ul {
		margin: 13px 0 13px 21px;
		list-style: square;
	}
	.product-col1 li {
		margin: 3px 0;
	}
	.product-col2 {
		float: right;
		width: 40%;
		margin: 0;
	}
	.product-col2 img {
		width: 100%;
	}
	.product-pricing {
		float: left;
		width: 94%;
		margin: 0;
		padding: 5% 3%;
		text-align: center;
		background-color: #efefef;
		font-size: 17px;
		line-height: 24px;
	}
	.product-pricing-bold {
		color: #0091d6;
		font-weight: 600;
	}
	.product-pricing img {
		float: left;
		width: 130px;
		margin: 0 30px 20px 0;
	}
	.product-pricing-btn-wrapper {
		float: left;
		width: 100%;
		margin: 0;
	}
	.product-pricing-btn-left {
		float: left;
		width: 60%;
		height: 40px;
		line-height: 40px;
		margin: 21px 20% 0;
		background-color: #8cc63f;
		font-size: 17px;
		color: #000;
		text-align: center;
	}
	.product-pricing-btn-right {
		float: left;
		width: 60%;
		height: 40px;
		line-height: 40px;
		margin: 21px 20% 0;
		background-color: #8cc63f;
		font-size: 17px;
		color: #000;
		text-align: center;
	}
	/* pricing table */
	.pricing-table {
		float: left;
		width: 100%;
		margin: 0;
		line-height: 40px;
	}
	.pricing-table-col-wrapper {
		float: left;
		width: 100%;
		margin: 0;
		padding: 7px 0;
		border-bottom: 1px solid #efefef;
	}
	.pricing-table-col1 {
		float: left;
		width: 80%;
		text-align: left;
	}
	.pricing-table-col2 {
		float: right;
		width: 20%;
		text-align: right;
	}
	.pricing-table ul {
		margin-left: 21px;
	}
	.pricing-table li {
		line-height: 30px;
		list-style: square;
	}
	
	/* contact */
	.formWrapper {
		float: left;
		width: 70%;
		margin: 30px 0 0;
	}
	.contact-input {
		float: left;
		width: 100%;
		height: 40px;
		margin-bottom: 21px;
		text-indent: 7px;
		border-left: none;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #818181;
		font-size: 20px;
		color: #000;
	}
	.contact-message {
		float: left;
		width: 100%;
		margin: 51px 0;
		text-indent: 7px;
		border-left: none;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #818181;
		font-size: 20px;
		color: #000;
	}
	.contact-captcha-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 21px;
	}
	.contact-form-captcha {
		float: left;
		width: 45%;
		margin: 0 0 21px;
		height: 40px;
		text-indent: 7px;
		border-left: none;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #818181;
		font-size: 20px;
		color: #000;
	}
	.contact-submit {
		float: left;
		width: 230px;
		height: 50px;
		line-height: 50px;
		background-color: #8cc63f;
		border: none;
		font-size: 21px;
		color: #000;
		font-weight: 500;
	}
	::-webkit-input-placeholder { color: #000; }
	:-moz-placeholder { color: #000; } /* Firefox 18- */
	::-moz-placeholder { color: #000; }  /* Firefox 19+ */
	:-ms-input-placeholder { color: #000; }
	
	/* footer */
	footer {
		float: left;
		width: 100%;
		margin: 3% 0 0;
		padding: 3% 0 2%;
		background-color: #0091d6;
		font-size: 17px;
		color: #fff;
		line-height: 24px;
		text-align: center;
	}
	footer a {
		font-size: 17px;
		color: #fff;
		text-decoration: none;
	}
	.ftSect {
		display: inline-block;
		width: 30%;
		margin: 0 1%;
		vertical-align: top;
	}
	.ftSect-header {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		font-size: 20px;
		color: #fff;
	}
	.ftSect-sm {
		float: left;
		width: 100%;
		margin: 0;
	}
	.ftSect-sm img {
		width: 40px;
	}
	.dcr {
		float: left;
		width: 100%;
		margin: 30px 0 0;
	}
	
}/* end layout 980 */

/* -------------- layout 767 -------------- */
@media screen and (min-width:481px) and (max-width: 767px) {
	
	/* header */
	header {
		float: left;
		width: 90%;
		margin: 0;
		padding: 1% 5%;
		background-image: url(../images/bg/l4j-bg-header.png);
	}
	.logo {
		float: left;
		width: 100%;
		margin: 0 0 13px;
		text-align: center;
	}
	.logo img {
		width: 200px;
	}
	.header-content {
		float: right;
		width: 90%;
		margin: 0 5%;
		font-size: 20px;
		line-height: 30px;
		color: #000;
		text-align: center;
	}
	.header-content a {
		font-size: 20px;
		color: #000;
		text-decoration: none;
	}
	.header-content .hcSmall {
		font-size: 17px;
	}
	
	/* nav menu */
	.nav-wrapper {
		float: left;
		width: 100%;
		height: 24px;
		line-height: 24px;
		margin: 0;
		background-color: #0091d6;
	}
	.navMenu {
		display: none;
	}
	/* mobile menu */
	.topnav {                                 
		overflow: hidden;
		background-color: #0091d6;
		position: relative;
		border-bottom: 1px solid #0091d6;
		margin-bottom: 21px;
		z-index: 999;
	}
	.topnav #myLinks {
		display: none;
	}
	.topnav a {
		color: #000;
		padding: 11px 21px 11px;
		text-decoration: none;
		font-size: 18px;
		display: block;
	}
	.topnav a.icon {
		background: #0091d6;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		font-size: 24px;
	}
	.topnav a:hover {
		background-color: #e64935;
		color: black;
	}
	.active {
		background-color: none;
		color: white;
	}
	
	/* banner slides */
	.banner-wrapper {
		float: left;
		width: 100%;
		margin-top: 23px;
		padding: 0;
	}
	.mpBanner {
		float: left;
		width: 100%;
	}
	.mpBanner img {
		width: 100%;
	}
	
	/* main page section 1 */
	.mpSection1-wrapper {
		float: left;
		width: 80%;
		margin: 0 5%;
		padding: 3% 5%;
		text-align: center;
		background-color: #fff;
		border-top: 3px solid #e64935;
	}
	.mpSection1-red {
		font-family: 'McLaren', cursive;
		font-size: 21px;
		color: #e64935;
	}
	.mpSection1-blue {
		font-size: 30px;
		color: #0091d6;
	}
	/* main page product section */
	.mpProduct-wrapper {
		float: left;
		width: 100%;
		margin: 30px 0;
		padding: 5% 0 0;
		background-color: #0091d6;
		text-align: center;
	}
	.mpProduct {
		display: inline-block;
		width: 80%;
		margin: 0 10% 50px;
		font-family: 'McLaren', cursive;
		font-size: 20px;
		color: #fff;
		vertical-align: top;
	}
	.mpProduct img {
		width: 100%;
		margin: 13px 0;
	}
	.mpProduct-btn {
		float: left;
		width: 60%;
		margin: 0 20%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		background-color: #e64935;
		font-size: 17px;
		color: #000;
	}
	/* main page section 2 */
	.mpSection2-wrapper {
		float: left;
		width: 90%;
		margin: 0 5%;
	}
	.mpSection2-col1 {
		float: left;
		width: 94%;
		margin: 0 0 30px;
		padding: 3%;
		background-color: #fff;
		font-size: 18px;
		color: #000;
		line-height: 27px;
	}
	.mpSection2-col1 a {
		font-size: 18px;
		color: #0091d6;
		text-decoration: none;
	}
	.mpSection2-col2 {
		float: right;
		width: 94%;
		margin: 0 0 30px;
		padding: 5% 3%;
		background-color: #fff;
		font-size: 17px;
		color: #000;
		line-height: 27px;
		border-left: 3px solid #e64935;
	}
	.mpSection2-col2 a {
		font-size: 17px;
		color: #0091d6;
		text-decoration: none;
	}
	.s2c2-tb1 {
		float: left;
		width: 50%;
		border-bottom: 1px solid #dcdcd6;
		padding-bottom: 3px;
		margin-bottom: 7px;
	}
	.s2c2-tb2 {
		float: right;
		width: 50%;
		border-bottom: 1px solid #dcdcd6;
		padding-bottom: 3px;
		margin-bottom: 7px;
	}
	.s2c2-spacer {
		float: left;
		width: 100%;
		height: 50px;
	}
	
	/* general css */
	h1 {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-family: 'McLaren', cursive;
		font-size: 25px;
		color: #0091d6;
		line-height: 40px;
		font-weight: normal;
	}
	h2 {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		padding-bottom: 7px;
		border-bottom: 1 px solid #f9f9f9;
		font-family: 'McLaren', cursive;
		font-size: 23px;
		color: #e64935;
	}
	h3 {
		width: 80%;
		margin: 33px 10%;
		font-family: 'McLaren', cursive;
		font-size: 21px;
		color: #000;
		font-style: italic;
		font-weight: normal;
	}
	h4 {
		width: 100%;
		margin: 0  0 7px;
		font-family: 'McLaren', cursive;
		font-size: 21px;
		color: #000;
		font-weight: normal;
	}
	h5 {
		width: 100%;
		margin: 0  0 7px;
		font-family: 'McLaren', cursive;
		font-size: 23px;
		color: #8cc63f;
		font-weight: 600;
	}
	
	/* content */
	.content-wrapper {
		float: left;
		width: 90%;
		margin: 23px 5% 0;
	}
	.content-col1 {
		float: left;
		width: 94%;
		margin: 0 0 30px;
		padding: 3%;
		background-color: #fff;
		font-size: 18px;
		color: #000;
		line-height: 27px;
	}
	.content-col1 a {
		font-size: 18px;
		color: #0091d6;
		text-decoration: none;
	}
	.content-col1-image {
		float: right;
		width: 160px;
		margin: 0 0 20px 30px;
	}
	.content-col1-image img {
		width: 100%
	}
	
	.product-wrapper {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		padding-bottom: 13px;
		border-bottom: 1px solid #0091d6;
	}
	.product-image-wrapper {
		float: left;
		width: 100%;
		margin: 0;
		text-align: center;
	}
	.product-image {
		display: inline-block;
		width: 100%;
		margin: 30px 0 0;
	}
	.product-image img {
		width: 100%;
	}
	.product-col1 {
		float: left;
		width: 100%;
		margin: 0;
	}
	.product-col1 ul {
		margin: 13px 0 13px 21px;
		list-style: square;
	}
	.product-col1 li {
		margin: 3px 0;
	}
	.product-col2 {
		float: right;
		width: 100%;
		margin: 13px 0 0;
	}
	.product-col2 img {
		width: 100%;
	}
	.product-pricing {
		float: left;
		width: 94%;
		margin: 0;
		padding: 5% 3%;
		text-align: center;
		background-color: #efefef;
		font-size: 17px;
		line-height: 24px;
	}
	.product-pricing-bold {
		color: #0091d6;
		font-weight: 600;
	}
	.product-pricing img {
		float: left;
		width: 130px;
		margin: 0 30px 20px 0;
	}
	.product-pricing-btn-wrapper {
		float: left;
		width: 100%;
		margin: 0;
	}
	.product-pricing-btn-left {
		float: left;
		width: 70%;
		height: 40px;
		line-height: 40px;
		margin: 21px 15% 0;
		background-color: #8cc63f;
		font-size: 17px;
		color: #000;
		text-align: center;
	}
	.product-pricing-btn-right {
		float: left;
		width: 70%;
		height: 40px;
		line-height: 40px;
		margin: 21px 15% 0;
		background-color: #8cc63f;
		font-size: 17px;
		color: #000;
		text-align: center;
	}
	/* pricing table */
	.pricing-table {
		float: left;
		width: 100%;
		margin: 0;
		line-height: 33px;
	}
	.pricing-table-col-wrapper {
		float: left;
		width: 100%;
		margin: 0;
		padding: 7px 0;
		border-bottom: 1px solid #efefef;
	}
	.pricing-table-col1 {
		float: left;
		width: 80%;
		text-align: left;
	}
	.pricing-table-col2 {
		float: right;
		width: 20%;
		text-align: right;
	}
	.pricing-table ul {
		margin-left: 21px;
	}
	.pricing-table li {
		line-height: 30px;
		list-style: square;
	}
	
	/* contact */
	.formWrapper {
		float: left;
		width: 90%;
		margin: 31px 0 21px;
	}
	.contact-input {
		float: left;
		width: 100%;
		height: 40px;
		margin-bottom: 21px;
		text-indent: 7px;
		border-left: none;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #818181;
		font-size: 18px;
		color: #000;
	}
	.contact-message {
		float: left;
		width: 100%;
		margin: 51px 0;
		text-indent: 7px;
		border-left: none;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #818181;
		font-size: 18px;
		color: #000;
	}
	.contact-captcha-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 21px;
	}
	.contact-form-captcha {
		float: left;
		width: 45%;
		margin: 0 0 21px;
		height: 40px;
		text-indent: 7px;
		border-left: none;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #818181;
		font-size: 18px;
		color: #000;
	}
	.contact-submit {
		float: left;
		width: 230px;
		height: 50px;
		line-height: 50px;
		background-color: #8cc63f;
		border: none;
		font-size: 18px;
		color: #000;
		font-weight: 500;
	}
	::-webkit-input-placeholder { color: #000; }
	:-moz-placeholder { color: #000; } /* Firefox 18- */
	::-moz-placeholder { color: #000; }  /* Firefox 19+ */
	:-ms-input-placeholder { color: #000; }
	
	/* footer */
	footer {
		float: left;
		width: 100%;
		margin: 3% 0 0;
		padding: 7% 0 5%;
		background-color: #0091d6;
		font-size: 17px;
		color: #fff;
		line-height: 24px;
		text-align: center;
	}
	footer a {
		font-size: 17px;
		color: #fff;
		text-decoration: none;
	}
	.ftSect {
		display: inline-block;
		width: 90%;
		margin: 0 5% 30px;
		vertical-align: top;
	}
	.ftSect-header {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		font-size: 20px;
		color: #fff;
	}
	.ftSect-sm {
		float: left;
		width: 100%;
		margin: 0;
	}
	.ftSect-sm img {
		width: 40px;
	}
	.dcr {
		float: left;
		width: 100%;
		margin: 30px 0 0;
	}
	
}/* end layout 767 */

/* -------------- layout 480 -------------- */
@media screen and (min-width:300px) and (max-width: 480px) {
	
	/* header */
	header {
		float: left;
		width: 90%;
		margin: 0;
		padding: 1% 5%;
		background-image: url(../images/bg/l4j-bg-header.png);
	}
	.logo {
		float: left;
		width: 100%;
		margin: 0 0 13px;
		text-align: center;
	}
	.logo img {
		width: 200px;
	}
	.header-content {
		float: right;
		width: 94%;
		margin: 0 3% 13px;
		font-size: 18px;
		line-height: 30px;
		color: #000;
		text-align: center;
	}
	.header-content a {
		font-size: 18px;
		color: #000;
		text-decoration: none;
	}
	.header-content .hcSmall {
		font-size: 15px;
	}
	
	/* nav menu */
	.nav-wrapper {
		float: left;
		width: 100%;
		height: 24px;
		line-height: 24px;
		margin: 0;
		background-color: #0091d6;
	}
	.navMenu {
		display: none;
	}
	/* mobile menu */
	.topnav {                                 
		overflow: hidden;
		background-color: #0091d6;
		position: relative;
		border-bottom: 1px solid #0091d6;
		margin-bottom: 21px;
		z-index: 999;
	}
	.topnav #myLinks {
		display: none;
	}
	.topnav a {
		color: #000;
		padding: 11px 21px 11px;
		text-decoration: none;
		font-size: 18px;
		display: block;
	}
	.topnav a.icon {
		background: #0091d6;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		font-size: 24px;
	}
	.topnav a:hover {
		background-color: #e64935;
		color: black;
	}
	.active {
		background-color: none;
		color: white;
	}
	
	/* banner slides */
	.banner-wrapper {
		float: left;
		width: 100%;
		margin-top: 23px;
		padding: 0;
	}
	.mpBanner {
		float: left;
		width: 100%;
	}
	.mpBanner img {
		width: 100%;
	}
	
	/* main page section 1 */
	.mpSection1-wrapper {
		float: left;
		width: 84%;
		margin: 0 5%;
		padding: 3% 3%;
		text-align: center;
		background-color: #fff;
		border-top: 3px solid #e64935;
	}
	.mpSection1-red {
		font-family: 'McLaren', cursive;
		font-size: 21px;
		color: #e64935;
	}
	.mpSection1-blue {
		font-size: 21px;
		color: #0091d6;
	}
	/* main page product section */
	.mpProduct-wrapper {
		float: left;
		width: 100%;
		margin: 30px 0;
		padding: 5% 0 0;
		background-color: #0091d6;
		text-align: center;
	}
	.mpProduct {
		display: inline-block;
		width: 80%;
		margin: 0 10% 50px;
		font-family: 'McLaren', cursive;
		font-size: 20px;
		color: #fff;
		vertical-align: top;
	}
	.mpProduct img {
		width: 100%;
		margin: 13px 0;
	}
	.mpProduct-btn {
		float: left;
		width: 80%;
		margin: 0 10%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		background-color: #e64935;
		font-size: 17px;
		color: #000;
	}
	/* main page section 2 */
	.mpSection2-wrapper {
		float: left;
		width: 90%;
		margin: 0 5%;
	}
	.mpSection2-col1 {
		float: left;
		width: 94%;
		margin: 0 0 30px;
		padding: 7% 3%;
		background-color: #fff;
		font-size: 18px;
		color: #000;
		line-height: 27px;
	}
	.mpSection2-col1 a {
		font-size: 18px;
		color: #0091d6;
		text-decoration: none;
	}
	.mpSection2-col2 {
		float: right;
		width: 94%;
		margin: 0 0 30px;
		padding: 7% 3%;
		background-color: #fff;
		font-size: 16px;
		color: #000;
		line-height: 27px;
		border-left: 3px solid #e64935;
	}
	.mpSection2-col2 a {
		font-size: 17px;
		color: #0091d6;
		text-decoration: none;
	}
	.s2c2-tb1 {
		float: left;
		width: 50%;
		border-bottom: 1px solid #dcdcd6;
		padding-bottom: 3px;
		margin-bottom: 7px;
	}
	.s2c2-tb2 {
		float: right;
		width: 50%;
		border-bottom: 1px solid #dcdcd6;
		padding-bottom: 3px;
		margin-bottom: 7px;
	}
	.s2c2-spacer {
		float: left;
		width: 100%;
		height: 50px;
	}
	
	/* general css */
	h1 {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		font-family: 'McLaren', cursive;
		font-size: 23px;
		color: #0091d6;
		line-height: 30px;
		font-weight: normal;
	}
	h2 {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		padding-bottom: 7px;
		border-bottom: 1 px solid #f9f9f9;
		font-family: 'McLaren', cursive;
		font-size: 21px;
		color: #e64935;
	}
	h3 {
		width: 90%;
		margin: 33px 5%;
		font-family: 'McLaren', cursive;
		font-size: 19px;
		color: #000;
		font-style: italic;
		font-weight: normal;
	}
	h4 {
		width: 100%;
		margin: 0  0 7px;
		font-family: 'McLaren', cursive;
		font-size: 20px;
		color: #000;
		font-weight: normal;
	}
	h5 {
		width: 100%;
		margin: 0  0 7px;
		font-family: 'McLaren', cursive;
		font-size: 23px;
		color: #8cc63f;
		font-weight: 600;
	}
	
	/* content */
	.content-wrapper {
		float: left;
		width: 90%;
		margin: 23px 5%;
		padding: 5% 0;
	}
	.content-col1 {
		float: left;
		width: 94%;
		margin: 0 0 30px;
		padding: 7% 3%;
		background-color: #fff;
		font-size: 18px;
		color: #000;
		line-height: 27px;
	}
	.content-col1 a {
		font-size: 18px;
		color: #0091d6;
		text-decoration: none;
	}
	.content-col1-image {
		display: none;
	}
	
	.product-wrapper {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		padding-bottom: 13px;
		border-bottom: 1px solid #0091d6;
	}
	.product-image-wrapper {
		float: left;
		width: 100%;
		margin: 0;
		text-align: center;
	}
	.product-image {
		display: inline-block;
		width: 100%;
		margin: 30px 0 0;
	}
	.product-image img {
		width: 100%;
	}
	.product-col1 {
		float: left;
		width: 100%;
		margin: 0;
	}
	.product-col1 ul {
		margin: 13px 0 13px 21px;
		list-style: square;
	}
	.product-col1 li {
		margin: 3px 0;
	}
	.product-col2 {
		float: right;
		width: 100%;
		margin: 13px 0 0;
	}
	.product-col2 img {
		width: 100%;
	}
	.product-pricing {
		float: left;
		width: 94%;
		margin: 0;
		padding: 5% 3%;
		text-align: center;
		background-color: #efefef;
		font-size: 17px;
		line-height: 24px;
	}
	.product-pricing-bold {
		color: #0091d6;
		font-weight: 600;
	}
	.product-pricing img {
		float: left;
		width: 90px;
		margin: 0 20px 10px 0;
	}
	.product-pricing-btn-wrapper {
		float: left;
		width: 100%;
		margin: 0;
	}
	.product-pricing-btn-left {
		float: left;
		width: 94%;
		height: 40px;
		line-height: 40px;
		margin: 21px 3% 0;
		background-color: #8cc63f;
		font-size: 17px;
		color: #000;
		text-align: center;
	}
	.product-pricing-btn-right {
		float: left;
		width: 94%;
		height: 40px;
		line-height: 40px;
		margin: 21px 3% 0;
		background-color: #8cc63f;
		font-size: 17px;
		color: #000;
		text-align: center;
	}
	/* pricing table */
	.pricing-table {
		float: left;
		width: 100%;
		margin: 0;
		line-height: 27px;
	}
	.pricing-table-col-wrapper {
		float: left;
		width: 100%;
		margin: 0;
		padding: 7px 0;
		border-bottom: 1px solid #efefef;
	}
	.pricing-table-col1 {
		float: left;
		width: 75%;
		text-align: left;
	}
	.pricing-table-col2 {
		float: right;
		width: 25%;
		text-align: right;
	}
	.pricing-table ul {
		margin-left: 21px;
	}
	.pricing-table li {
		line-height: 30px;
		list-style: square;
	}
	
	/* contact */
	.formWrapper {
		float: left;
		width: 100%;
		margin: 31px 0 21px;
	}
	.contact-input {
		float: left;
		width: 100%;
		height: 40px;
		margin-bottom: 21px;
		text-indent: 7px;
		border-left: none;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #818181;
		font-size: 17px;
		color: #000;
	}
	.contact-message {
		float: left;
		width: 100%;
		margin: 51px 0;
		text-indent: 7px;
		border-left: none;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #818181;
		font-size: 17px;
		color: #000;
	}
	.contact-captcha-wrapper {
		float: left;
		width: 100%;
		margin: 0 0 21px;
	}
	.contact-form-captcha {
		float: left;
		width: 45%;
		margin: 0 0 21px;
		height: 40px;
		text-indent: 7px;
		border-left: none;
		border-top: none;
		border-right: none;
		border-bottom: 1px solid #818181;
		font-size: 17px;
		color: #000;
	}
	.contact-submit {
		float: left;
		width: 230px;
		height: 50px;
		line-height: 50px;
		background-color: #8cc63f;
		border: none;
		font-size: 21px;
		color: #000;
		font-weight: 500;
	}
	::-webkit-input-placeholder { color: #000; }
	:-moz-placeholder { color: #000; } /* Firefox 18- */
	::-moz-placeholder { color: #000; }  /* Firefox 19+ */
	:-ms-input-placeholder { color: #000; }
	
	/* footer */
	footer {
		float: left;
		width: 96%;
		margin: 3% 0 0;
		padding: 7% 2% 5%;
		background-color: #0091d6;
		font-size: 17px;
		color: #fff;
		line-height: 24px;
		text-align: center;
	}
	footer a {
		font-size: 17px;
		color: #fff;
		text-decoration: none;
	}
	.ftSect {
		display: inline-block;
		width: 90%;
		margin: 0 5% 30px;
		vertical-align: top;
	}
	.ftSect-header {
		float: left;
		width: 100%;
		margin-bottom: 13px;
		font-size: 20px;
		color: #fff;
	}
	.ftSect-sm {
		float: left;
		width: 100%;
		margin: 0;
	}
	.ftSect-sm img {
		width: 40px;
	}
	.dcr {
		float: left;
		width: 94%;
		margin: 30px 3% 0;
	}
	
}/* end layout 480 */