/* --- banner --- */
	#banner{
		background: url(../imagens/banners/banner-ensino.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;
	}
	
/* --- ensino --- */
	#ensino {
		background: url(../imagens/bg/bg-ensino.jpg)no-repeat center center;
		background-size: cover;
		height: auto;
		/* max-height: 1789px; */
		padding-top: 100px;
		padding-bottom: 50px;
	}
	.container-fluid{
		padding-left: 120px;
	}
	#ensino .imagem{
		width: 100%;
		max-width: 296px;
	}
	#ensino .texto{
		width: 728px;
		position: relative;
	}
	#ensino .saiba-mais{
		padding: 24px 10px 20px 26px;
	}
	#ensino .saiba-mais a{
		border: 1px solid #fff;
    	border-radius: 20px;
    	padding: 8px;
    	color: #fedca6!important;
	}

	/* Padrao do editor html */
	#ensino .texto .descricao span,
	#ensino .texto .descricao a,
	#ensino .texto .descricao p,
	#ensino .texto .descricao ul,
	#ensino .texto .descricao ul li {
		color: var(--new-nude)!important;
		font-size: 16px;
		text-decoration: none!important;
		list-style: none;
	}

	#ensino .social{
		width: 100%;
		width: 66px;
	}
	#ensino .social span{
		display: none;
		position: absolute;
		background-color: #fff;
		padding: 14px 13px 6px 13px;
		border-radius: 12px 12px 12px 0px;
		margin-top: -55px;
		margin-left: 50px;
		color: var(--new-brown);
		font-size: 14.57px;
		transition: .5s;
	}
	#ensino .social .pdf:hover span{
		display: block;
		transition: .5s;
	}
	#ensino .imagem p.bg-brown{
		position: absolute;
		margin-top: -10px;
		margin-left: -10px;
		font-size: 15.47px;
		padding-top: 5px;
		padding-bottom: 2px;
		padding-left: 5px;
		padding-right: 5px;
		border-radius: 8px;
	}
	#ensino .imagem img{
		width: 296px;
		height: 330px;
		object-fit: cover;
	}
	#ensino .texto h3,
	#ensino .texto p,
	#ensino .texto .media{
		padding-left: 20px;
	}
	#ensino .texto h3{
		font-size: 28.44px;
		letter-spacing: -1px;
		margin-top: -10px;
	}
	#ensino .texto .descricao{
		background-color: #cc4f27;
		height: 240px;
		overflow-y: scroll;
	}
	#ensino .texto .descricao p{
		font-size: 16px;
		line-height: 20px;
	}
	#ensino .media p.text-brown{
		padding-left: 0!important;
	}
	#ensino .texto .media span{
		font-size: 18px;
	}
	#ensino .texto .persona{
		margin-top: -60px;
		margin-right: -15px;
		position: absolute;
    	right: 0;
	}
	#ensino .texto .persona p{
		font-size: 18px;
        padding: 9px 0;
        padding-right: 35px;
        width: 333px;
        margin-right: -20px!important;
        border-radius: 5px;
	}
	#ensino .texto .persona img{
		position: relative;
		transition: .5s;
	}
	#ensino .texto .persona a:hover img{
		transform: scale(1.1);
		transition: .5s;
	}
	#ensino	.social{
		background-color: #fedca6;
		margin-top: 50px;
		margin-bottom: 100px;
		border-top-right-radius: 12px;
		border-bottom-right-radius: 12px;
		display: flex;
		justify-content: center;
	}

/* --- matriculas abertas --- */
	#matriculas .imagem{
		background: url(../imagens/bg/bg-universidade.jpg);
		background-size: cover;
		height: 565px;
	}
	#matriculas h2{
		font-size: 51px;
		letter-spacing: -2px;
	}
	#matriculas a{
		font-size: 21px;
		padding-top: 10px;
		padding-bottom: 6px;
		padding-left: 40px;
		padding-right: 40px;
		border-radius: 20px;
		transition: .5s;
	}
	#matriculas a:hover{
		transition: .5s;
		box-shadow: 0px 2px 10px #ccc;
	}

