body{
	width: 100%;
	margin: 0;
	font-family: roboto;
}

* {
padding:0;
margin:0;
vertical-align:baseline;
list-style:none;
border:0
}

/*backgrounds*/
.bg-primary1{
	background-color: #f8b209;
	width: 100%;
	padding: 7% 10%;
}

.bg-primary3{
	background-color: #ffb268;
	width: 100%;
	padding: 7% 10%;
}

.bg-primary4{
	background-color: #88c2f0;
	width: 100%;
	padding: 7% 10%;
}


.bg-secundary{
	background-color: #ffeddf;
	width: 100%;
	padding: 7% 0%;
}

.bg-primary2{
	background-color: #f8b209;
	width: 100%;
	padding: 1% 10%;
}

.bg-tertiary{
	background-color: #bf6a07;
	width: 100%;
	padding: 7% 10%;
}

/*imagens*/
.img-prato{
	width: 80%;
	display: block;
	margin: 0 auto;

}

.img-titulo{
	width: 100%;
	display: block;
	margin: 0 auto;
}

.block-titulo{
	display: block;
	margin: 0 auto;
}

.haroldo{
	width: 100%;
}


/*botões*/
.btn-principal{
	background-color: #0fbf07;
	color: #FFF;
	padding: 3% 10%;
	font-size: 20px;
	display: block;
	margin: 4% auto;
	border: none;
	text-decoration:none;
	font-weight: 600;
}

.btn-principal:hover {
	background-color: #bf6a07;
}

.btn-rota{
	background-color: #f8b209;
    color: #FFF;
    padding: 3% 10%;
    font-size: 15px;
    margin: 10px 5px;
    border: none;
    text-decoration: none;
    font-weight: 600;
    float: left;
    width: 100%;
    /* width: 50%;*/
}

.btn-rota:hover {
	background-color: #0fbf07;
}

.btn-duvida{
	background-color: #0fbf07;
    color: #FFF;
    padding: 3% 10%;
    font-size: 15px;
    margin: 10px 5px;
    border: none;
    text-decoration: none;
    font-weight: 600;
    float: left;
    width: 100%;
    /* width: 50%;*/
}

.btn-duvida:hover {
	background-color: #f8b209;
}

a:link 
{ 
 text-decoration:none; 
} 



/*titulos e textos*/
h1, .tilulo-grande-1{
	color: #bf6a07;
	margin: 0 auto;
	padding-bottom: 3%;
	text-align: center;
	font-weight: 800;
}

.titulo-blocos{
	color: #FFF;
	text-align: center;
	font-weight: 900;
	font-size: 25px;
}

.titulo1-escola{
	color: #FFF;
	text-align: center;
	font-size: 25px;
	font-weight: 800;

}

.titulo2-escola{
	color: #FFF;
	text-align: center;	
	font-size: 25px;
	font-weight: 800;

}

.texto-escola{
	color: #FFF;
	font-size: 18px;
	text-align: center;	

}

ul, li{
	list-style: none;
	font-size: 18px;
	text-align: center;
	margin: 0; 
	display: block;
	color: #FFF;
}

.lista-curso{
	margin-top: 20px;
}

.eh-text{
	display: block;
	margin: 9% auto;
}

.endereco{
	color: #FFF;
	text-align: center;
}
.endereco span, p{
	font-size: 18px;
}
.pontos-referencia{
	color: #FFF;
	text-align: center;
	margin-top: 10%;
}

.ou{
	color: #FFF;
	font-size: 25px; 
	padding: 8% 0;
}

.contato-final{
	color: #FFF;
	margin: 20px 2px;
	background-color: #f8b209;
	padding: 6% 8%;
}

/*estilo containers de cursos*/
.blocos-conteudo{
	background-color: #bf6a07;
    padding: 61px 5%;
    margin-top: 2%;
    margin-left: 6%;
    float: left;
    width: 281px !important;
    height: 290px;
}

.blocos-depoimentos{
	padding: 3%;
	width: 25%;
	
}

.depoimentos{
	width: 100%
	max-width: 1120px;
	display: block;

}

.text-blocos-dep{
	font-size: 12px;
}


.blocos-conteudo2{
	background-color: #bf6a07;
	height: 800px;
}


.bloco-precos{
	width: 100%;
	float: left;
	margin: 5% 0;
}

.picpay-banner{
	width: 100%;
	margin: 5% 0;
	float: left;
}

.bloco-turmas{
	display: block;
    margin-left: auto;
    margin-right: auto
}


.preco{
	color: #FFF;
    margin: 7% auto;
    display: block;
    border-top: 3px solid;
    padding: 2%;
    font-size: 30px;
}


.container-receber{
	margin-top: 5%;
}

.blocos-vai-receber{
	
}
.block-receber{
	float: left;
} 

.block-receber-icone{
	float: left;
	color: #bf6a07;
	margin: 0 auto;
}

.block-receber-text{
	float: left;
	color: #bf6a07;
	padding: 15px 9%;
}

.block-receber-text h4{
	font-weight: 800;
    font-size: 20px;
}

.bloco-endereco{
	padding: 6% 3%;
}

.block-receber-text p{
	font-size: 22px;
}

/*accordeon - duvidas*/
.accordion {
  background-color: #bf6a07;
  color: #FFF;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: 1px solid #FFF;
  text-align: center;
  outline: none;
  font-size: 20px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #f8b209; 
}

.panel {
  padding: 3% 18px;
  display: none;
  background-color: white;
  overflow: hidden;
  font-size: 20px;
}