/*HEADER*/

.topbar{
  
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  background: rgb(3,116,179);
	background: linear-gradient(90deg, rgba(3,116,179,1) 0%, rgba(2,0,36,1) 100%);
  border-bottom: 1px solid #bdbdbd;
}

.topbar span{
  color: #fff; 
  font-size: 15px;
  margin-left: 60px;
  text-align: left;
}

.topbar a{
  color: #fff; 
  font-size: 16px;
  margin-right: 10px;
 transition: 0.3s;
}

.topbar a:hover{
  color: #39cff7;
  opacity: 0.8;
}

#redes2{
   margin-right: 60px;
  float: right;
}


.bg-custom {
	background-color: #fdfdfd;
	z-index: 1;
}

.navbar-brand{
	margin-left: 10%;
}

.navbar-expand-lg .navbar-nav{
	margin-left: 20%;
}

li.nav-item{
	margin-right: 15px;
	font-size: 14px;
	font-weight: 500;

	background-image: 
	linear-gradient(
		transparent 0%,
		transparent 90%,
		#016aaa 90%,
		#016aaa 100%
		);
	background-repeat: no-repeat;
	background-size: 0% 100%;
	background-position-x: right;

	transition: background-size 300ms;
}

li.nav-item:hover{
	background-size: 100% 100%;
	background-position-x: left;
}

li.nav-item .ativado{
	color: #016aaa;
	font-weight: 600;
	background-image: 
	linear-gradient(
		transparent 0%,
		transparent 90%,
		#016aaa 90%,
		#016aaa 100%
		);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position-x: left;
}

.nav-link{
	color: #000000;
}

.titulo-paginas{
  background: url(../img/fundo.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  padding-bottom: 90px;
  padding-top: 120px;
}

.titulo-paginas h2{
text-align: center;
color: #fff!important;
font-weight: 900;
font-size: 40px;
text-transform: uppercase;
}

.titulo-paginas h3{
	color: #fff!important;
    font-size: 60px;
    font-weight: 900;
    text-align: center;
}

.titulo-paginas p{
text-align: center;
color: #fff!important;
text-transform: uppercase;
}



/*SESSÃO DE MATRÍCULAS*/


#ajuda{
  background-color: #016aaa;
  padding: 25px 0px 15px 0px;
}

#ajuda h1{
  color: #fff;
  text-align: center;
  font-size: 20px;
}

.btn-chamada{
  color: #fff;
  border:1px solid #fff;
  background-color: transparent;
  font-weight: 700;
  padding: 10px 30px;
  border-radius: 45px;
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.3s;
}

.btn-chamada:hover{
  background-color: #fff;
  color:#016aaa;
  text-decoration: none;
}

#rodape{
	background-color: #016aaa;
}


/*NOSSA HISTÓRIA*/

#nossa-historia{
	padding-top: 50px;
}

#nossa-historia iframe{
	border-radius: 20px;
}

#nossa-historia h1{
	font-size: 15px;
	margin-bottom: 10px;
	color: #939393;
}

#nossa-historia h2{
	color: #016aaa;
	margin-bottom: 25px;
}

#btn-historia{
	margin-top: 25px;
}

.btn-historia{
  color: #fff;
  border:1px solid #016aaa;
  background-color: #016aaa;
  font-weight: 700;
  padding: 10px 0;
  width: 25%;
  justify-content: center;
  display: flex;
  border-radius: 45px;
  text-decoration: none;
  transition: 0.3s;
  text-transform: uppercase;
}

.btn-historia:hover{
  background-color: #fff;
  color:#016aaa;
  text-decoration: none;
}


#turmas{
	padding-top: 80px;
	background-color: #fff;
	text-align: center;
}

#turmas h2{
	color: #016aaa;
	margin-bottom: 20px;
}

#turmas p{
	margin-bottom: 50px;
}

.box-unidades{
	border-radius: 50px;
	background-color: #fafafa;
	padding: 15px;
	margin-left: 10px;
	width: 24%;
	height: 450px;
	text-align: center;
	transition: 0.2s;
}

.box-unidades img{
	width: 60%;
}

.box-unidades h3{
	font-size: 25px;
	font-weight: 600;
	margin-top: 50px;
}

.box-unidades p{
	font-size: 15px;
}

.box-unidades:hover{
	transform: translateY(-10px);
	box-shadow: 0px 5px 90px 0px rgb(110 123 131 / 29%);
}

