@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');


/* RESET */
* { margin:0; padding:0; list-style:none; border:0; vertical-align:baseline; font-family: 'Open Sans', sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0); transition: all 0.2s linear;  -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; }
/* tap-hig... removendo quadro azul links mobile */
h1, h2, h3, h4, h5, h6 { font-weight:400; }
img, picture, video, embed { max-width: 100%; } /* truque para deixar as imagens e outros elementos adaptáveis */
a { color:#1E88E5; text-decoration:none; }
a:hover { text-decoration:underline; }
input:focus, button:focus, textarea:focus, select:focus { outline: none; }
input, select, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0px; } 

input[type=number]:-webkit-outer-spin-button, input[type=number]:-webkit-inner-spin-button { -webkit-appearance: none; }
input[type=number] { -moz-appearance:textfield; }
/* remover setas contador input tipo number */

.clearfix:before,.clearfix:after { content: " "; display: table; } 
.clearfix:after { clear: both; } 
.clearfix { *zoom: 1; }
/* fazer com que todos elementos fiquem dentro da div #conteudo por exemplo */

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* todos os elementos agora levarão em conta apenas a largura e altura determinada, sem somar a este valor a borda e o padding */

/* BASE */
html, body { height:100%; }
body { color:#808080; font-size:16px; background:#fff; }
#tudo { position:relative; float:left; width:100%;  }

/* CABEÇALHO */
#header { float: left; width:100%; }

#header .barra { float: left; width: 100%; height: 40px; line-height: 40px; font-size: 15px; font-weight: 600; background: #f5821f; }
#header .barra .botao-pais { float: right; height: 40px; padding: 0 15px; color: #213a81; background: #ffdd00; }
#header .barra .botao-pais:hover { text-decoration: none; color: #ffdd00; background: #213a81; }

#header .barra .redes { float: right; height: 40px; margin-right: 30px; }
#header .barra .redes a { color: #fff; margin-left: 15px;  }
#header .barra .telefone { float: right; height: 40px; color: #fff; margin-right: 10px;  }

#header .barra2 { position: relative; float: left; width: 100%; height: 100px; line-height: 100px; background:#f2f2f2; box-shadow: 0px 2px 2px rgba(0,0,0,.15); z-index:9; }
#header .barra2 a.botao-secundario { font-size: 25px; color: #fff; display: none; }
#header a.logo-topo { position: absolute; top: -30px; left: 0; width:220px; height:220px; background: #fff; box-shadow: 0px 2px 2px rgba(0,0,0,.15); border-radius:50%; overflow:hidden; }

#header .menu { float:right; }
#header .menu ul { float:right; font-size:14px; text-transform: uppercase; font-weight: 600; }
#header .menu ul li { float:right; }
#header .menu ul li a { color:#213a81; display:block; padding:0 15px; height:100px; line-height:100px; }

/* MENU MOBILE */
nav { position:fixed; bottom:0; left:0; width:100%; height:60%; padding:15px 30px; background:#213a81; z-index:8; overflow:auto; }
nav ul { float:left; width:100%; font-size:18px; text-transform: uppercase;  margin-bottom:15px; }
nav ul li { width:100%; border-bottom:1px solid; border-color: rgba(255, 255, 255,.2); }
nav ul li a { padding:15px 0; color:#e1f0f7; display:block; text-indent:5px; }
nav ul li a:hover { color:#fcb02a; text-decoration:none; }

nav { 
	-webkit-transform: translateY(100%); 
	-moz-transform: translateY(100%); 
	-ms-transform: translateY(100%); 
	transform: translateY(100%); 
}

/* BANNER */
.banner-principal { float:left; width:100%; }
.banner-principal img { display: block; width: 100%; object-fit: cover; }

/* BANNER PÁGINAS */
.banner-paginas { float:left; width:100%; height:200px; text-align: center; color: #fff; background: url(imagens/vinhetas/bg-escola.jpg) no-repeat center; background-size: cover; }
.banner-paginas h1 { font-size: 44px; font-weight: 400; color: #e1f0f7; margin-top: 45px; }
.banner-paginas h2 { font-size: 34px; font-weight: 300; color: #e1f0f7; }

/* SOBRE DESTAQUE */
.sobre-destaque { float:left; width:100%; padding:80px 0; background:#fff; }
.sobre-destaque p { margin-bottom:20px; line-height:24px; }
.sobre-destaque .direito { float: right; width: 65.71428571428571%; padding-top: 40px; }

h2.conteudo { position: relative; float: left; width: 31.42857142857143%; color: #23231f; font-size: 49px; font-weight: 700; padding-top: 40px; }
h2.conteudo:before { content: ""; position:absolute; top:0; left:0; width:120px; height: 2px; background: #666; }


/* CONTEÚDO */
#container { float:left; width:100%; }
.meio-conteudo { position: relative; width:1120px; margin:0 auto; }

.bloco-conteudo { float:left; width:100%; padding:60px 0; background:#fff; }
.bloco-conteudo .full { position: relative; float: left; width: 100%; padding-top: 30px; }
.bloco-conteudo .full:before { content: ""; position: absolute; top: 0; left: 50%; margin-left: -60px; width: 120px; height: 3px; background: #213a81; }

.bloco-conteudo .full .titulo { float: left; width: 100%; text-align: center; margin-bottom: 60px; }
.bloco-conteudo .full .titulo h2 { color: #213a81; font-size: 36px; font-weight: 700;  }
.bloco-conteudo .full .titulo p { font-size: 20px; margin: 0; }

.bloco-conteudo .esquerdo { position: relative; float: left; width: 53.57142857142857%; padding-top: 30px; }
.bloco-conteudo .esquerdo:before { content: ""; position:absolute; top:0; left:0; width:120px; height: 3px; background: #213a81; }
.bloco-conteudo .direito { position: relative; float: right; width: 42.85714285714286%; padding-top: 30px; }

.bloco-conteudo h3.titulo { font-size: 22px; color: #213a81; font-weight: 600; margin-bottom: 20px; text-transform: uppercase; }
.bloco-conteudo h4.subtitulo { font-size: 18px; font-weight: 700; margin-bottom: 15px; }
.bloco-conteudo p { margin-bottom:20px; line-height:24px; }
.lista-geral { width:100%; margin-bottom:20px; }
.lista-geral li { list-style: square; margin:0 0 5px 20px; line-height:24px; }
.lista-geral.decimal li { list-style: decimal; }
.lista-geral hr { border: none; height: 1px; background: #ccc; margin: 15px 0; }

.loja-app { float: left; display: block; width: 150px; margin: 0 15px 15px 0; }

/* CONTEÚDO GERAL */
.menu-topicos { float: left; width: 28%; margin-bottom: 30px; }
.menu-topicos li { float: left; width: 100%; border-top: 1px solid #ccc; }
.menu-topicos li:last-child { border-bottom: 1px solid #ccc; }
.menu-topicos li a { display: block; padding: 15px 0; }
.menu-topicos li a:hover { text-decoration: none; background: #f2f2f2; }
.menu-topicos li a:before { content: "› "; }

.assunto-conteudo { float: right; width: 65.71428571428571%; }
.assunto-topicos { float: left; width: 100%; padding: 20px; margin-bottom: 30px; background: #f2f2f2; box-shadow: 0px 2px 2px rgba(0,0,0,.15); }
.assunto-topicos:last-child { margin-bottom: 0; }

.galeria-conteudo { float: left; width: 100%; margin-bottom: 20px; }
.galeria-conteudo a { float: left; width: 23.875%; height: 120px; margin: 0 1.5% 1.5% 0; font-size: 0; overflow: hidden; border-radius:4px; }
.galeria-conteudo a:hover { transform: scale(1.1); }
.galeria-conteudo a:nth-child(4n) { margin-right: 0; }
.galeria-conteudo a img { transform: scale(1.5); }

.pessoas { float: left; width: 30%; margin-right: 5%; }
.pessoas:nth-child(3n+1) { margin-right: 0; }
.pessoas h5 { font-size: 14px; color: #4d4d4d; font-weight: 600; margin-top: 10px; }
.pessoas h6 { font-size: 13px; }

/* NÍVEIS DE ENSINO */
.niveis-ensino { float: left; width: 100%; text-align: center; }
.niveis-ensino .ensino { display: inline-block; width: 28%; text-align: center; }
.niveis-ensino .ensino .icon { display: inline-block; width: 120px; }
.niveis-ensino .ensino h3 { font-size: 20px; font-weight: 700; color: #4d4d4d; margin: 30px 0 10px 0; }
.niveis-ensino .ensino:nth-child(2n+0) { margin: 0 7%; }

/* DESTAQUE CASA DA CRIANÇA */
.casa-crianca-destaque { float: left; width: 100%; padding: 60px 0; background: #ededed; }
.casa-crianca-destaque .imagem { float: left; width: 36%; font-size: 0; border-radius:10px; overflow: hidden; }
.casa-crianca-destaque .detalhes { position: relative; float: right; width: 56%; padding-top: 30px; }
.casa-crianca-destaque .detalhes:before { content: ""; position:absolute; top:0; left:0; width:120px; height: 3px; background: #213a81; }
.casa-crianca-destaque .detalhes h2 { font-size: 36px; color: #4d4d4d; }
.casa-crianca-destaque .detalhes h2 span { font-weight: 700; }
.casa-crianca-destaque .detalhes p { font-size: 18px; margin: 30px 0 60px 0; }

/* DESTAQUE ESCOLA */
.escola-destaque { float: left; width: 100%; padding: 60px 0; color: #fff; background: #213a81 url(imagens/vinhetas/bg-escola.jpg) no-repeat center; background-size:cover; background-attachment: fixed; }
.escola-destaque .detalhes { position: relative; float: left; width: 56%; padding-top: 30px; }
.escola-destaque .detalhes:before { content: ""; position:absolute; top:0; left:0; width:120px; height: 3px; background: #f5821f; }
.escola-destaque .detalhes h2 { font-size: 36px; }
.escola-destaque .detalhes h2 span { font-weight: 700; }
.escola-destaque .detalhes p { font-size: 18px; margin: 30px 0 60px 0; }

.escola-destaque .botao { display:inline-block; padding:10px 25px; color:#fff; font-size:14px; font-weight: 500; background: #f5821f; border-radius:20px; }
.escola-destaque .botao:hover { text-decoration:none; background: rgba(245, 130, 31,.8); }

.escola-destaque .dados { float: right; width: 250px; }
.escola-destaque .dados .info { float: left; width: 100%; padding: 30px 0; text-align: center; border-bottom: 2px solid rgba(255, 255, 255,.4);; }
.escola-destaque .dados .info h3 { color: #f5821f; font-size: 48px; font-weight: 700; }
.escola-destaque .dados .info:last-child { border: none; }

/* NOTÍCIAS */
.noticias-destaques { float:left; width:100%; }
.noticias-destaques .noticia { float: left; width: 31.42857142857143%; margin-right: 2.857142857142857%; }
.noticias-destaques .noticia:last-child { margin-right: 0; }
.noticias-destaques h3 { color: #23231f; font-size: 18px; font-weight: 700; margin-bottom: 20px; }
.noticias-destaques .descricao { line-height:24px; margin-bottom: 30px; }

.noticias { float: left; width: 31.42857142857143%; margin: 0 2.857142857142857% 2.857142857142857% 0 ; padding: 20px; border: 1px solid #ccc; cursor: pointer; }
.noticias:hover { box-shadow: 0px -1px 10px 1px rgba(0,0,0,0.2); }
.noticias:nth-child(3n) { margin-right: 0; }
.noticias h3 a { display: inline-block; color: #23231f; font-size: 18px; font-weight: 700; margin-bottom: 20px; }
.noticias .descricao a { color: #666; line-height:24px; }
.fonte { font-size: 14px; color: #999; }


/* RODAPÉ */
#rodape { float:left; width:100%; padding:60px 0; color: #aedeff; background:#213a81; font-size: 15px; }
.rodape-bloco { float: left; width: 31.42857142857143%; margin-right: 2.857142857142857%; }
.rodape-bloco:last-child { margin-right: 0; }
.rodape-bloco-logo { width: 254px; }
.rodape-bloco-logo p.endereco { margin: 20px 0 15px 0; line-height: 24px; }

.rodape-bloco-conteudo { float: left; width: 100%; line-height: 24px; margin-top: 20px; }
.rodape-bloco-conteudo h5 { color: #fff; font-size: 16px; font-weight: 500; margin-bottom: 5px; }
.rodape-bloco-conteudo span { color: #fff; }
.rodape-bloco-conteudo:last-child { margin-bottom: 0; }
.rodape-bloco-conteudo a { color: #aedeff; }

.rodape-direitos { position: relative; float: left; width: 100%; font-size: 14px; border-top: 1px solid #2c599b; margin-top: 30px; padding-top: 30px; }
.rodape-direitos .redes-sociais { position: absolute; right: 0; top: 30px; }
.rodape-direitos .redes-sociais a { color: #aedeff; margin-left: 20px; font-size: 16px; }

.botao-whatsapp { position:fixed; bottom: 40px; right: 40px; width:54px; height:54px; line-height:54px; font-size:30px; text-align:center; color:#fff; background:#4bd964; z-index:5; box-shadow: 0px 2px 2px rgba(0,0,0,0.3); border-radius:50%; }

/* FORMULÁRIO */
.form-coluna { float:left; width:100%; margin-bottom: 15px; }
.form-coluna-buttom { clear:both; float:left; width:100%; text-align:center; }

input, textarea { float:left; width:100%; padding:10px; font-size:14px; color:#999; border:1px solid #ccc; background: #f2f2f2; transition: all 0.2s linear; }
input:focus, textarea:focus, select:focus { border:1px solid #132f3d; }
.caixa-erro, .caixa-erro:focus { border:1px solid #ea3d4a; }

.botao-form { float:left; display:inline-block; width:auto; padding:10px 25px; color:#fff; font-size:14px; font-weight: 500; border:0; cursor:pointer; background:#213a81; border-radius:20px; }
.botao-form:hover { color:#213a81; background:#ffdd00; }

.mensagem-sucesso { float:left; width:100%; color:#000; padding:10px; text-align:center; margin-bottom:15px; background:#C4FFC4; }
.mensagem-erro { float:left; width:100%; color:#000; padding:10px; text-align:center; margin-bottom:15px; background:#FFAEAE; }

/* BOTÕES */
.botao-link { display:inline-block; padding:10px 25px; color:#fff; font-size:14px; font-weight: 500; background: #213a81; border-radius:20px; }
.botao-link:hover { color:#213a81; background:#ffdd00; text-decoration:none; }

/* CAIXA MODAL */
.bloco-modal { position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.8); z-index:9999; opacity:0; pointer-events:none; }
.bloco-modal .modal { position:absolute; top:50%; left:50%; width:640px; margin-top:-10%; margin-left:-320px; font-size:0; text-align:center; -webkit-box-shadow: 0px 4px 32px rgba(0,0,0,.2); -moz-box-shadow: 0px 5px 15px rgba(0,0,0,.4); box-shadow: 0px 5px 15px rgba(0,0,0,.4); transition: all 0.25s linear; }

.bloco-modal .modal img { cursor: pointer; }

.modal-active .bloco-modal { 
	opacity:1; pointer-events:auto;
}


/* OUTROS */
#header, #menu, #rodape, .meio-conteudo {
	transition: all 0.25s linear;
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-ms-transition: all 0.25s linear;
}

/* ICONE MENU HAMBURGUER */
.hamburguer {
  float:right;
  width: 25px;
  height: 20px;
  display: none;
  position: relative;
  margin-top:35px;
}
.hamburguer:after, .hamburguer:before, .hamburguer span {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: #fff;
  left: 0;
  position: absolute;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.hamburguer:before {
  top: 2px;
}
.hamburguer:after {
  bottom: 2px;
}
.hamburguer:focus {
  outline: none;
}
.hamburguer label {
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1000;
  display: block;
  position: absolute;
  background:none;
}
.hamburguer span {
  top: 9px;
}

.menu-active .hamburguer:before, .menu-active .hamburguer:after {
  top: 10px;
  margin-top: -10%;
}
.menu-active .hamburguer:before {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.menu-active .hamburguer:after {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.menu-active .hamburguer span {
  opacity: 0;
}

@media screen and (max-width: 1120px) {
	.meio-conteudo { width:100%; padding:0 20px; }
	
	#header a.logo-topo { left: 50%; margin-left: -80px; width:160px; height:160px; }
	#header .barra .redes, #header .barra .telefone { display: none; }
	#header .barra .botao-pais { display: none; }
	#header .barra2 { height: 90px; background:#213a81; }
	
	#header .menu { display:none; }	
	.oculto-mobile { display:none; }
	.hamburguer { display:block; }
	#header .barra2 a.botao-secundario { display:inline; }
	
	.menu-active nav { 
		-webkit-transform: translateY(0); 
		-moz-transform: translateY(0); 
		-ms-transform: translateY(0); 
		transform: translateY(0); 
	}
}

@media screen and (max-width: 900px) {		
	.galeria-conteudo a { height: 60px; }
}

@media screen and (max-width: 768px) {	
	.botao-link, .botao-form { width:100%; text-align:center; }
	
	.bloco-conteudo .full .titulo h2 { font-size: 28px;  }
	.bloco-conteudo .full .titulo p { font-size: 18px; }
	
	.banner-paginas h1 { font-size: 38px; }
	.banner-paginas h2 { font-size: 28px; }
	
	.niveis-ensino .ensino { width: 100%; }
	.niveis-ensino .ensino:nth-child(2n+0) { margin: 60px 0; }
	.niveis-ensino .ensino h3 { margin: 10px 0 10px 0; }
	
	.casa-crianca-destaque .imagem { width: 100%; }
	.casa-crianca-destaque .detalhes { width: 100%; margin-top: 30px; }
	.casa-crianca-destaque .detalhes h2 { font-size: 28px; }
	.casa-crianca-destaque .detalhes p { font-size: 16px; }
	
	.escola-destaque { background-attachment: inherit; }
	.escola-destaque .detalhes { width: 100%; }
	.escola-destaque .detalhes h2 { font-size: 28px; }
	.escola-destaque .detalhes p { font-size: 16px; }
	.escola-destaque .botao { width: 100%; text-align:center; }
	.escola-destaque .dados { width: 100%; }
	
	.pessoas { width: 47%; margin: 0 6% 6% 0; }
	.pessoas:nth-child(3n+1) { margin-right: 6%; }
	.pessoas:nth-child(2n+1) { margin-right: 0; }	
	
	.bloco-conteudo .bloco { width:100%; }
	
	.bloco-conteudo .esquerdo { width: 100%; }
	.bloco-conteudo .direito { width: 100%; padding-top: 40px; }
	
	h2.conteudo:before {  left:50%; margin-left: -60px; }
	h2.conteudo { width: 100%; text-align: center; }
	.sobre-destaque .direito { width: 100%; }
	
	.menu-topicos { width: 100%; }
	.assunto-conteudo { width: 100%; }	
	
	.noticias-destaques .noticia { width: 100%; margin: 0 0 40px 0; }
	.noticias-destaques .noticia:last-child { margin-bottom: 0; }
	.noticias-destaques .descricao { margin-bottom: 20px; }
	
	.noticias { width: 100%; margin: 0 0 20px 0 ; }
	.noticias:last-child { margin-bottom: 0; }
	
	.rodape-bloco { width: 100%; margin: 0 0 40px 0; text-align: center; }
	.rodape-bloco-logo { width: 100%; }
	.rodape-bloco:last-child { margin-bottom: 0; }
	.rodape-bloco-conteudo:last-child { margin-bottom: 0; }

	.rodape-direitos { text-align: center; }
	.rodape-direitos div { float: left; width: 100%; }
	.rodape-direitos .redes-sociais { float: left; position: relative; width: 100%; top: 0; margin-top: 20px; }
	.rodape-direitos .redes-sociais a { margin-left: 15px; font-size: 18px; }
	
	.botao-whatsapp { bottom: 20px; right: 20px; }
	
	.bloco-modal .modal { position:absolute; top:0; left:0; width:100%; margin-top:20%; margin-left:0; }
}

@media screen and (max-width: 480px) {	
	
}

/* ANIMAÇÃO BOTÃO */

.pulse {
	  -webkit-animation-name: pulse;
	  animation-name: pulse;
	  -webkit-animation-duration: 1s;
	  animation-duration: 1s;
	  -webkit-animation-fill-mode: both ;
	  animation-fill-mode: both;
	  -webkit-animation-iteration-count:infinite;
	  animation-iteration-count:infinite;
	  }
  @-webkit-keyframes pulse {
	  0% {
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	  }
	  50% {
	  -webkit-transform: scale3d(1.05, 1.05, 1.05);
	  transform: scale3d(1.05, 1.05, 1.05);
	  }
	  100% {
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	  }
  }
  @keyframes pulse {
	  0% {
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	  }
	  50% {
	  -webkit-transform: scale3d(1.05, 1.05, 1.05);
	  transform: scale3d(1.05, 1.05, 1.05);
	  }
	  100% {
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	  }
  }