/* --- Modal profissionais --- */
	.modal_profissionais .modal-dialog{
		max-width: 1080px;
	}
	.modal_profissionais .modal-content{
		border-radius: 15px;
	}
	.modal_profissionais .modal-body{
		padding: 90px 0px 70px 50px;
	}
	.modal_profissionais .modal-body .descricao{
		max-width: 730px;
	}
	.modal_profissionais .modal-body .imagem{
		width: 305px;
		margin-top: -35px;
		margin-right: -40px;
	}
	.modal_profissionais .modal-body .imagem img{
		border-radius: 50%;
	}
	.modal_profissionais .modal-body .imagem img{
		margin-top: -10px;
	}
	.modal_profissionais .modal-body .imagem p{
		font-size: 18px;
		padding-top: 9px;
		padding-left: 10px;
		width: 190px;
		height: auto;
		margin-right: -20px!important;
		border-radius: 5px;
	}
	.modal_profissionais .text-right{
		position: absolute;
		top: -25px;
		right: -20px;
		z-index: 1;
	}
	.modal_profissionais .text-right div{
		background: #f97535;
		color: white;
		border-radius: 50%;
		width: 45px;
		height: 45px;
		text-align: center;
		padding-top: 10px;
		font-size: 22px;
	}
	
	.modal_profissionais p,
	.modal_profissionais h1,
	.modal_profissionais h2,
	.modal_profissionais h3,
	.modal_profissionais h4,
	.modal_profissionais h5,
	.modal_profissionais h6,
	.modal_profissionais span {
		font-size: 16px;
	}

@media screen and (max-width: 1440px) {
	/* --- matriculas abertas --- */
		#matriculas .imagem{
			background: url(../imagens/bg/bg-universidade.jpg)no-repeat 80%;
		}

	/* --- ensino --- */
		#ensino .social span{
			padding: 10px 13px 6px 13px;
			margin-top: -90px;
			margin-left: 50px;
			font-size: 14px;
			line-height: 18px;
		}

	/* --- 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: 768px) {
	/* --- banner --- */
		#banner{
			height: 600px;
		}
		#banner h1{
			font-size: 78px;
			/*letter-spacing: -4px;*/
		}

	/* --- descricao --- */
		#descricao p.text-gray{
			/*font-size: 18px;*/
			line-height: 20px;
		}
		
	/* --- ensino --- */
		#ensino .container-fluid{
			padding-left: 20px;
		}
		#ensino .imagem{
			/*width: 100%;*/
			max-width: 290px;
		}
		#ensino .texto{
			width: 728px;
		}
		#ensino .social{
			/*width: 100%;*/
			/*width: 66px;*/
			display: none;
		}
		#ensino .imagem p.bg-brown{
			font-size: 15px;
		}
		#ensino .imagem img{
			width: 290px;
			height: 330px;
		}
		#ensino .texto h3{
			font-size: 28px;
			/*letter-spacing: -1px;*/
			/*margin-top: -10px;*/
		}
		#ensino .texto .descricao p{
			font-size: 14px;
			line-height: 18px;
		}
		#ensino .texto .media img{
			max-width: 35px;
		}
		#ensino .texto .media span{
			font-size: 16px;
		}
		#ensino .texto .persona{
			margin-top: -50px;
			margin-right: -10px;
		}

	/* --- matriculas abertas --- */
		#matriculas{
			overflow: hidden;
		}
		#matriculas .imagem{
			background-size: cover;
			transform: scale(1.2);
			height: 400px;
		}
		#matriculas h2{
			font-size: 50px;
			letter-spacing: -2px;
			text-align: center;
			line-height: 45px;
		}
		#matriculas a{
			font-size: 20px;
		}

	/* --- Modal profissionais --- */
		#modal_profissionais .modal-dialog{
			max-width: 1080px;
			margin-left: 30px;
			margin-right: 30px;
		}
		#modal_profissionais .modal-body{
			padding: 50px 0px 30px 50px;
		}
		#modal_profissionais .modal-body .descricao{
			width: 380px;
		}
		#modal_profissionais .modal-body .text-gray{
			font-size: 14px;
			line-height: 20px;
		}
		#modal_profissionais .modal-body .imagem{
			width: 315px;
			margin-top: -35px;
			margin-right: -40px;
		}
		#modal_profissionais .modal-body .imagem img{
			margin-top: -10px;
		}
		#modal_profissionais .modal-body .imagem p{
			font-size: 16px;
			padding-top: 9px;
			padding-left: 10px;
			width: 170px;
			height: 44px;
		}
}