#documentos{
	background-color: #c3c0c0;
	padding-top: 40px;
	padding-bottom: 40px;
}


#documentos h2{
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-weight: 900;
	margin-bottom: 30px;
}

#documentos a {
	text-decoration: none;
}


.sessao-matricula{
	background-color: #001b33;
	padding-top: 40px;
	padding-bottom: 40px;
}


.sessao-matricula h3{
	text-align: center;
	color: #fff;
	font-size: 20px;
	margin-top: 15px;
}

.sessao-matricula h2{
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-weight: 900;
}

.sessao-matricula a {
	text-decoration: none;
}

#novos-alunos{
	float: right;
}

.btn-sessao-matricula{
	background-color: #0dcaf0;
    color: #fff;
    padding: 15px 35px;
    margin: 0 5px;
    display: block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    border: 1.5px solid #0dcaf0;
    border-radius: 30px;
    margin-top: 30px;
    text-align: center;
    margin-left: auto;
    width: 20%;
    margin-left: 40%;
    transition: 0.3s;
    -webkit-box-shadow: 5px 6px 0px -4px #000000; 
	box-shadow: 5px 6px 0px -4px #000000;
}

.btn-sessao-matricula:hover{
	text-decoration: none;
	-webkit-box-shadow: 7px 11px 0px -4px #000000; 
	box-shadow: 7px 11px 0px -4px #000000;
	color: #fff;

}

.blog{
	background-color: #f2f2f2;
	padding-bottom: 25px;
}

.blog h2{
	text-align: center;
	color: #016aaa;
	padding-top: 30px;

}

.blog p{
	text-align: center;
	font-size: 17px;
	margin-top: 30px;

}

.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 100%;
  margin-top: 25px;
  height: 750px;
}

.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.card h4{
	font-weight: 700;
	color: #004a8f;
	margin-top: 5px;
	text-align: center;
}

.container-card {
  padding: 2px 16px;
}

.btn-blog{
	background-color: transparent;
    color: #004a8f;
    padding: 15px 35px;
    margin: 0 5px;
    display: block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: .5px;
    border: 1.5px solid #004a8f;
    border-radius: 30px;
    margin-top: 70px;
    text-align: center;
    margin-left: auto;
    width: 20%;
    margin-left: 40%;
    transition: 0.3s;
}


.btn-blog:hover{
	text-decoration: none;
 	background-color: #004a8f;
 	color: #fff;
}

#instagram{
	padding: 50px 0;
}

#instagram h2{
	color: #016aaa;
}

#instagram a{
	text-decoration: none;
}

#instagram p{
	font-size: 20px;
	margin-top: 20px;
}

.btn-instagram{
	background-color: #016aaa;
    color: #fff;
    padding: 15px 35px;
    margin: 0 5px;
    display: block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    border: 1.5px solid #016aaa;
    border-radius: 30px;
    margin-top: 30px;
    text-align: center;
    width: 50%;
    transition: 0.3s;
 }

.btn-instagram:hover{
	text-decoration: none;
	color: #016aaa;
	background-color: transparent;
}


.contato{
	padding: 50px;
	margin-bottom: 50px;
	height: 600px;
    background-color: #0dcaf0;
	opacity: 0.8;
	background: repeating-linear-gradient( -45deg, #00b5da, #00b5da 2px, #0dcaf0 2px, #0dcaf0 10px );
	
}

.contato h2{
	margin-bottom: 10px;
	font-size: 40px;
	line-height: 60px;
    color: #004a8f;
    font-weight: 900;
    
}



.contato h3{
	font-size: 28px;
    color: #fff;
    font-weight: 700;
    margin-top: 100px;
    padding-left: 5px;
}

.contato h4{
	color: #004a8f;
    font-size: 20px;
    margin-top: 25px;
    font-weight: 700;
}

.contato p{
	color: #fff;
    font-size: 18px;  
}

.contato i{
    margin-right: 5px;
}

#mapa{
	width: 50%;
}

#numero{
	font-size: 20px;
	font-weight: 800;
}

#estrutura{
	margin-top: 100px;
}



#estrutura img{
	width: 100%;
	margin-bottom: 30px;
}


/*PÁGINA SOBRE NÓS*/
#pagina-sobre h2{
	color: #004a8f;
	
}

#pagina-sobre h3{
	color: #2588e5;
}

#historia{
	padding: 50px 0;
}

#diferenciais h2{
	margin-top: 50px;
}

#estrutura-sobre h2{
	margin-top: 50px;
}

