body {
	margin:0;
	padding:0;
	color:#626262;
	font-size:14px;
}
body, input, select, textarea, button, td, span {
	font-family:'Roboto', sans-serif;
}
.home-intro-wrapper {
	background-image:url(//static.shop033.com/resources/50/336/Image/Website-2016/ashop-home-intro-bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	padding:0 15px;
}
.home-intro-wrapper .home-intro {
	max-width:980px;
	width:100%;
	margin:0 auto;
	padding:80px 0 90px 0;
}
.home-intro-wrapper .home-intro h2 {
	font-family:'Roboto Slab', serif;
	font-size:47px;
	font-weight:400;
	margin-top:0;
	color:#464646;
	line-height:86px;
	letter-spacing:-1px;
}
.home-intro-wrapper .home-intro h2 strong {
	font-size:59px;
	font-weight:700;
	display:block;
}
.home-intro-wrapper .home-signup-wrapper {
	max-width:830px;
	width:100%;
	margin:0 auto;
	padding-top:40px;
}
.home-intro-wrapper .home-signup-wrapper .home-signup-wrapper-text {
	font-size:30px;
	font-weight:300;
	color:#464646;
	padding-left:20px;
}
.home-intro-wrapper .home-signup-wrapper .home-signup-wrapper-text strong {
	font-size:14px;
	font-weight:900;
	text-transform:uppercase;
	display:block;
	padding-top:5px;
}
.home-intro-wrapper .home-signup-wrapper .home-signup-form {
	background-color:#fff;
	padding:20px;
	margin-top:30px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2);
	box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2);
}
.home-intro-wrapper .home-signup-wrapper .home-signup-form .signup-form-form:after {
	content:"";
	display:table;
	clear:both;
}
.home-intro-wrapper .home-signup-wrapper .home-signup-form .signup-form-form .inputs {
	float:left;
	width:calc(100% - 228px);
}
.home-intro-wrapper .home-signup-wrapper .home-signup-form .signup-form-form .inputs input {
	height:45px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid #cecece;
	width:48%;
	font-size:18px;
	font-weight:500;
	text-indent:10px;
	color:#464646;
}
.home-intro-wrapper .home-signup-wrapper .home-signup-form .signup-form-form button {
	width:228px;
	float:left;
	height:44px;
	line-height:42px;
	text-align:left;
	background-color:#61ba1a;
	border:0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0px 5px 0px #559622;
	-webkit-box-shadow:0px 5px 0px #559622;
	box-shadow:0px 5px 0px #559622;
	cursor:pointer;
	color:#fff;
	font-size:24px;
	font-weight:600;
	text-transform:uppercase;
	padding-left:19px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}
.home-intro-wrapper .home-signup-wrapper .home-signup-form .signup-form-form button:hover {
	background-color:#57ab13;
	-moz-box-shadow:0px 5px 0px #498917;
	-webkit-box-shadow:0px 5px 0px #498917;
	box-shadow:0px 5px 0px #498917;
}
.home-intro-wrapper .home-signup-wrapper .home-signup-form .signup-form-form button img {
	float:right;
	padding:0 4px 0 12px;
	border-left:1px solid #4f9715;
	height:44px;
	width:auto;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}
