@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,600,600i,700,700i,900,900i');

* {
	margin: 0;
	padding: 0;
}

html, body {
	font-family: 'Source Sans Pro', sans-serif;
	height: 100%;
}

.home {
	width: 100%;
	height: auto;
	min-height: 100%;
	background-image: url(../_img/banner-inicial.png);
	background-position: center center;
	background-size: auto;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
}

.next {
	left: 50%;
	position: absolute;
	bottom: 10px;
	z-index: 10;
	animation: animate .9s linear infinite;
}

.next i {
	color: #fff;
	font-size: 1.5rem;
}

@keyframes animate {
	0% {
		transform: translateY(-25px);
	}
}

@media (max-width: 767px) {
	.next {
		bottom: 50px;
	}
}

.textohome h1 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 4rem;
	font-weight: 700;
	color: #fff;
	text-align: left;
	margin-bottom: 0px;
}


@media (max-width: 767px) {
	.textohome h1 {
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 2rem;
		font-weight: 700;
		color: #fff;
		text-align: center;
		margin-bottom: 0px;
	}

	.home {
		background-image: url(../_img/banner-inicial-mobile.png);
	}
}

.textoprincipal h1 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 3rem;
	font-weight: 700;
	color: #009836;
	text-align: left;
	margin-left: 30px;
}

.textoprincipal p {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
	font-weight: 400;
	color: #333;
	text-align: left;
	margin: 30px 0px 30px 30px;
}


.textoprincipal2 h1 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 3rem;
	font-weight: 900;
	color: #fff;
	text-align: left;
}

.textoprincipal2 p {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.2rem;
	font-weight: 400;
	color: #fff;
	text-align: left;
	margin: 30px 30px 30px 0px;
}

.textoprincipal3 h1 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 3rem;
	font-weight: 900;
	color: #009836;
	text-align: left;
}

.textoprincipal3 p {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.2rem;
	font-weight: 400;
	color: #fff;
	text-align: left;
	margin: 30px 30px 30px 0px;
}

.textoprincipal4 h1 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 3rem;
	font-weight: 700;
	color: #009836;
	text-align: left;
	margin-left: 30px;
	margin-top: 150px;
}

.textoprincipal4 p {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
	font-weight: 400;
	color: #333;
	text-align: left;
	margin: 30px 0px 30px 30px;
}

.textoprincipal4 a {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
	font-weight: 400;
	color: #333;
	text-align: left;
	text-decoration: none;
}

.textoprincipal4 a:hover {
	font-weight: 600;
	color: #009836;
	text-decoration: none;
}

.textoprincipal4 button {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
	font-weight: 400;
	color: #fff;
	text-align: left;
	margin: 30px 0px 30px 30px;
	padding: 10px 20px;
	background-color: #009836;
	border: solid 1px #009836;
}

.textoprincipal4 button:hover {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
	font-weight: 400;
	color: #009836;
	text-align: left;
	margin: 30px 0px 30px 30px;
	padding: 10px 20px;
	background-color: #fff;
	border: solid 1px #009836;
}


@media (max-width: 767px) {
	.textoprincipal h1 {
		margin-top: 150px;
		margin-left: 25px;
	}

	.textoprincipal p {
		margin-bottom: 600px;
		margin-left: 25px;
		margin-right: 25px;
	}

	.textoprincipal2 h1 {
		margin-top: 150px;
		margin-left: 25px;
	}

	.textoprincipal2 p {
		margin-bottom: 400px;
		margin-left: 25px;
		margin-right: 25px;
	}

	.textoprincipal3 h1 {
		margin-top: 150px;
		margin-left: 25px;
	}

	.textoprincipal3 p {
		margin-bottom: 300px;
		margin-left: 25px;
		margin-right: 25px;
	}

	.textoprincipal4 h1 {
		margin-top: 150px;
		margin-left: 25px;
	}

	.textoprincipal4 p {
		margin-left: 25px;
		margin-right: 25px;
	}
}

