/* --- banner --- */
	#banner{
		background: url(../imagens/banners/banner-empresarial.jpg)no-repeat center top;
	    background-size: cover;
		height: 370px;
	}
	#banner h1{
		font-size: 42px;
		margin-bottom: 70px;
	}

/* --- breacrumb --- */
	#breacrumb{
		background-color: #dcdcdc;
		height: 40px;
	}
	#breacrumb .container{
		padding-top: 10px;
		font-size: 14px;
	}
	#breacrumb .container p,
	#breacrumb .container a{
		font-family: "Montserrat Regular";
		color: #23253c;
	}
	#breacrumb .container .font-weight-bold{
		font-family: "Montserrat Bold";
	}

/* --- descricao --- */
	#descricao .descricao{
		padding: 30px 30px 30px 30px;
	}
	#descricao .descricao h2{
		font-size: 35px;
		color: #24263d;
		font-family: "trajan bold";
		letter-spacing: 3px;
	}
	#descricao .descricao p{
		font-size: 16px;
		color: #24263d;
		font-family: "trajan bold";
		margin-top: -6px;
	}

	#descricao form{
		max-width: 440px;
	}
	#descricao .form-control{
		border-radius: 0;
		height: 34px;
		border: 0px;
		background-color: #eff0f2;
	}
	#descricao .meio .form-control{
		/*max-width: 210px;*/
	}
	#descricao input.nome,
	#descricao select,
	#descricao textarea{
		/*width: 422px;*/
	}
	#descricao input{
		width: 100%;
	}
	#descricao textarea{
		min-height: 250px;
		font-family: "Axiforma Regular";
	}
	#descricao input{
		font-family: "Axiforma Regular";
		color: #303030;
	}
	#descricao select{
		font-weight: bold;
		padding-left: 9px;
		color: #aaa;
	}
	#descricao select option{
		opacity: .5;
	}
	#descricao ::placeholder{
		font-family: "Axiforma Regular";
		color: #303030;
		opacity: .4;
	}
	#descricao button.btn{
		margin-right: -5px;
		width: 90px;
		height: 38px;
		background-color: #24263e;
		color: #fff;
		font-size: 18px;
		font-family: "trajan pro";
	}
	#descricao button.btn:hover{
		background-color: #fff;
		color: #24263e;
		border:1px solid #24263e;
	}

	#descricao .limite-direito{
		max-width: 360px;
	}
	#descricao .limite-direito img.imagem{
		object-position: top;
		width: 100%;
		height: 318px;
		object-fit: cover;
	}
	#descricao .limite-direito .text-center{
		padding-top: 18px;
		background-color: #eff0f2;
		height: 64px;
	}
	#descricao .limite-direito .text-center a{
		font-size: 20px;
		color: #23253c;
		font-family: "trajan bold";
		letter-spacing: 1px;
	}
	#descricao #agenda-visista{
		position: absolute;
		width: 360px;
		left: 80px;
		z-index: 9;

		background-color: #eff0f2;
		padding-top: 20px;
		padding-left: 45px;
		padding-right: 40px;
		padding-bottom: 40px;
	}
	#descricao #agenda-visista h3{
		font-family: "trajan bold";
		color: #23253c;
	}
	#descricao #agenda-visista .media p{
		font-size: 15.8px;
		font-family: "Axiforma Regular";
		color: #23253c;
	}

	.trabalhe-conosco-margin{
		margin-top: 0px!important;
	}

/* --- mapa --- */
	#mapa{
		margin-top: 80px;
		margin-bottom: -8px;
	}
	#mapa{
		background-color: #33354a;
		z-index: 20;
	}
	#mapa iframe{
		height: 350px;
		opacity: 0.7;
		transition: .5s;
	}
	/*#mapa:hover iframe{
		opacity: 1;
		transition: .5s;	
	}*/

	.mapa-background{
		width: 100%; 
		height: 100%; 
		z-index: 1; 
		position: absolute; 
		background-color: #2f3146; 
		opacity: 0.7;
	}

	#mapa:hover .mapa-background{
		display: none;
		transition: .5s;
	}

