@charset "UTF-8";
/* CSS Document */

* {
	box-sizing:border-box;
}

body {
    width: 100%;
    height: 100%;
    font-family: 'Lato',sans-serif;
	font-weight: 300;
    background-color: #fff;
	margin: 0;
}
html{
	scroll-behavior: smooth;
}

/* SLIDESHOW ------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------*/

/*HEADER*/
.main_header          { background:#ffffff; border-bottom:1px #f4f4f4 solid; z-index:1; padding: 0.5em 0em; }
.main_header .content { float:left; padding:0px 0; }

.fixed            { display:block; position:fixed; z-index:9;  }
.main_header_logo { text-align:center; margin:auto; float:none; width:138px; }
.main_header_logo img { height:69px; }

/*Seu Código*/
.section-seu-codigo          { padding:10px 0px; background-color:#f4f4f4; }
.section-seu-codigo .content { float:left; padding:1em 0; }
.section_title               { width: 100%; float:left; margin-bottom:1em; font-size:1.3em; font-weight: 300; text-align: center; border-bottom: 1px #eceaea solid; padding-bottom: 1em; }

.box-artigo   { width:100%; float:left; background:#fff; box-shadow: 1px 0px 1.2px 0px #e3e3e3; border-radius:3px; padding:1em; }

/*Slider*/
.slider {
  width: 100%;
  height: 800px;
  position: relative;
  background: #FFF;
  overflow: hidden;
}

.slider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  animation: fade 1s;
}

.slider .seta {
  z-index: 10;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: auto;
  right: auto;
  width: auto;
  height: 1.5rem;
  font-size: 2.5em;
  color: cornsilk;
  opacity: 0.5;
  transition: opacity 1s;
}

.slider .seta:hover {
  cursor: pointer;
  opacity: 1;
}

.slider .arrow-left {
  left: 2%;
}

.slider .arrow-right {
  right: 2%;
}

.slider .paginacao {
  position: absolute;
  margin: auto;
  top: auto;
  bottom: 2%;
  left: 0;
  right: 0;
  width: 7rem;
  height: auto;
  z-index: 5;
}

.slider .paginacao .botao {
	width: auto;
	height: auto;
	display: inline-flex;
	align-content: center;
	justify-content: center;
	color: #fff;
}

@keyframes fade {
  from {
    opacity: 0.1;
  }
  to {
    opacity: 1;
  }
}
/*Slider*/

/*FOOTER*/
.main_footer          { background-color:#353535; color:#fff; font-size:0.875em; }
.main_footer .content { padding:3em 0em; }

.main_footer_copy       { background-color:#262626; width:100%; float:left; text-align:center; padding:1.5em 0em; }
.main_footer_copy p     { font-family:'open_sanslight'; font-size:1em; color:#e1e0e0; height:20px; }
.main_footer_copy .m-b-footer   { margin-bottom:0.5em; }
.main_footer_copy .by   { font-size:0.96em; }
.main_footer_copy .by i { font-size:0.96em; margin-right:3px; color:#e82626; }


/*Começa o Responsivo*/

/*480PX BREAKPOINT*/
/*480 dividido por 16 = 30em*/
@media (min-width:30em){
.boxBannerTopo { padding:1em 0; }
}

/*600PX BREAKPOINT*/
/*600 dividido por 16 = 37,5em*/
@media (min-width:37em){

} 

/*768PX BREAKPOINT*/
/*768 dividido por 16 = 48em*/
@media (min-width:48em){

} 

/*960PX BREAKPOINT*/
/*960 dividido por 16 = 60em*/
@media (min-width:60em){
 .section-seu-codigo          { padding:20px 0px; }
 .section-seu-codigo .content { width:80%; padding:1em 0; margin:0 10%; }
}

/*1280PX BREAKPOINT*/
/*1280 dividido por 16 = 80em*/
@media (min-width:80em){
 
}

/*1366PX BREAKPOINT*/
/*1366 dividido por 16 = 85,375em*/
@media (min-width:85em){
 .content  { width:80%; margin:0 10%; }
}

/*1600PX BREAKPOINT*/
/*1600 dividido por 16 = 100em*/
@media (min-width:100em){

}
/*Fecha o Responsivo*/



/* MENU -----------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------*/

.menu{
	position: absolute;
	z-index: 999999;
	padding-left: 80px;
	padding-top: 30px;
}
.menu #logo{
	width: 150px;
	float: left;
}
.menu ul{
	list-style-type: none;
	float: left;
}
.menu li{
	display: inline;
	float: left;
	padding-right: 30px;
}
.menu li a{
	display: block;
	text-decoration: none;
	color: #2152a8;
}
.menu li a:hover{
	text-decoration: underline;
}
.social{
	position: fixed;
	right: 10%;
}
.fa {
	padding: 10px;
	text-align: center;
	text-decoration: none;
	margin-top: 7px;
}

.fa:hover {
	opacity: 0.7;
}

.fa-facebook {
	background: #2152a8;
	color: #FFF;
}

.fa-instagram {
	background: #2152a8;
	color: #FFF;
}


/* PAGINA INTERNA -----------------------------------------------------------------------------
-------------------------------------------------------------------------------------------*/

#pagina_interna{
	background: #FFF;
	width: 100%;
  	height: auto;
  	position: relative;
}
.centralizado{
	float: left;
	color: #2152a8;
	width: 80%;
	left: 10%;
	position: relative;
	margin: 100px 0;
}
.centralizado p{
	font-size: 42px;
}
.centralizado p b{
	font-weight: 900;
}

/* QUEM SOMOS -----------------------------------------------------------------------------
-------------------------------------------------------------------------------------------*/

#quemsomos{
	background: url("../img/menina.jpg") #dddd00;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-size: auto 100%;
	width: 100%;
  	height: 800px;
  	position: relative;
}
.direito{
	float: left;
	color: #2152a8;
	width: 40%;
	right: 10%;
	position: absolute;
	margin-top: 80px;
}
.direito p{
	font-size: 42px;
}
.direito p b{
	font-weight: 900;
}
.direito span{
	font-size: 16px;
}
.direito span a{
	color: #2152a8;
	text-decoration: none;
}
.direito span a:hover{
	text-decoration: underline;
}


@media(max-width:1175px) {	
	#quemsomos{
		background: url("../img/menina.jpg") #dddd00;
		background-repeat: no-repeat;
		background-position: left;
		background-position: -100px 0;
		background-size: cover;
		background-size: auto 100%;
		width: 100%;
		height: 800px;
		position: relative;
	}
	.direito{
		margin-top: 60px;
	}
}
@media(max-width:956px) {	
	#quemsomos{
		background: url("../img/menina.jpg") #dddd00;
		background-repeat: no-repeat;
		background-position: left;
		background-position: -180px 0;
		background-size: cover;
		background-size: auto 100%;
		width: 100%;
		height: 800px;
		position: relative;
	}
	.direito{
		margin-top: 40px;
	}
}
@media(max-width:830px) {	
	.direito{
		width: 45%;
		right: 5%;
		margin-top: 10px;
	}
}
@media(max-width:742px) {	
	#quemsomos{
		background: none;
		background: #dddd00;
	}
	.direito{
		width: 80%;
		left: 10%;
		margin-top: 20px;
	}
}


/* ENSINO ---------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------*/

#ensino{
	background: #2152a8;
	width: 100%;
  	height: 300px;
  	position: relative;
}
.imagemEnsino{
	float: left;
	position: relative;
	width: 25%;
  	height: 300px;
	object-fit: cover;
	z-index: 0;
}
#ensino a .imagemEnsino{
	opacity: .5;
}
#ensino a:hover .imagemEnsino{
	opacity: .3;
}
.mais{
	float: left;
	position: relative;
	width: 50px;
	margin-left: -14%;
	margin-top: 100px;
	z-index: 999;
}
#ensino span{
	float: left;
	position: relative;
	text-align: center;
	font-size: 16px;
	color: #FFF;
	margin-left: -14%;
	margin-top: 170px;
	font-weight: 900;
	z-index: 999;
}
#fundamental{
	margin-left: -15% !important;
}

