body {margin: 0; padding: 0; font-family: 'Poppins', sans-serif;}
* {outline: 0}
ul,li,ol {list-style-type: none; padding: 0; margin: 0;}
h1,h2,h3,h4,h5 {margin: 0; padding: 0;}
a {text-decoration: none;}
.wrapper {overflow: hidden;}
.header:after,.container:after, #submit:after, .clr {content:' '; clear: both; display: block; height: 0; overflow: hidden;}
#logo {float: left;}
#logo img {height: 40px; width: auto;}
.footerlogo {float: left;}
.footerlogo img {height: 40px; width: auto;}
.header {padding: 30px; background: #FFFFFF; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.17);}
.container {width: 1170px; margin: 0 auto;}
section {padding: 60px 0;}
nav {float: right;}
nav ul li {float: left;}
nav ul li a  {transition: 300ms all;float: left; color: #474D52; text-decoration: none; margin-left: 30px; margin-top: 15px;}
.hero {background: url(images/hero.png); background-size: cover; background-position: center top; }
nav ul li a:hover {color: #34CA78}
.join {transition: 300ms all;}
.join:hover {
	background-color: #fff;
	color: #34CA78;
	transform: scale(.9); box-shadow: 0px 0px 20px rgba(0,0,0,.1)}
.hero .herotitle {
font-weight: 800;
font-size: 56px;
color: #474D52;
display: block;
text-align: center;
letter-spacing: -1.5px;}
.hero .herosub {
	width: 70%;
	display: block;
	margin: 0 auto;
font-weight: normal;
font-size: 22px;
color: #474D52;
letter-spacing: -0.39px;
text-align: center;
line-height: 44px;
margin-top: 30px;
}
.hero {padding-bottom: 120px;}
.join {display: block; width: 250px;
	color:#fff;
background: #34CA78;
font-weight: 800;
border-radius: 30px;
font-size: 36px;
color: #FFFFFF;
margin: 0 auto;
letter-spacing: -1.8px; text-align: center; margin-top: 60px;}
.why {background: url(images/why.png); background-size: 100%; background-attachment: fixed;}
.fleft {float: left; width: 45%; margin-right: 5%;}
.fright {float: left; width: 50%}
.talingc {text-align: center;}
.talingc img{ max-width: 60%; height: auto; margin-top: 30px;}
p { margin: 0;
opacity: 0.8;
font-size: 18px;
color: #474D52;
letter-spacing: -0.9px;
text-align: justify;
line-height: 35px; 
margin-bottom: 30px;}
.why h2 {
font-weight: 600;
font-size: 28px;
color: #474D52;
letter-spacing: -0.75px;
margin-bottom: 20px;}
.whatwedo {background-color: #ECECEC; background-size: cover; background: url(images/whatbg.png); }
.whatwedo h2 {
	font-weight: 600;
font-size: 88px;
width: 60%;
color: #343434;
letter-spacing: -2.36px;
line-height: 76px;}
.howto {background-color: #FBE000}
.howto {background-image: url(images/jq.png); background-position: right -50px; background-size: 225px;
background-repeat: no-repeat;}
.howto h2 {
font-weight: 600;
font-size: 88px;
color: #000000;
width: 50%;
letter-spacing: -2.36px;
line-height: 76px;
margin-bottom: 40px;}
.faq {background: url(images/faqbg.png); background-attachment: fixed; background-position: top; background-size: cover;}
.faq h3 {
font-weight: 600;
font-size: 88px;
color: #FFFFFF;
letter-spacing: -2.36px;
line-height: 76px;}
.fitem {
padding: 20px;
margin-bottom: 4%;
background: #FFFFFF;
box-shadow: 0 1px 3px 0 rgba(0,0,0,0.17);
border-radius: 2px;
}
.fitem .title {font-weight: 600;}
.contact h4 {
font-weight: 600;
font-size: 88px;
color: #343434;
width: 40%;
letter-spacing: -2.36px;
line-height: 76px;}
.form { width: 600px; margin: 30px auto; }
.pad30 {padding: 60px 0 !important;}
.input {width: calc(44% - 40px); margin:2%; float: left;
background: #FFFFFF;
padding:20px;
border: 1px solid #979797;
display: block;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
font-weight: 800;
font-size: 16px;
color: #343434;
letter-spacing: -0.43px;
}
textarea {width: calc(100% - 85px); margin:2%; float: left;
background: #FFFFFF;
padding:20px;
border: 1px solid #979797;
display: block;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
font-weight: 800;
font-size: 16px;
color: #343434;
letter-spacing: -0.43px;}
#submit {margin-top: 20px;}
h2.herosub {
    text-shadow: 0px 2px 34px rgba(255,255,255);
}

::-webkit-input-placeholder { 
  color: #343434;
}
::-moz-placeholder { 
 color: #343434;
}
:-ms-input-placeholder { 
 color: #343434;
}
:-moz-placeholder { 
  color: #343434;
}


.sprite {
    display:none;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAWCAYAAACyjt6wAAAAiElEQVRIS2PUDg1lk/nxr4mBgSGNgeG/IMOgAIzvGRgYZj3hYKpjdPcN7mBg+F8+KNyF4QjGTpAD3w2ekEN3IeP7IeHAwR3Fgz6TDM7MgXAV46B34KCP4tFykKI0NFoOUhR8DAwMjJ2Mgz6TUOpHWusfLQfJC+HR9iB54Yapa7QcpDQkh0A5CAAPr1rRaDulOQAAAABJRU5ErkJggg==');
}

@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
	.sprite {
		 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAsCAYAAADy8T8XAAABjklEQVRoQ+3bv0oDQRDH8ZlgJb6Az5AHsBchxCKBnGU6/zyUaJdShTSKINb6AD6DD2Cwkozs3RmiaHZ39jq/VyRFZq74cMvO/sKptJeZ6eH46GQpciwifTHb+fqNbxFRXYjIS0/k8nZ+daGqFlw0fAwm0139eJ+ZyT5YcQFVebSt7en9zexVw5M3HFcP4MXh1isC4t38+kCHo+p0aXae1051EOipnulgVD2J2R4kDgHV5wD4xobhwKt3EF0A6LSr21pAlrAXMSxhNhGvXruJMMb4AFdjDIN0PuC3QZqjXCLgpqNc4i0o+0WgPgtz+QUA9Ns1o2Bh/79vXwGSB0aeBfLA7hYLeWAHluSBHSCSB5YikgcWCpIHdgNIHuh1JA/0yjV99SZCHuhDJA/0uTXn3/U/1skDEyXJAxOhMstIYzLBfpYDCGChQGE7eWAqIHlgqlS8jjwwbhStIA+MEsULyAPjRpsryAMLBckDuwEkD/Q6kgd65cgDy+TaSKt+zSHciRdt8jzJA/O8muo/jnKf+48rTHPVeY4AAAAASUVORK5CYII=');
		 background-size: 40px 22px;
	}
}

.sprite-menu {
	width: 40px;
	height: 22px;
	background-position: 0 0;
}

.inval {
    position: relative;
    float: left;
    width: 50%;
    margin-bottom:20px
}
.error {position:absolute; z-index:99; left:0px; top:-20px; color:#cb2626;}

.input {
    width: calc(90% - 40px); }
    
.inval.tarea {
    width: 100%;
    float: none;
}