/* --- modal  --- */
	#modal_trabalheConosco .modal-dialog{
		max-width: 625px;
	}
	#modal_trabalheConosco .text-right .fechar{
		background-color: var(--primeira-cor);
		color: #fff;
		position: absolute;
		right: 0;
		width: 30px;
		height: 30px;
		border-radius: 10px;
		margin-top: -15px;
		margin-right: -15px;
		font-size: 21px;
		text-align: center;
		font-family: "trajan pro";
		cursor: pointer;
	}

	#modal_trabalheConosco .modal-body{
		padding-top: 70px;
		padding-bottom: 90px;
	}
	#modal_trabalheConosco .form-control{
		border-radius: 0;
		height: 34px;
		border: 0px;
		background-color: #ebebeb;
	}
	#modal_trabalheConosco .meio .form-control{
		max-width: 211px;
	}
	#modal_trabalheConosco input.nome,
	#modal_trabalheConosco select,
	#modal_trabalheConosco textarea{
		width: 438px;
	}
	#modal_trabalheConosco textarea{
		min-height: 250px;
	}
	#modal_trabalheConosco select option{
		font-family: "Axiforma Regular";
		color: #303030;
	}
	#modal_trabalheConosco ::placeholder{
		font-family: "Axiforma Regular";
		color: #303030;
		opacity: .4;
	}

	#modal_trabalheConosco .float-right .btn,
	#modal_trabalheConosco .float-left .btn{
		height: 38px;
		background-color: #24263e;
		color: #fff;
		font-size: 16px;
		font-family: "trajan pro";
	}

	#modal_trabalheConosco .float-right .btn{
		margin-right: -5px;
		/*width: 95px;*/
	}
	#modal_trabalheConosco .float-left .btn{
		margin-left: -5px;
		/*width: 95px;*/
	}

	#modal_trabalheConosco .float-left .btn:hover,
	#modal_trabalheConosco .float-right .btn:hover{
		background-color: #fff;
		color: #24263e;
		border:1px solid #24263e;
	}
	
@media screen and (max-width: 1440px) {
	/* --- atuacao --- */
		#atuacao .conteudo{
			margin-left: 20px;
		}
		#atuacao .conteudo h3{
			font-size: 32px;
			margin-top: 20px;
			letter-spacing: 1px;
		}
}

@media screen and (max-width: 1024px) {
	/* --- descricao --- */
		#descricao #agenda-visista{
			left: auto;
			right: 15px;
		}
}

@media screen and (max-width: 768px) {
	/* --- banner --- */
		#banner{
			height: 326px;
		}
		#banner h1{
			font-size: 47px;
			margin-bottom: 50px;
		}

		#descricao .limite-direito{
			max-width: 320px;
		}
		#descricao .limite-direito img.imagem{
			object-position: top;
			width: 100%;
			height: 290px;
			object-fit: cover;
		}
		
		#descricao #agenda-visista{
			max-width: 360px;
			left: 0px;
		}

	/* --- mapa --- */
		#mapa{
			margin-top: -48px;
			margin-bottom: -8px;
		}

	/* --- modal  --- */
		#modal_trabalheConosco .modal-dialog{
			max-width: 625px;
		}
		#modal_trabalheConosco .text-right .fechar{
			background-color: var(--primeira-cor);
			color: #fff;
			position: absolute;
			right: 0;
			width: 30px;
			height: 30px;
			border-radius: 10px;
			margin-top: -15px;
			margin-right: -15px;
			font-size: 21px;
			text-align: center;
			font-family: "trajan pro";
			cursor: pointer;
		}

		#modal_trabalheConosco .modal-body{
			padding-top: 70px;
			padding-bottom: 90px;
		}
		#modal_trabalheConosco .form-control{
			border-radius: 0;
			height: 34px;
			border: 0px;
			background-color: #ebebeb;
		}
		#modal_trabalheConosco .meio .form-control{
			max-width: 211px;
		}
		#modal_trabalheConosco input.nome,
		#modal_trabalheConosco select,
		#modal_trabalheConosco textarea{
			width: 438px;
		}
		#modal_trabalheConosco textarea{
			min-height: 250px;
		}
		#modal_trabalheConosco select option{
			font-family: "Axiforma Regular";
			color: #303030;
		}
		#modal_trabalheConosco ::placeholder{
			font-family: "Axiforma Regular";
			color: #303030;
			opacity: .4;
		}

		#modal_trabalheConosco .float-right .btn,
		#modal_trabalheConosco .float-left .btn{
			height: 38px;
			background-color: #24263e;
			color: #fff;
			font-size: 16px;
			font-family: "trajan pro";
		}

		#modal_trabalheConosco .float-right .btn{
			margin-right: -5px;
			/*width: 95px;*/
		}
		#modal_trabalheConosco .float-left .btn{
			margin-left: -5px;
			/*width: 95px;*/
		}

		#modal_trabalheConosco .float-left .btn:hover,
		#modal_trabalheConosco .float-right .btn:hover{
			background-color: #fff;
			color: #24263e;
			border:1px solid #24263e;
		}
}