@media screen and (max-width: 480px) {
	/* --- banner --- */
		#banner{
			height: 362px;
		}
		#banner h1{
			font-size: 53px;
			/*letter-spacing: -4px;*/
		}

	/* --- breacrumb --- */
		#breacrumb .container{
			font-size: 10px;
			/*padding-left: 50px;*/
			/*padding-top: 10px;*/
		}

	/* --- descricao --- */
		#descricao p.text-gray{
			font-size: 12px;
			line-height: 15px;
		}
		
	/* --- ensino --- */
		#ensino .imagem{
			width: 100%;
			max-width: 177px;
		}
		#ensino .texto{
			width: 220px;
		}
		#ensino .social{
			/*width: 100%;*/
			/*width: 66px;*/
			display: none;
		}
		#ensino .imagem p.bg-brown{
			font-size: 10px;
		}
		#ensino .imagem img{
			width: 177px;
			height: 199px;
		}
		#ensino .texto h3{
			font-size: 17px;
			/*letter-spacing: -1px;*/
			/*margin-top: -10px;*/
		}
		#ensino .texto .descricao p{
			font-size: 9px;
			line-height: 11px;
		}
		#ensino .texto .media img{
			max-width: 25px;
		}
		#ensino .texto .media span{
			font-size: 10px;
			line-height: 10px!important;
		}
		#ensino .texto .persona{
			margin-top: -10px;
			margin-right: 0px;
		}
		#ensino .texto .persona img{
			width: 76px;
			margin-top: -15px;
		}
		#ensino .texto .persona p{
			font-size: 12px;
			padding-top: 9px;
			padding-left: 0px;
			padding-right: 35px;
			width: 240px;
			height: auto;
			/*margin-right: 10px!important;*/
			position: absolute;
			right: 80px;
		}
		#ensino	.social{
			/*margin-top: 50px;*/
			/*margin-bottom: 100px;*/
			/*border-top-right-radius: 12px;*/
			/*border-bottom-right-radius: 12px;*/
		}

	/* --- matriculas abertas --- */
		#matriculas{
			overflow: hidden;
		}
		#matriculas .imagem{
			background-size: cover;
			transform: scale(1.2);
			height: 262px;
		}
		#matriculas h2{
			font-size: 30px;
			line-height: 30px;
			letter-spacing: -2px;
			text-align: center;
		}
		#matriculas a{
			font-size: 10px;
			/*padding-top: 10px;*/
			/*padding-bottom: 6px;*/
			padding-left: 10px;
			padding-right: 10px;
		}

	/* --- Modal profissionais --- */
		#modal_profissionais .modal-dialog{
			/*max-width: 1080px;*/
			/*margin-left: 30px;*/
			/*margin-right: 30px;*/
		}
		#modal_profissionais .modal-body{
			padding: 50px 0px 30px 30px;
		}
		#modal_profissionais .modal-body .descricao{
			width: 350px;
		}
		#modal_profissionais .modal-body .text-gray{
			font-size: 10px;
			line-height: 12px;
		}
		#modal_profissionais .modal-body .imagem{
			width: 180px;
			margin-top: -35px;
			margin-right: -50px;
		}
		#modal_profissionais .modal-body .imagem img{
			margin-top: -10px;
			margin-left: 10px;
			max-width: 80px;
		}
		#modal_profissionais .modal-body .imagem p{
			font-size: 10px;
			padding-top: 9px;
			padding-left: 10px;
			width: 100px;
			height: 36px;
		}
		#modal_profissionais .text-right{
			top: -20px;
			right: -15px;
		}
		#modal_profissionais .text-right div{
			width: 35px;
			height: 35px;
			padding-top: 8px;
			font-size: 15px;
		}

		.modal_profissionais .modal-body {
			padding: 90px 0px 70px 20px;
		}

		.modal_profissionais .modal-content {
			top: 30px;
		}

		.modal_profissionais .text-right {
			top: -24px;
			right: 0px;
		}

		.modal-body .d-flex {
			flex-direction: column-reverse;
		}
		
		.modal_profissionais .modal-body .descricao {
			padding-right: 20px;
		}
}

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

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