/* --- banner --- */
	#banner{
		background: url(../imagens/banners/banner-matriculas.jpg)no-repeat center center;
		background-size: cover;
		height: 631px;
	}
	#banner h1{
		font-family: "Axiforma Bold";
		font-size: 96.65px;
		letter-spacing: -4px;
	}

/* --- breacrumb --- */
	#breacrumb .container{
		padding-left: 50px;
		padding-top: 10px;
	}
	
/* --- descricao --- */
	#descricao{
		max-width: 770px;
		margin: 0 auto;
	}

/* --- destaques --- */
	#destaques{
		max-width: 770px;
		margin: 0 auto;
	}
	/* #destaques .collapse{
		box-shadow: 1rem 0rem 2rem rgba(0,0,0,.15)!important;
	} */
	#destaques .card-header{
		min-height: 48px;
		border-radius: 0px;
	}
	#destaques .h4{
		font-size: 14px;
		padding-top: 5px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	#destaques .h4 img{
		margin-top: -10px;
		margin-left: 10px;
	}
	#destaques .h4 i{
		font-size: 22px;
		margin-left: 10px;
	}
	#destaques div.float-right{
		background-color: #e3e3e3;
		color: var(--new-orange-dark);
		width: 33px;
		height: 33px;
		text-align: center;
		margin-top: -4px;
		margin-right: -35px;
		padding-top: 6px;
		letter-spacing: -3px;
	}
	#destaques .collapsing {
		box-shadow: none;
	}
	#destaques .card-body {
		box-shadow: 1rem 0rem 2rem rgba(0,0,0,.15)!important;
	}
	#destaques .card-body p{
		font-size: 14px;
	}
	#destaques .d-flex .lista{
		min-width: 410px;
	}
	#destaques .d-flex .lista ul{
		list-style: none;
		padding-left: 30px;
	}
	#destaques .d-flex .lista li .new-line{
		border: 1px solid red;
		padding-left: 20px;
		margin-right: 18px;
	}
	#destaques .d-flex .lista li{
		border: 1px solid var(--new-orange-dark);
		height: 100%;
		min-height: 32px;
		padding: 6px 0;
		border-radius: 10px;
		margin-bottom: 10px;
		font-size: 12px;
		color: var(--new-orange-dark);
	}
	#destaques .imagem {
		margin-right: -3rem;
	}
	
	#destaques .d-flex .text-center a{
		padding: 10px 10px 10px 10px;
		border-radius: 20px;
		font-size: 16px;
	}
	#destaques .panel-clr div.negativo{
		display: none;
	}
	#destaques .panel-clr div.positivo{
		display: block;
	}
	
	#destaques .panel-clr.on div.negativo{
		display: block;
	}
	#destaques .panel-clr.on div.positivo{
		display: none;
	}
	#destaques div.positivo img,
	#destaques div.negativo img{
		width: 30px;
	}

/* --- ensino da escola --- */
	#niveis-ensino {
		background: url(../imagens/bg/bg-nivel-ensino.png)no-repeat center center;
		background-size: cover;
	}
	#niveis-ensino p.text-white{
		font-size: 21px;
	}
	#niveis-ensino h2{
		font-size: 51px;
		line-height: 36px;
	}
	#niveis-ensino h2 span.text-brown{
		margin-left: 90px;
	}

	#niveis-ensino .slider p.bg-brown{
		position: absolute;
		margin-top: -10px;
		margin-left: -10px;
		font-size: 12px;
		padding-top: 5px;
		padding-bottom: 2px;
		padding-left: 5px;
		padding-right: 5px;
		border-radius: 8px;
	}
	#niveis-ensino .slide img{
		height: 226px;
	}
	#niveis-ensino .slide p.text-white{
		font-size: 22px;
	}
	#niveis-ensino .slide a.text-orange{	
		font-size: 16px;
		padding-top: 6px;
		padding-bottom: 4px;
		padding-left: 10px;
		padding-right: 10px;
		border-radius: 8px;
	}

	#niveis-ensino .slick-slide {
		margin: 0px 5px;
	}
	#niveis-ensino .btn-slick-carousel-left,
	#niveis-ensino .btn-slick-carousel-right{
		position: absolute;
		z-index: 1000;
		top: 30%;
	}
	#niveis-ensino .btn-slick-carousel-left{
		left: -30px;
	}
	#niveis-ensino .btn-slick-carousel-right{
		right: -30px;
	}	


@media screen and (max-width: 1440px) {
	/* --- nossa estrutura --- */
		#nossa-estrutura .d-flex img{
			width: 140px;
			height: 140px;
		}

	/* --- matriculas abertas --- */
		#criancas h2{
			font-size: 54px;
			line-height: 50px;
		}
}

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