@media screen and (max-width: 480px) {
	/* --- banner --- */
		#banner{
			height: 230px;
		}
		#banner h1{
			font-size: 29px;
			margin-bottom: 40px;
		}

	/* --- breacrumb --- */
		#breacrumb{
			height: 25px;
		}
		#breacrumb .container{
			padding-top: 6px;
			font-size: 8px;
		}

	/* --- descricao --- */
		#descricao .descricao{
			padding: 50px 0px 50px 0px;
		}
		#descricao .descricao h2{
			font-size: 24px;
			letter-spacing: 3px;
		}
		#descricao .descricao p{
			font-size: 10px;
			margin-top: -6px;
		}

		#descricao form{
			max-width: 275px;
		}
		#descricao .form-control{
			height: 22px;
			/*border: 0px;*/
		}
		#descricao .meio .form-control{
			max-width: 129px;
		}
		#descricao input.nome,
		#descricao select,
		#descricao textarea{
			width: 275px;
			font-size: 10px;
			padding-top: 0;
			padding-bottom: 0;
		}
		#descricao textarea{
			padding-top: 5px;
			min-height: 150px;
		}
		#descricao ::placeholder{
			font-size: 10px;
		}
		#descricao button.btn{
			margin-right: 5px;
			width: 56px;
			height: 25px;
			font-size: 11px;
			padding-top: 4px;
			padding-left: 6px;
		}
		

		#descricao .limite-direito{
			max-width: 100%;
    		margin-right: 0px;
		}
		#descricao .limite-direito img.imagem{
			object-position: top;
			width: 100%;
    		height: 260px;
			object-fit: cover;
		}
		#descricao .limite-direito .text-center{
			padding-top: 10px;
			height: 42px;
		}
		#descricao .limite-direito .text-center a{
			font-size: 10px;
			/*letter-spacing: 1px;*/
		}
		
		#descricao #agenda-visista{
			position: inherit;
			max-width: 100%;
			padding-top: 10px;
			padding-left: 20px;
			padding-right: 30px;
			padding-bottom: 10px;
			margin-bottom: 40px;
		}
		#descricao #agenda-visista h3 {
		    font-size: 22px;
		}
		#descricao #agenda-visista .media img{
			max-width: 12px;
			margin-top: 0px!important;
		}
		#descricao #agenda-visista .media p{
			font-size: 9px;
		}
		#descricao #agenda-visista h4{
		    font-size: 11px;
		}

		.agende-trabalhe-width{
			max-width: 100%;
		}
		
	/* --- mapa --- */
		#mapa{
			margin-top: 0px;
			margin-bottom: -8px;
		}
		#mapa iframe{
			height: 220px;
		}

	/* --- modal  --- */
		#modal_trabalheConosco .modal-dialog{
			/*max-width: 625px;*/
			margin-top: 20px;
			margin-left: 20px;
			margin-right: 20px;
		}
		#modal_trabalheConosco .text-right .fechar{
			width: 28px;
			height: 28px;
			font-size: 18px;
		}

		#modal_trabalheConosco .modal-body{
			padding-top: 40px;
			padding-bottom: 50px;
		}
		#modal_trabalheConosco .meio .form-control{
			max-width: 167px;
		}
		#modal_trabalheConosco input.nome,
		#modal_trabalheConosco select,
		#modal_trabalheConosco textarea{
			width: 350px;
			font-size: 12px;
		}
		#modal_trabalheConosco textarea{
			min-height: 200px;
		}

		#modal_trabalheConosco ::placeholder{
			font-size: 12px;
		}

		#modal_trabalheConosco .float-right .btn,
		#modal_trabalheConosco .float-left .btn{
			height: 30px;
			font-size: 12px;
		}
		
		.agende-direction{
			flex-direction: column-reverse;
		}

		.fale-conosco-zindex{
			z-index: unset!important;
		}
}