@media(max-width:960px) {	
	.mais{
		margin-left: -16%;
		margin-top: 100px;
	}
	#ensino span{
		margin-left: -16%;
		margin-top: 170px;
	}
	#bercario{
		margin-left: -17% !important;
	}
	#fundamental{
		margin-left: -18% !important;
	}
}
@media(max-width:570px) {	
	.mais{
		margin-left: -17%;
		margin-top: 100px;
	}
	#ensino span{
		margin-left: -17%;
		margin-top: 170px;
	}
	#fundamental{
		margin-left: -20% !important;
	}
}


/* ATIVIDADES -----------------------------------------------------------------------------
-------------------------------------------------------------------------------------------*/

#atividades{
	background: url("../img/atividades.jpg") #FFF;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-size: auto 100%;
	width: 100%;
  	height: 800px;
  	position: relative;
}
.esquerdo{
	float: left;
	color: #2152a8;
	width: 40%;
	left: 10%;
	position: absolute;
	margin-top: 100px;
}
.esquerdo p{
	font-size: 42px;
}
.esquerdo p b{
	font-weight: 900;
}
.escolares{
	margin-top: 30px;
	width: 100%;
	height: 400px;
}
.atividade{
	background: #dddd00;
	color: #2152a8;
	padding: 10px 10px 10px 20px;
	border-radius: 50px;
	font-size: 16px;
	text-decoration: none;
	width: 220px;
	float: left;
	margin: 5px;
}
.atividade:hover{
	background: #2152a8;
	color: #FFF;
}
.atividade1{
	margin: 10px 5px 10px 0;
}
.atividade2{
	margin: 10px 0 10px 5px;
	right: 0;
}