@media screen and (max-width: 768px) {
	/* --- banner --- */
		#banner{
			background: url(../imagens/banners/banner-matriculas-tablet.jpg)no-repeat 90%;
			background-size: cover;
			height: 768px;
		}
		#banner h1{
			font-size: 75px;
			letter-spacing: -4px;
			margin-top: 150px;
			margin-left: 50px;
		}
		#banner .mt-auto{
			margin-top: auto;
			margin-bottom: auto;
			margin-right: auto!important;
			margin-left: 0!important;
		}

	/* --- breacrumb --- */
		#breacrumb .container{
			font-size: 16px;
		}
		
	/* --- descricao --- */
		#descricao{
			font-size: 14px;
		}

	/* --- destaques --- */
		#destaques{
			max-width: 750px;
			margin: 0 auto 0 0;
		}
		#destaques .h4{
			font-size: 16px;
			padding-top: 5px;
			width: 160px;
		}
		#destaques .card-body p{
			font-size: 14px;
		}
		#destaques .d-flex .lista{
			z-index: 1;
			max-width: 60%;
		}
		#destaques .d-flex .lista li .new-line{
			border: 1px solid var(--orange);
		}
		#destaques .d-flex .lista li{
			padding-left: 10px;
			height: 100%;
			min-height: 32px;
			font-size: 12px;
		}
		#destaques .d-flex .text-center a{
			font-size: 16px;
		}
		#destaques .imagem img{
			position: absolute;
			right: 14px;
			bottom: 0;
		}		

	/* --- ensino da escola --- */
		#niveis-ensino p.text-white{
			font-size: 18px;
		}
		#niveis-ensino h2{
			font-size: 43px;
			line-height: 28px;
		}
		#niveis-ensino h2 span.text-brown{
			margin-left: 74px;
		}

		#niveis-ensino .slider p.bg-brown{
			font-size: 10px;
		}
		#niveis-ensino .slide img{
			width: 197px;
			height: 197px;
		}
		#niveis-ensino .slide p.text-white{
			font-size: 18px;
		}
		#niveis-ensino .slide a.text-orange{	
			font-size: 13px;
		}
}

@media screen and (max-width: 480px) {
	/* --- banner --- */
		#banner{
			background-size: cover;
			height: 468px;
		}
		#banner h1{
			font-size: 45px;
			letter-spacing: -2px;
			margin-top: 183px!important;
			margin-left: 50px!important;
		}

	/* --- breacrumb --- */
		#breacrumb .container{
			font-size: 10px;
		}
		
	/* --- descricao --- */
		#descricao{
			font-size: 9px;
		}

	/* --- destaques --- */
		#destaques{
			max-width: 750px;
			margin: 0 auto 0 0;
		}
		#destaques .card-header{
			height: 30px;
		}
		#destaques .h4{
			font-size: 10px;
			padding-top: 0px;
			width: 100px;
		}
		#destaques .h4 img{
			margin-top: -5px;
			max-width: 20px;
		}
		#destaques div.float-right{
			width: 23px;
			height: 23px;
			margin-top: -9px;
			margin-right: -35px;
			padding-top: 1px;
		}
		#destaques .card-body p{
			font-size: 9px;
		}
		#destaques .d-flex .lista{
			min-width: 90%;
			z-index: 1;
			max-width: 60%;
			margin-bottom: 160px;
		}
		#destaques .d-flex .lista li .new-line{
			border: 1px solid var(--orange);
		}
		#destaques .d-flex .lista li{
			padding-left: 10px;
			height: 100%;
			min-height: 32px;
			font-size: 8px;
		}
		#destaques .d-flex .text-center a{
			font-size: 12px;
			margin-left: 30px;
			padding: 8px 10px 6px 10px;
		}
		#destaques .imagem img{
			max-width: 180px;
			right: 17px;
			bottom: 0;
		}		

	/* --- ensino da escola --- */
		#niveis-ensino p.text-white{
			font-size: 10px;
		}
		#niveis-ensino h2{
			font-size: 26px;
			line-height: 18px;
		}
		#niveis-ensino h2 span.text-brown{
			margin-left: 44px;
		}

		#niveis-ensino .slider p.bg-brown{
			margin-left: 40px;
			font-size: 9px;
		}
		#niveis-ensino .slide img{
			width: 197px;
			height: 197px;
		}
		#niveis-ensino .slide p.text-white{
			font-size: 15px;
		}
		#niveis-ensino .slide a.text-orange{	
			font-size: 12px;
		}
}

@media screen and (max-width: 375px) {
	/* --- destaques --- */
		#destaques .imagem img{
			max-width: 180px;
		}
}