/* Reset section */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; box-sizing: border-box;}
ul, ol, li, dl, dt, dd  {border: 0; font-size: 100%; font: inherit; vertical-align: baseline; box-sizing: border-box;}
input, select, textarea {box-sizing: border-box;}
body {line-height: 1;}
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;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, video {display: block;}
h1, h2, h3, h4, h5, h6, p, blockquote, pre, fieldset, form, div, iframe, ol, ul, dl {display: block;}
h1, h2, h3, h4, h5, h6, th, strong, b, big {font-weight: bold;}
input, select, textarea, button {margin: 0;}
textarea {overflow: auto; resize: none;}
a, input[type='submit'], input[type='image'], label[for], select, button, .pointer {overflow: visible; cursor: pointer;}

/* mainsite */
body, input, select, textarea {font: normal normal normal 16px/1.5 'Muli', sans-serif; color: #272727;}
body {background: #f3f3f3;}
h1 {font-size: 48px; font-weight: 300; text-align: center; max-width: 1030px; margin: auto;}
h2 {font-size: 24px; font-weight: bold; text-align: center; color: #272727; margin-bottom: 20px;}
p {margin-bottom: 20px;}
img {max-width: 100%; display: block;}
input, select, textarea {padding: 5px 10px; background: #ededee; border: 1px solid #dadada; display: inline-block; vertical-align: middle;}

#container {max-width: 1440px; margin: auto; background: #fafafa;
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);
}
.icon-warning {font-size: 14px; color: #f00; text-align: right; display: block;}
.menu-toggle {display: none;}
.text-center {text-align: center;}

header {width: 100%; height: 93px; background: #272727; color: #d1d3d4; position: relative; z-index: 1;
	-webkit-box-shadow: 0 10px 10px -10px rgba(0,0,0,1);
	box-shadow: 0 10px 10px -10px rgba(0,0,0,1);
}
	header ul {list-style: none; margin: 0; padding: 25px 100px 0 0; float: right;}
	header li {display: inline-block; position: relative;}
	header a {line-height: 1; font-weight: bold; text-decoration: none; color: #d1d3d4; padding: 14px 17px; border-radius: 3px; display: inline-block; transition: color 1s;}
		header a:hover {color: #fff;}
		header li div {padding-top: 25px; margin-top: -1px; position: absolute; top: 100%; left: -10px; display: none;}
			header li div:before {content: ''; width: 0; height: 0; border: 17px solid #0d4891; border-top: 0 solid transparent; border-left-color: transparent; border-right-color: transparent; display: block; position: absolute; top: 8px; left: 25px;}
		header li ul {background: #0d4891; padding: 10px;
			-webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .3);
			box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .3);
		}
			header li ul li {border-top: 1px solid #2776cc; display: block;}
			header li ul li:first-child {border-top: 0 none;}
			header li ul a {font-size: 12px; line-height: 1.5; font-weight: normal; color: #b8d7fb; padding: 5px 17px; white-space: nowrap;}
		header li:hover div {display: block;}
	.order, .protect, button {color: #fff; border: 0 none; transition: box-shadow 1s;
		background: #5bae00;
		background: -moz-linear-gradient(top, #9cce52 0%, #5bae00 100%);
		background: -webkit-linear-gradient(top, #9cce52 0%, #5bae00 100%);
		background: linear-gradient(to bottom, #9cce52 0%, #5bae00 100%);
	}
	.order:hover, button:hover {
		-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
		box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
	}
	.brand-name {float: left; padding: 15px 0 15px 100px;}

section {width: 100%;}
	.banner {width: 100%; height: 437px; padding-top: 70px; color: #fff; background: url(../images/home-banner.jpg) 0 0 no-repeat;}
		.banner h1 {padding: 75px 0 85px 350px; background: url(../images/dl.png) 0 0 no-repeat;}
	.contact-banner {width: 100%; height: 134px; padding-top: 20px; color: #fff; background: url(../images/contact-banner.jpg) 0 0 no-repeat;}
		.contact-banner h1, .pricing-banner h1 {height: 134px; padding-top: 10px;}
	.submission-banner {height: 100px;}
		.submission-banner h1 {font-size: 30px;}
	.pricing-banner {width: 100%; height: 134px; padding-top: 20px; color: #fff; background: url(../images/pricing-banner.jpg) 0 0 no-repeat;}
	.faq-banner {width: 100%; height: 134px; padding-top: 30px; color: #fff; background: url(../images/faq-banner.jpg) 0 0 no-repeat;}
	.member-banner {width: 100%; height: 134px; padding-top: 20px; color: #fff; background: url(../images/dashboard-banner.jpg) 0 0 no-repeat;}
		.member-banner h1 {height: 134px; padding-top: 10px;}
	.content {max-width: 1230px; margin: auto; padding: 50px 0; overflow: hidden;}
	.secure {width: 435px; padding-top: 280px; background: url(../images/dl-certified.png) 0 65px no-repeat; float: left;}
	.faq {}
		.faq h4 {font-size: 24px; line-height: 1; border-top: 1px solid #c3c3c3; margin-top: 10px; padding-top: 30px; padding-bottom: 10px;}
		.faq h4:first-child {border-top: 0 none; margin-top: 0; padding-top: 0;}
	.why {width: 697px; padding-top: 280px; background: url(../images/visual.png) 0 0 no-repeat; float: right;}
	.protect {font-size: 42px; line-height: 1; text-align: center; padding: 40px 0;}
	.contact h2 {font-size: 18px;}
	.g-recaptcha-box {margin: 0 0 20px 124px;}
	.hidden-input {margin: 0; padding: 0; border: 0 none; width: 100%; height: 0; overflow: hidden;}
	.submission {}
		.submission form {}
		.submission .first-field {width: 47%; float: left; overflow: hidden;}
		.submission .last-field {width: 47%; float: right;}
		.submission-city {width: 50%; float: left;}
		.submission-state {width: 18%; float: left; margin-left:5%}
		.submission-zip {width: 22%; float: right;}
		.submission-version {width: 60%; float: left;}
		.submission-price {width: 35%; float: right;}
		.submission .submission-submit {text-align: center; padding: 50px 0; clear: both;}
		.submission label {display: block;}
		.submission input {width: 100%;}
		.submission button {font-size: 24px; font-weight: bold; width: 50%; padding: 20px;}
	.contact form {max-width: 455px; margin: auto;}
		.contact form label {width: 120px; display: inline-block; vertical-align: middle;}
		.contact form input, .contact form select, .contact form textarea {width: 330px;}
		.contact form textarea {height: 100px;}
		.contact form button {font-size: 24px; font-weight: bold; width: 100%; padding: 20px;}
		.change-pasword form label {width: 150px;}
		.change-pasword form input {width: 300px;}
	.member {width: 100%; min-height: 350px; overflow: hidden;}
		.member h2 {margin-bottom: 30px;}
		.member .order {font-size: 24px; font-weight: bold; text-decoration: none; padding: 15px 30px; display: inline-block;}
		.member table {width: 100%; border-top: 1px solid #d1d3d4; border-bottom: 1px solid #d1d3d4; margin-bottom: 30px;}
		.member th {background: #ebebec;}
		.member tr:nth-child(odd) td {background: #f1f1f1;}
		.member th, .member td {border-right: 1px solid #d1d3d4; padding: 7px;}
		.member th:first-child, .member td:first-child {border-left: 1px solid #d1d3d4;}
		.member .software-info {width: 50%; float: left;}
			.member .software-info label {width: 150px; display: inline-block; vertical-align: middle;}
		.member .software-link {clear: both; padding-top: 30px;}
			.member .software-link label {display: block; padding-bottom: 5px;}
			.member .software-link code {border: 1px solid #ccd5e0; background: #e2ecf8; padding: 20px; display: block;}
	.pricing {max-width: 1130px;}
		.pricing h2 {font-size: 36px; margin-bottom: 36px;}
		.pricing dl {width: 400px; margin: 0; float: left;}
		.pricing .with-payment {padding-bottom: 150px; background: url(../images/payments.png) 50% 100% no-repeat;}
		.pricing dt {font-size: 24px; font-weight: bold; margin-bottom: 20px;}
		.pricing dd {margin: 0;}
		.pricing dd:before {content: '• ';}
		.no-wrap {white-space: nowrap;}
		.price-table {text-align: center; margin: 50px 20px 0; float: right;}
		.plans {width: 140px; height: 220px; border: 1px solid #c7c8ca; border-left: 0 none; vertical-align: top; position: relative; transition: box-shadow 1s; -webkit-transition: -webkit-box-shadow 1s; display: inline-block; margin-left: -4px;}
			.plans:first-child {border-left: 1px solid #c7c8ca; margin-left: 0;}
			.plan-select:hover {background: #fff; z-index: 1;
				-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.35);
				box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.35);
			}
			.plans h4 {padding: 20px; background: #dcf3ba;}
			.plans .best-deal {
				background: #ec7820;
				background: -moz-linear-gradient(top, #ec7820 0%, #f8cc54 100%);
				background: -webkit-linear-gradient(top, #ec7820 0%, #f8cc54 100%);
				background: linear-gradient(to bottom, #ec7820 0%, #f8cc54 100%);
			}
			.plans h5 {font-size: 14px; line-height: 1; background: #64b200; color: #fff; height: 26px; padding: 5px; position: absolute; top: -26px; left: 0; right: 0;}
				.plans h5:before {content: ''; width: 0; height: 0; border-width: 7px 14px; border-style: solid; border-color: transparent; border-top-color: #64b200; position: absolute; top: 100%; left: 50%; margin-left: -14px;}
				.plans .row {padding: 10px 0;}
				.plans .bold {font-weight: bold;}
		.pricing .order {font-size: 18px; line-height: 1; text-decoration: none; padding: 5px 10px; display: inline-block; vertical-align: middle;}
		.pricing form {width: 620px; float: right;}
			.pricing .order-top {color: #fff; background: #797979; border: 1px solid #dddddd; border-bottom: 0 none; border-radius: 7px 7px 0 0; padding: 20px 30px; position: relative;}
				.pricing .order-top:before {content: ''; width: 124px; height: 126px; background: url(../images/best.png) 0 0 no-repeat; display: block; position: absolute; right: 20px; top: -13px;}
			.pricing .order-top h2 {color: #fff; font-size: 16px; line-height: 1; text-align: left; margin: 0 0 10px 0;}
			.pricing .order-top h3 {color: #fff; font-size: 30px; line-height: 1; text-align: left; margin: 0;}
			.pricing .form-main {background-color: #fbfbfb; border: 1px solid #dddddd; border-top: 0 none; border-radius: 0 0 7px 7px; padding: 30px;}
				.pricing .form-main p {margin-bottom: 10px;}
				.pricing .form-main .error{color:red}
				.pricing .form-main .icon-warning {text-align: left; padding-left: 174px;}
			.pricing form label:first-child {width: 170px; display: inline-block; vertical-align: top;}
			.pricing .group {display: inline-block;}
				.pricing .group strong {color: #42b800;}
				.pricing .group .row {display: block;}
			.pricing .submit-form {text-align: center; margin: 0; padding-top: 10px;}
				.pricing .submit-form button {font-size: 24px; font-weight: bold; line-height: 1; padding: 20px 30px; border-radius: 3px;}
			.pricing .form-extra {text-align: center; padding: 10px 0;}
				.pricing .form-extra em {font-style: italic;}
	.pricing-order {text-align: center; background: #ededee; padding: 48px 0;}
		.pricing-order h3 {font-size: 32px; display: inline-block; vertical-align: middle;}
		.pricing-order p {font-size: 32px; margin: 0 0 0 10px; display: inline-block; vertical-align: middle;}
		.pricing-order a {font-weight: bold; text-decoration: none; padding: 25px 37px; border-radius: 4px;}

footer {background: #272727; color: #d1d3d4; padding: 20px 100px;}
	footer nav {width: 100%; overflow: hidden; background: url(../images/logo.png) 100% 100% no-repeat;}
	footer div {padding: 10px 0; float: right; clear: right;}
	footer p {margin-bottom: 0; padding: 10px 0 0 0; float: right;}
	footer ul {list-style: none; padding: 0; border-top: 1px solid #5c5c5c; display: inline-block; float: left;}
	footer li {padding: 5px 30px 5px 10px; border-bottom: 1px solid #5c5c5c;}
	footer a {text-decoration: none; color: #d1d3d4; transition: color 1s;}
		footer a:hover {color: #fff;}


/* Responsive rules */
@media (max-width: 1300px) {
	.brand-name {padding-left: 20px;}
	header ul {padding-right: 20px;}
	.banner h1 {padding-right: 20px;}
	.content, .pricing-order {padding: 50px 20px;}
	.pricing-order h3, .pricing-order p {line-height: 1; text-align: center; display: block;}
	.pricing-order p {padding-top: 10px;}
		.pricing-order p a {width: 300px; display: block; margin: auto;}
	.protect {padding: 40px 20px;}
	.pricing dl {width: auto; float: none; margin-bottom: 30px;}
	.pricing .price-table {margin: auto; float: none;}
	.pricing form {margin: auto; float: none;}
	.why {width: 55%; background-size: 100% auto;}
	.secure {width: 35%; background-size: 100% auto;}
	footer {padding: 20px;}
}

@media (max-width: 1000px) {
	.contact-banner, .pricing-banner {height: auto; padding: 20px;}
	.contact-banner h1, .pricing-banner h1 {font-size: 18px; height: auto; padding: 0;}
}

@media (max-width: 950px) {
	.mobile-hide {display: none;}
	header {position: fixed; overflow: visible;}
		header ul {padding-right: 0;}
		header li {display: block;}
		header a {display: block; transition: none;}
		header span {display: none;}
		header .order {color: #272727; background: none;}
			header .order:hover {color: #5bae00; -webkit-box-shadow: none; box-shadow: none;}
		header nav {width: 150px; height: 100%; margin-left: 10px; padding-top: 51px; background: #f5f5f5; position: fixed; left: 100%; top: 0; transition: margin-left 1s;
			-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
			box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
		}
		header .member-nav {width: 200px;}
		header nav a {color: #272727;}
			header nav a:hover {color: #5bae00;}
	.menu-toggle {width: 24px; height: 24px; display: block; position: fixed; top: 35px; right: 20px; padding: 0;}
		.menu-toggle i {width: 100%; height: 3px; background: #fff; margin-top: 5px; display: block; transition: all 1s;}
			.menu-toggle i:first-child {margin-top: 0;}
	header.show nav {margin-left: -150px;}
	header.show .member-nav {margin-left: -200px;}
	header.show .menu-toggle i {background: #272727;}
	header.show .menu-toggle i:first-child {transform: rotate(35deg) translateY(2px);}
	header.show .menu-toggle i:first-child + i {opacity: 0;}
	header.show .menu-toggle i:first-child + i + i {transform: rotate(-35deg) translateY(-2px);}
	header.show ul {float: none;}
	header.show li {position: static;}
	header.show li div {padding: 0 0 20px 0; margin: 0; display: block; position: static;}
		header.show li div:before {display: none;}
		header.show li ul {padding: 0 0 0 20px; background: transparent; -webkit-box-shadow: none; box-shadow: none;}
		header.show li ul li {border: 0 none;}
		header.show li ul a {color: #272727; padding: 5px 17px;}
		header.show li ul a:hover {color: #5bae00;}
	section {padding-top: 93px;}
	.why,.secure {width: 100%; background-position: 50% 0; background-size: auto; float: none;}
	.secure {padding-top: 150px;}
	.banner {height: auto; padding: 0;}
		.banner h1 {padding: 45px 20px; background: none;}
}

@media (max-width: 750px) {
	.why {padding-top: 20px; background: none;}
	.pricing form {width: auto;}
}

@media (max-width: 650px) {
	.pricing .price-table {font-size: 12px;}
		.plans {width: 90px; height: 180px;}
		.plans h5 {font-size: 8px; height: 19px; top: -19px;}
		.pricing .order {font-size: 10px;}
	.submission .first-field {width: 100%; float: none;}
	.submission .last-field {width: 100%; float: none;}

	footer {text-align: center;}
	footer ul {display: block; float: none;}
	footer nav {background: none;}
	footer p {float: none; clear: both;}
}

@media (max-width: 488px) {
	h1 {font-size: 35px;}
	input, select, textarea {max-width: 100%;}
	.secure {background-size: 100% auto;}
	.pricing .order {font-size: 12px;}
	.plans {width: 80px;}
		.plans h4 {padding: 20px 0;}
		.plans:first-child {display: none;}
		.plans:first-child + .plans {border-left: 1px solid #c7c8ca; }
	.pricing-order p a {font-size: 18px; width: 100%; display: block; margin: auto;}
	.pricing form label:first-child {display: block;}
	.pricing input[type=text] {width: 100%;}
	.pricing select {max-width: 100%;}
}