@media(max-width:1154px) {	
	.atividade{
		padding: 5px 5px 5px 20px;
		width: 100%;
		margin: 3px;
	}
	.atividade1, .atividade2{
		margin: 10px 5px 10px 0;
	}
}
@media(max-width:956px) {	
	.esquerdo{
		width: 50%;
		left: 5%;
		margin-top: 40px;
	}
}


/* FOTOS ----------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------*/

#fotos{
	background: #2152a8;
	width: 100%;
  	height: 300px;
  	position: relative;
}
#fotos img{
	float: left;
	width: 25%;
  	height: 300px;
	object-fit: cover;
  	position: relative;
}
#fotos a:hover{
	opacity: .7;
}


/* PARCEIROS ------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------*/

#parceiros{
	margin: 80px;
}
.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.slick-slide img {
	display: block;
    width: 150px;
	height: auto;
}

.slick-slider{
	height: 70px;
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}

.slick-slidershow .slick-track,
.slick-slidershow .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}
[dir='rtl'] .slick-slide{
    float: right;
}
.slick-slide.slick-loading img{
    display: none;
}
.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* CONTATO --------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------*/

#contato{
	background: #2152a8;
	width: 100%;
  	height: 700px;
  	position: relative;
	margin-top: -45px;
}
#contato span a{
	color: #FFF;
	font-size: 16px;
	text-decoration: none;
}
#contato span a:hover{
	text-decoration: underline;
}
#contato p{
	text-align: center;
	font-size: 42px;
	color: #FFF;
	padding-top: 60px;
}
#contato p b{
	font-weight: 900;
}
#contato form{
	width: 60%;
	text-align: center;
	margin: 0 auto;
	position: relative;
}
#contato form input, #contato form textarea{
	background: #FFF;
	border: 2px #FFF !important;
	border-radius: 50px;
	font-family: 'Lato',sans-serif;
	font-weight: 300;
	font-size: 16px;
	padding: 15px;
	margin-top: 20px;
	color: #2152a8 !important;
}
#nome, #endereco, #mensagem{
	width: 100%;	
	color: #2152a8 !important;
}
#email{
	float: left;
	width: 49%;
	color: #2152a8 !important;
}
#telefone{
	width: 50%;
	margin-left: 1%;
	color: #2152a8 !important;
}
#mensagem{
	height: 100px;
	border-radius: 25px !important;
}
input::placeholder, textarea::placeholder {
  color: #2152a8;
}
#contato span{
	float: left;
	color: #FFF;
	margin-top: 30px;
	text-align: left !important;
}
@media(max-width:960px) {	
	#contato form{
		width: 80%;
	}
}


/* RODAPÉ -----------------------------------------------------------------------------
-------------------------------------------------------------------------------------------*/

#rodape{
	background: #102f63;
	width: 100%;
  	height: 50px;
  	position: absolute;
	text-align: center;
	padding-top: 15px;
}

#rodape span{
	color: #FFF;
	font-size: 12px;
}