/*
#03bbb0 - VERDE CLARO
#2c7681 - VERDE ESCURO

*/

body{
	background-color: #fff;
	font-family: 'Roboto', sans-serif;
	}

/* HEADER */
header{
	background-color: #fff;
	border-bottom: 2px solid #03bbb0;
	}

/* NAVBAR */
.nav-link{
	font-size: 1.3em;
	margin-right: 1.3em;
	}

.btn-verde-claro{
	background-color: #03bbb0;
	border: none;
	border-radius: 5em;
	font-size: 1.2em;
	}

.btn-verde-escuro{
	background-color: #2c7681;
	border: none;
	border-radius: 5em;
	font-size: 1.2em;
	}

.btn-verde-claro:hover,
.btn-verde-escuro:hover{
	background-color: #003300;
	}


/* AGENDAMENTO */
#agendamento{
	background-color: #ffffff;
	}

#agendamento h1{
	color: #000;
	font-weight: 300;
	font-size: 2em;
	}

#agendamento h1 span{
	color: #2c7681;
	font-weight: 500;
	font-size: 1.5em;
	}

#agendamento h2{
	color: #2c7681;
	font-weight: 500;
	font-size: 1.8em;
	padding-top: 1em;
	padding-bottom: 0.5em;
	}

#agendamento form input.form-control{
	border-color: #03bbb0;
	border-radius: 10em;
	padding-left: 2em !important;
	color: #888;
	}

#agendamento form input.form-control::placeholder{
	color: #adadad;
	}

/* APRESENTACAO */
#apresentacao{
	background-color: #03bbb0;
	}

#apresentacao p{
	color: #fff;
	font-weight: 500;
	font-size: 1.5em;
	}

/* BENEFICIOS */
#beneficios{
	background-color: #2c7681;
	}

#beneficios h2{
	color: #fff;
	font-weight: 500;
	font-size: 2.8em;
	}

#beneficios h3{
	color: #fff;
	font-weight: 500;
	font-size: 1.8em;
	}

#beneficios p{
	color: #fff;
	font-weight: 300;
	font-size: 1.3em;
	padding-left: 1.3em;
	padding-right: 1.3em;
	}

#beneficios .destaque{
	color: #fff;
	font-weight: 500;
	font-size: 1.3em;
	border: 1px solid #03bbb0;
	padding: 1.6em;
	}

/* PARCEIROS */
#parceiros{
	background-color: #fff;
	border-bottom: 2px solid #03bbb0;
	}

#parceiros h2{
	color: #2c7681;
	font-weight: 500;
	font-size: 2.8em;
	}

#parceiros .parceiro-maes{
	padding-left: 2em;
	padding-right:2em;
	}

#parceiros .parceiro-alvaro{
	padding-left: 3em;
	}


/* PERGUNTAS */
#perguntas{
	background-color: #fff;
	border-bottom: 2px solid #03bbb0;
	}

#perguntas h2{
	color: #2c7681;
	font-weight: 500;
	font-size: 2.8em;
	}

#perguntas a.btn-pergunta{
	color: #2c7681;
	font-weight: 500;
	font-size: 1.2em;
	}

#perguntas .card-body{
	color: #000;
	font-weight: 300;
	font-size: 1.2em;
	}


#perguntas hr{
	color: #03bbb0;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border-width: 2px;
	}

/* CONTEUDO */
#conteudo{
	background-color: #fff;
	border-bottom: 2px solid #03bbb0;
	}

#conteudo h2{
	color: #2c7681;
	font-weight: 500;
	font-size: 2.8em;
	}

#conteudo h3{
	color: #03bbb0;
	font-weight: 500;
	font-size: 2em;
	text-align: center;
	}

#conteudo h4{
	color: #2c7681;
	font-weight: 500;
	font-size: 2em;
	padding-top: 1.2em;
	padding-bottom: 1.2em;
	}

#conteudo p{
	font-size: 1.5em;
	font-weight: 300;
	}

#conteudo ul{
	padding-top: 2em;
	}

#conteudo ul li{
	font-size: 1.3em;
	font-weight: 300;
	padding-bottom: 1em;
	}

/* FOOTER */
footer{
	background-color: #fff;
	}

footer .horario{
	border-bottom: 2px solid #03bbb0;
	}

footer .horario h3{
	color: #03bbb0;
	font-size: 1.5em;
	}

footer .horario p{
	font-size: 1.3em;
	}

footer .frase{
	color: #03bbb0;
	font-weight: 500;
	text-align: left;
	}


footer .footer-copyright{
	background-color: #2c7681;
	color: #fff;
	font-weight: 300;
	}