.home-intro-wrapper .home-signup-wrapper .home-signup-form .signup-form-form button:hover img {
	border-left:1px solid #498917;
}
.home-intro-wrapper .home-signup-wrapper .home-signup-form .signup-form-form button:active img {
	padding:0 5px 0 12px;
}
.home-wrapper {
	padding:60px 15px 70px 15px;
}
.home-wrapper-silver {
	background-color:#f3f3f3;
}
.home-wrapper-dark {
	background-color:#353535;
	background-image:url(//static.shop033.com/resources/50/336/Image/Website-2016/dark-texture.png);
	background-repeat:repeat;
	background-position:center top;
}
.home-wrapper-partners {
	padding:50px 15px 50px 15px;
}
.home-feature {
	padding:40px 15px 40px 15px;
}
.home-wrapper .home-wrapper-content {
	max-width:980px;
	width:100%;
	margin:0 auto;
}
.home-wrapper .home-wrapper-content:after {
	display:table;
	content:"";
	clear:both;
}
.home-wrapper h2 {
	font-family:'Roboto Slab', serif;
	font-size:45px;
	color:#555555;
	font-weight:300;
	text-align:center;
	margin:0 0 55px 0;
}
.home-wrapper .home-wrapper-content {
	max-width:980px;
	width:100%;
	margin:0 auto;
}
.home-wrapper .home-wrapper-content .metric-driven-wrapper:after {
	display:table;
	content:"";
	clear:both;
}
.home-wrapper .home-wrapper-content .metric-driven-wrapper div {
	float:left;
	width:25%;
	padding:0 20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	text-align:center;
	line-height:150%;
}
.home-wrapper .home-wrapper-content .metric-driven-wrapper div img {
	width:135px;
	height:135px;
	margin:0 auto 20px auto;
}
.home-wrapper .home-wrapper-content .metric-driven-wrapper div strong {
	font-size:24px;
	font-weight:500;
	display:block;
	margin-bottom:17px;
	color:#555555;
}
.home-wrapper .home-wrapper-content .coffeeflow {
	margin-top:-90px;
	padding-bottom:10px;
}
.home-wrapper .home-wrapper-content .coffeeflow img {
	-moz-box-shadow:0px 2px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:0px 2px 5px rgba(0, 0, 0, 0.1);
	box-shadow:0px 2px 5px rgba(0, 0, 0, 0.1);
}
.home-wrapper.home-wrapper-partners .home-wrapper-content img {
	width:100%;
	height:auto;
}
.home-wrapper .home-wrapper-content .home-feature-wrapper {
	padding-top:10px;
}
.home-wrapper .home-wrapper-content .home-feature-wrapper:after {
	display:table;
	content:"";
	clear:both;
}
.home-wrapper .home-wrapper-content .home-feature-wrapper div {
	float:left;
	width:33.3%;
	text-align:center;
	color:#e9e9e9;
	height:330px;
	line-height:150%;
	padding:0 40px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-transition:background-color 300ms ease;
	-moz-transition:background-color 300ms ease;
	-o-transition:background-color 300ms ease;
	transition:background-color 300ms ease;
}
.home-wrapper .home-wrapper-content .home-feature-wrapper div:hover {
	background-color:rgba(255, 255, 255, 0.05);
}
.home-wrapper .home-wrapper-content .home-feature-wrapper div img {
	opacity:0.9;
	margin-bottom:10px;
}
.home-wrapper .home-wrapper-content .home-feature-wrapper div strong {
	display:block;
	font-size:24px;
	font-weight:500;
	margin-bottom:20px;
}
.home-wrapper .home-wrapper-content .testimonial-wrapper {
	background-color:#f3f3f3;
	font-size:18px;
	font-weight:300;
	color:#696969;
	padding:22px 30px 32px 30px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	display:block;
	text-align:center;
}
.home-wrapper .home-wrapper-content .testimonial-wrapper strong {
	font-size:24px;
	color:#555555;
	display:block;
	margin-bottom:12px;
	font-weight:500;
}
.home-wrapper .home-wrapper-content .testimonial-arrow {
	text-align:center;
	display:block;
	padding-right:180px;
	margin-bottom:10px;
}
.home-wrapper .home-wrapper-content .testimonial-arrow img {
	margin:0 auto;
}
.home-wrapper .home-wrapper-content .testimonial-person {
	text-align:left;
	display:block;
	width:280px;
	height:100px;
	margin:0 auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.home-wrapper .home-wrapper-content .testimonial-person:after {
	display:table;
	content:"";
	clear:both;
}
.home-wrapper .home-wrapper-content .testimonial-person img {
	float:left;
	margin-right:10px;
}
.home-wrapper .home-wrapper-content .testimonial-person strong {
	padding-top:27px;
	display:block;
	color:#555555;
	font-weight:500;
	font-size:16px;
	line-height:24px;
}
@media screen and (max-width: 980px) {
.home-intro-wrapper .home-intro h2 {
font-size:42px;
}
.home-intro-wrapper .home-intro h2 strong {
font-size:52px;
}
}
@media screen and (max-width: 780px) {
.home-intro-wrapper .home-intro h2 {
font-size:32px;
line-height:54px;
}
.home-intro-wrapper .home-intro h2 strong {
font-size:40px;
}
.home-intro-wrapper .home-signup-wrapper .home-signup-wrapper-text {
font-size:28px;
padding-left:0px;
}
.home-wrapper .home-wrapper-content .metric-driven-wrapper div {
width:50%;
}
.home-wrapper .home-wrapper-content .metric-driven-wrapper div:nth-of-type(1), .home-wrapper .home-wrapper-content .metric-driven-wrapper div:nth-of-type(2) {
margin-bottom:40px;
}
.home-wrapper .home-wrapper-content .home-feature-wrapper div {
width:50%;
}
.home-wrapper h2 {
font-size:36px;
}
}
@media screen and (max-width: 640px) {
.home-intro-wrapper .home-intro {
padding-bottom:60px;
padding-top:60px;
}
.home-intro-wrapper .home-signup-wrapper {
padding-top:20px;
}
.home-intro-wrapper .home-signup-wrapper .home-signup-form {
padding-bottom:24px;
}
.home-intro-wrapper .home-signup-wrapper .home-signup-form .signup-form-form .inputs {
float:none;
width:100%;
}
.home-intro-wrapper .home-signup-wrapper .home-signup-form .signup-form-form .inputs input {
width:48.8%;
}
.home-intro-wrapper .home-signup-wrapper .home-signup-form .signup-form-form button {
display:block;
float:none;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}
}
@media screen and (max-width: 570px) {
.home-intro-wrapper .home-signup-wrapper .home-signup-form .signup-form-form .inputs input {
width:48.6%;
}
.home-wrapper .home-wrapper-content .home-feature-wrapper div {
width:100%;
float:none;
height:310px;
}
.home-wrapper .home-wrapper-content .home-feature-wrapper div img {
margin-bottom:5px;
}
.home-wrapper .home-wrapper-content .home-feature-wrapper div strong {
margin-bottom:15px;
}
.home-wrapper .home-wrapper-content .home-feature-wrapper {
margin-top:-20px;
padding-top:0;
}
.home-feature {
padding-bottom:20px;
}
}
@media screen and (max-width: 500px) {
.home-intro-wrapper .home-signup-wrapper .home-signup-form .signup-form-form .inputs input {
width:100%;
}
.home-intro-wrapper .home-signup-wrapper .home-signup-form .signup-form-form .inputs input:nth-of-type(1) {
margin-bottom:10px;
}
.home-intro-wrapper .home-intro {
padding-bottom:40px;
padding-top:30px;
}
.home-intro-wrapper .home-signup-wrapper .home-signup-wrapper-text {
font-size:24px;
}
.home-wrapper h2 {
font-size:30px;
}
.home-intro-wrapper .home-signup-wrapper {
padding-top:10px;
}
.home-wrapper {
padding-bottom:30px;
padding-top:40px;
}
.home-wrapper .home-wrapper-content .coffeeflow {
margin-top:-110px;
padding-bottom:20px;
}
.home-wrapper .home-wrapper-content .metric-driven-wrapper div {
width:100%;
}
.home-wrapper .home-wrapper-content .metric-driven-wrapper div:nth-of-type(1), .home-wrapper .home-wrapper-content .metric-driven-wrapper div:nth-of-type(2), .home-wrapper .home-wrapper-content .metric-driven-wrapper div:nth-of-type(3) {
margin-bottom:40px;
}
.home-wrapper .home-wrapper-content .metric-driven-wrapper div:nth-of-type(4) {
margin-bottom:20px;
}
.home-wrapper-partners {
display:none;
}
.home-wrapper h2 {
margin-bottom:45px;
}
.home-wrapper .home-wrapper-content .testimonial-wrapper {
font-size:16px;
}
.home-wrapper .home-wrapper-content .testimonial-wrapper strong {
font-size:20px;
}
}