@media screen and (max-width: 375px) {
	/* --- banner --- */
		#banner{
			height: 230px;
		}
		#banner h1{
			font-size: 29px;
			margin-bottom: 40px;
		}

	/* --- breacrumb --- */
		#breacrumb{
			height: 25px;
		}
		#breacrumb .container{
			padding-top: 6px;
			font-size: 8px;
		}

	/* --- descricao --- */
		#descricao .descricao{
			padding: 50px 0px 50px 0px;
		}
		#descricao .descricao h2{
			font-size: 24px;
			letter-spacing: 3px;
		}
		#descricao .descricao p{
			font-size: 10px;
			margin-top: -6px;
		}

		#descricao form{
			max-width: 275px;
		}
		#descricao .form-control{
			height: 22px;
			/*border: 0px;*/
		}
		#descricao .meio .form-control{
			max-width: 129px;
		}
		#descricao input.nome,
		#descricao select,
		#descricao textarea{
			width: 100%;
			font-size: 10px;
			padding-top: 0;
			padding-bottom: 0;
		}
		#descricao textarea{
			padding-top: 5px;
			min-height: 150px;
		}
		#descricao ::placeholder{
			font-size: 10px;
		}
		#descricao button.btn{
			margin-right: 5px;
			width: 56px;
			height: 25px;
			font-size: 11px;
			padding-top: 4px;
			padding-left: 6px;
		}

		#descricao .limite-direito{
			max-width: 100%;
		}
		#descricao .limite-direito img.imagem{
			object-position: top;
			width: 100%;
			height: 200px;
			object-fit: cover;
		}
		#descricao .limite-direito .text-center{
			padding-top: 10px;
			height: 42px;
		}
		#descricao .limite-direito .text-center a{
			font-size: 10px;
		}
		
		#descricao #agenda-visista{
			max-width: 100%;
			padding-top: 10px;
			padding-left: 20px;
			padding-right: 30px;
			padding-bottom: 10px;
		}
		#descricao #agenda-visista h3 {
		    font-size: 22px;
		}
		#descricao #agenda-visista .media img{
			max-width: 12px;
			margin-top: 0px!important;
		}
		#descricao #agenda-visista .media p{
			font-size: 9px;
		}
		#descricao #agenda-visista h4{
		    font-size: 11px;
		}

		.agende-trabalhe-width{
			max-width: 100%;
		}
		
	/* --- mapa --- */
		#mapa{
			margin-top: 0px;
			margin-bottom: -8px;
		}
		#mapa iframe{
			height: 220px;
		}

	/* --- modal  --- */
		#modal_trabalheConosco .text-right .fechar{
			margin-top: -14px;
			margin-right: -12px;
			font-size: 18px;
		}

		#modal_trabalheConosco .modal-body{
			padding-top: 30px;
			padding-bottom: 40px;
		}
		#modal_trabalheConosco .meio .form-control{
			max-width: 145px;
		}
		#modal_trabalheConosco input.nome,
		#modal_trabalheConosco select,
		#modal_trabalheConosco textarea{
			width: 305px;
		}
		#modal_trabalheConosco textarea{
			min-height: 150px;
		}

		#modal_trabalheConosco .float-right .btn,
		#modal_trabalheConosco .float-left .btn{
			height: 26px;
			font-size: 10px;
		}
}

.fale-conosco-zindex{
	z-index: 1000000000;
}