footer .whatsapp{
	color: #000;
	font-size: 1.7em;
	text-decoration: none;
	}

footer .ddd{
	font-size: 0.5em;
	}


/* SMARTPHONES */
@media only screen and (max-width: 599px) {

	.nav-link{margin-left: 1.3em;border-bottom: 1px solid #03bbb0;}

	#agendamento {text-align: center;padding: 2em 1em;}
	#agendamento h1{font-size: 1.6em;}
	#agendamento h1 span{font-size: 1.2em;}
	#agendamento h2{font-size: 1.7em;padding-top: 0.5em;}
	/*#agendamento img{padding-top: 1.5em;}*/

	#apresentacao {padding: 2em 1em;}
	#apresentacao img{width: 45%;}
	#apresentacao p{padding-top: 1em;text-align: center;}

	#beneficios{padding: 2em 1em;}
	#beneficios h2{font-size: 2.2em;padding: 1em 1em;}

	#parceiros{padding: 2em 1em;}
	#parceiros h2{font-size: 2.2em;padding: 1em 1em;}
	#parceiros img{width: 65%;margin: 1em;}

	#parceiros .parceiro-maes{
		padding-left: 1.7em;
		padding-right:1.7em;
		}

	#parceiros .parceiro-alvaro{
		padding-left: 0;
		}

	#perguntas{padding: 4em 1em;}
	#perguntas h2{font-size: 2.2em;}
	#perguntas a img{display: none;}

	footer .telefone-whatsapp{padding: 2em;}

	#conteudo{padding: 2em 1em;}
	#conteudo h2{font-size: 2.2em;}
	#conteudo h3{font-size: 1.7em;}
	#conteudo h4{font-size: 1.7em;padding-top: 1em;padding-bottom: 0.5em;text-align: center;}
	#conteudo p{text-align: center;}
	#conteudo ul li{list-style-position: inside;}


	}

/* TABLETS */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	#agendamento {padding: 2em 1em;}
	
	#apresentacao {padding: 2em 1em;}
	#apresentacao img{width: 25%;}
	#apresentacao p{padding-top: 1em;text-align: center;}
	
	#beneficios{padding: 4em 1em;}
	#beneficios h2{padding-bottom: 1em;}

	#parceiros{padding: 4em 1em;}
	#parceiros h2{padding-bottom: 1em;}
	#parceiros img{width: 75%;}

	#perguntas{padding: 4em 1em;}
	#perguntas h2{padding-bottom: 1em;}

	footer .telefone-whatsapp{padding: 2em;}
	footer .logo-frase{padding-left:10em;padding-right:10em;}

	#conteudo{padding: 3em 1em;}
	#conteudo h2{font-size: 2.2em;}
	#conteudo h3{font-size: 1.7em;}
	#conteudo h4{font-size: 1.7em;padding-top: 1em;padding-bottom: 0.5em;text-align: center;}
	#conteudo p{text-align: center;}
	#conteudo ul li{list-style-position: inside;}

	}

/* LAPTOP / DESKTOP */
@media only screen and (min-width: 960px) and (max-width: 1280px) {

	#agendamento {padding: 3em 1em;}
	
	#apresentacao {padding: 2em 1em;}
	
	#beneficios{padding: 4em 1em;}
	#beneficios h2{padding-bottom: 1em;}

	#parceiros{padding: 4em 1em;}
	#parceiros h2{padding-bottom: 1em;}

	#perguntas{padding: 4em 1em;}
	#perguntas h2{padding-bottom: 1em;}

	#conteudo{padding: 4em 1em;}
	#conteudo h2{font-size: 2.2em;}
	#conteudo h3{font-size: 1.7em;}
	#conteudo h4{font-size: 1.7em;padding-top: 1em;padding-bottom: 0.5em;}
	#conteudo ul li{list-style-position: inside;}

	}

/* DESKTOP */
@media only screen and (min-width: 1281px) {

	#agendamento {padding: 4em 1em;}
	
	#apresentacao {padding: 4em 1em;}
	
	#beneficios{padding: 4em 1em;}
	#beneficios h2{padding-bottom: 1em;}

	#parceiros{padding: 4em 1em;}
	#parceiros h2{padding-bottom: 1em;}

	#perguntas{padding: 4em 1em;}
	#perguntas h2{padding-bottom: 1em;}

	#conteudo{padding: 4em 1em;}
	#conteudo h2{font-size: 2.2em;}
	#conteudo h3{font-size: 1.7em;}
	#conteudo h4{font-size: 1.7em;padding-top: 1em;padding-bottom: 0.5em;}
	#conteudo ul {padding-top: 4em;padding-bottom: 1em;}
	#conteudo ul li{list-style-position: outside;}

	}