#estrutura-sobre img{
	width: 100%;
	margin-bottom: 30px;
}

/*PÁGINA AULAS REMOTAS*/

.video-aula{
	padding: 40px 0;
}

.video-aula video{
	cursor: pointer;
	transition: 0.3s;
}

.video-aula video:hover{
	opacity: 0.8;
}

#aula-artes {
	background-color: #f1f1f1;
}


#aula-letraS {
	background-color: #f1f1f1;
}

.eventos{
	padding: 40px 0;
}

.eventos p{
	margin-bottom: 50px;
}

/*PÁGINA BIBLIOTECA*/

#livros img{
	width: 100%;
	border-radius: 15px;
	margin-bottom: 25px;
	filter: grayscale(100%);
	transition: 0.3s;
}

#livros img:hover{
	filter: grayscale(0%);
}


#parceiros{
	padding: 20px 0;
	background-color: #fefefe;
}

.owl-carousel .owl-item img{
	width: 60%!important;
}

.owl-carousel .owl-stage {
  display: flex;
  align-items: center;
}


/*ACESSO RESTRITO*/

.box-acesso{
	text-align: center;
	padding: 50px 0;
}

.btn-acesso{
  color: #fff;
  border:1px solid #016aaa;
  background-color: #016aaa;
  font-weight: 700;
  padding: 10px 0;
  width: 25%;
  justify-content: center;
  display: flex;
  border-radius: 45px;
  text-decoration: none;
  transition: 0.3s;
  text-transform: uppercase;
  margin: auto;
}

.btn-acesso:hover{
  background-color: #fff;
  color:#016aaa;
  text-decoration: none;
}


/* PÁGINA ENEM 2023 */ 


.enem p{
	margin: 30px;
}

.enem-centro{
	padding: 30px;
	text-align: center;
		
} 

.enem-card{
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
	width: 100%;
	height: 260PX;
	margin-top: 30px;
	padding: 20px;
}

.enem-card:hover{
	transform: translateY(-10px);
	box-shadow: 0px 5px 90px 0px rgb(110 123 131 / 29%);
}

/*RODAPÉ*/

#rodape{
	background-color: #004a8f;
	text-align: center;
	padding: 25px 0;
	color: #fff!important;
}

#rodape h2{
	color: #fff!important;
}

#rodape a{
	margin-right: 10px;
  background-color: #01213e;
  border-radius: 50%;
  padding: 10px 14px;
  transition: 0.3s;
  color: #fff;
  transition: 0.3s;
}

#rodape a:hover{
	color: #001120;
}

#bottom-bar{
	padding-top: 15px;
	padding-bottom:5px;
	margin-bottom: -30px;
	background: rgb(3,116,179);
	background: linear-gradient(90deg, rgba(3,116,179,1) 0%, rgba(2,0,36,1) 100%);
	text-align: center;

}

#bottom-bar a{
	text-decoration: none;
	color: #c9c9c9;
	transition: 0.3s;
}

#bottom-bar p{
	color: #fefefe;
}


@media screen and (max-width: 699px){
	.topbar{
		padding-bottom: 25px;
	}

	.topbar span{
		display: block;
		text-align: center;
		font-size: 15px;
		margin-left: 0;
	}

	#redes2{
		float: none;
		text-align: center;
		margin-right: 0;
	}

	.btn-chamada{
		display: block;
		text-align: center;
	}

	#nossa-historia h1{
		margin-top: 25px;
	}

	.btn-historia{
		width: 100%;
	}

	.box-unidades{
		width: 100%;
		margin-bottom: 25px;
	}

	.btn-sessao-matricula{
		width: 100%;
		margin-left: 0;
	}

	.btn-blog{
		width: 100%;
		margin-left: 0;
	}

	#btn-instagram{
		margin-bottom: 25px;
	}

	.btn-instagram{
		width: 100%;
	}

	#mapa{
		display: none;
	}

	.owl-carousel .owl-item img{
		width: 100%!important;
	}

	#novos-alunos{
		float: none;
		display: block;
		width: 100%;
		margin-bottom: 5px;
	}

		#alunos-casa{
		float: none;
		display: block;
		width: 100%;
		margin-bottom: 5px;
	}

	.titulo-paginas{
		background: url(../img/fundo-mobile.jpg);
	}

	#livros{
		margin-top: 25px;
	}

	#livros img{
		filter: unset;
	}

	.enem-centro{
		width: 100%;
		}

		.enem-centro p{
			font-size: 14px;
		}	

}