#sobre {
	width: 100%;
	height: auto;
	min-height: 100%;
	background-color: #fff;
	display: flex;
	align-items: center;
	background-image: url(../_img/sobre.png);
	background-repeat: no-repeat;
	background-position: left;
	background-size: 50%;
}


#servicos {
	width: 100%;
	height: auto;
	min-height: 100%;
	background-color: #009836;
	display: flex;
	align-items: center;
	background-image: url(../_img/servicos.png);
	background-blend-mode: multiply;
	background-repeat: no-repeat;
	background-position: right;
	background-size: 50%;
}

#sistema-gestao {
	width: 100%;
	height: auto;
	min-height: 100%;
	background-color: #333;
	display: flex;
	align-items: center;
	background-image: url(../_img/gestao.png);
	background-blend-mode: multiply;
	background-repeat: no-repeat;
	background-position: left;
	background-size: 50%;
}


#fotos {
	width: 100%;
	height: auto;
	background-color: #fff;
	padding: 40px 20px;
}

#fotos img {
	width: 100%;
	padding: 20px 5px;
}

#contato {
	width: 100%;
	height: auto;
	min-height: 100%;
	background-color: #fff;
	display: flex;
	align-items: center;
}


@media (max-width: 767px) {
	#sobre {
		min-height: auto;
		display: block;
		background-image: url(../_img/sobre.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		background-size: 100%;
	}

	#servicos {
		min-height: auto;
		display: block;
		background-image: url(../_img/servicos.png);
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: 100%;
	}

	#sistema-gestao {
		min-height: auto;
		display: block;
		background-image: url(../_img/gestao.png);
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: 100%;
	}

	#fotos {
		padding: 20px 10px;
	}

	#fotos img {
		width: 100%;
		padding: 10px 3px;
	}
}

/* Formulário Contato */

.form {
	margin: 30px;
}

.form input, .form textarea {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
	color: #000;
	padding-left: 5px;
	margin-top: 30px;
}

.form label.error {
	float: left;
	margin-top: 25px;
	margin-right: 15px; 
}
 
.form input[type='text'], .form input[type='email']{
	width: 90%;
	height: 30px;
	border: 1px solid #fff;;
	border-bottom: 1px solid #009836;;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
	color: #000;
}

.form textarea[type='text'] {
	width: 90%;
	height: auto;
	border: 1px solid #fff;;
	border-bottom: 1px solid #009836;;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
	color: #000;
}


.form input[type='submit'] {
	width: 30%;
	height: 40px;
	background-color: #009836;;
	border: 1px solid #009836;;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
	color: #fff;
}

.form input[type='submit']:hover {
	cursor: pointer;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
	color: #009836;
	background-color: #fff;
	border: 3px solid #009836;;
}

.g-recaptcha {
	margin-top: 20px;
}

@media (max-width: 767px) {
	.form {
		margin-left: 20px;
		margin-bottom: 30px;
	}

	.form input[type='text'], .form input[type='email'], .form textarea[type='text'] {
	width: 80%;
	}

	.form input[type='submit'] {
	width: 50%;
	}
}


/* Footer */

section#todos-direitos {
	font-family: 'Source Sans Pro', sans-serif;
	height: auto;
	width: 100%;
	background-color: #009836;
}

section#todos-direitos p {
	font-family: 'Source Sans Pro', sans-serif;
	color: #fff;
	font-size: 1rem;
	font-weight: 400;
	margin-top: 12px;
	text-align: left;
}

img#nico-criativo {
	width: 70px;
	margin-top: 15px;
}

@media (max-width: 767px) {
	section#todos-direitos {
	width: 100%;
	height: auto;
	}

	section#todos-direitos p {
	text-align: center;
	margin-left: 30px;
	margin-right: 30px;
	}

	img#nico-criativo {
	margin-bottom: 20px;
	}
	
}