/*import*/
@import url("global.css");
@import url("header-footer.css");

a[href*="contato.html"] {
	color: var(--new-orange)!important;
}

/* --- banner --- */
	#banner{
		overflow: hidden;
		padding-bottom: 15px;
	}
	#banner .imagem{
		width: 50%;
	}
	#banner .imagem img{
		position: relative;
		left: 0%;
		box-shadow: 5px 10px 0 var(--new-orange);
		border-bottom-left-radius: 152px;
		border-bottom-right-radius: 152px;
	}
	#banner .desc{
		width: 50%;
		background-color: var(--new-blue);
		height: 367px;
		border-bottom-right-radius: 152px;
	}
	#banner .desc h1{
		font-size: 55px;
		line-height: 50px;
		margin-left: -180px;
	}
	
/* --- descricao --- */
	#descricao h2{
		font-size: 35px;
		line-height: 50px;
		margin-bottom: 30px;
	}
	#descricao p{
		font-size: 16px;
	}
	#descricao .media{
		margin-top: 50px;
	}
	#descricao .media img{
		margin-right: 30px;
	}
	#descricao .media h3{
		font-size: 22px;
		margin-bottom: 15px;
	}
	#descricao .media a{
		font-size: 16px;
		color: #707070;
	}

/* --- formulario --- */
	#formulario{
		padding-left: 30px;
		padding-right: 25px;
	}
	#formulario input,
	#formulario textarea{
		border-color: #D4D4D4;
		border-radius: 8px;
		height: 55px;
		background-color: white;
		margin-bottom: 14px;
		font-size: 16px;
		color: #707070;
		padding-left: 23px;
	}
	#formulario textarea{
		height: 169px;
		padding-top: 15px;
	}
	#formulario a.btn{
		height: 43px;
		font-size: 16px;
		padding-left: 10px;
		padding-right: 10px;
		font-family: "Poppins-Regular";
	}

.bg-contato{
	overflow: hidden;
	position: absolute;
	margin-top: -300px;
	z-index: -1;
}
.bg-contato img{
	margin-left: -500px;
}

/* --- trabalhe --- */
	#trabalhe{
		padding-right: 30px;
	}
	#trabalhe .media{
		border-radius: 35px;
	}
	#trabalhe img{
		margin-right: 20px;
	}
	#trabalhe h2{
		font-size: 35px;
		line-height: 50px;
	}
	#trabalhe a.btn{
		margin-top: 10px;
		border: 1px solid white;
		height: 43px;
		font-size: 16px;
		font-family: "Poppins-Regular";
		padding-left: 15px;
		padding-right: 15px;
		border-radius: 10px;
	}
	#trabalhe a.btn:hover{
		background-color: white;
		color: var(--new-orange);
	}

/* --- mapa --- */
	#mapa{
		padding-left: 30px;
	}
	#mapa iframe{
		height: 246px;
		border-radius: 35px;
	}

/* --- modal trabalhe conosco --- */
	#modal_trabalhe .modal-lg{
		max-width: 700px!important;
		width: 100%;
	}
	#modal_trabalhe .modal-content{
		border-radius: 20px!important;
	}
	#modal_trabalhe .modal-body{
		padding: 0;
	}
	#modal_trabalhe button{
		position: absolute;
		right: 0;
		margin-top: -25px;
		margin-right: -25px;
		z-index: 2;
		opacity: 1;
	}
	#modal_trabalhe .form{
		margin-top: 0px;
		padding: 50px 30px;
	}
	#modal_trabalhe h2{
		font-size: 20px;
		margin-bottom: 20px;
	}
	#modal_trabalhe select,
	#modal_trabalhe label,
	#modal_trabalhe input{
		height: 43px;
		font-size: 16px;
		background-color: #F5F6F8;
		border-radius: 10px;
		padding-left: 20px;
		margin-bottom: 13px;
		color: #707070;
	}
	#modal_trabalhe label{
		border: 1px solid #ced4da;
	}
	#modal_trabalhe input[type='file'] {
		display: none
	}
	#modal_trabalhe label{
		color: var(--new-gray-dark);
	 	cursor: pointer;
	 	width: 100%;
	 	padding-top: 10px;
	}
	#modal_trabalhe label .float-right{
		background-color: #707070;
		color: white;
		width: 66px;
		height: 19px;
		text-align: center;
		font-size: 9px;
		margin-right: 25px;
		padding-top: 3px;
		border-radius: 10px;
	}
	#modal_trabalhe a.btn{
		height: 43px;
		padding-top: 10px;
		border-radius: 10px;
		font-family: "Poppins-Regular";
	}
	#modal_trabalhe .imagem{
		background: url(../imagens/img-principal2.png)no-repeat center center;
		background-size: cover;
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
	}

@media screen and (max-width: 1660px) {
	/* --- banner --- */
		#banner .imagem img{
			left: -18%;
		}
		#banner .desc h1{
			margin-left: -60px;
		}
}

@media screen and (max-width: 1440px) {
		.container{
			width: 1000px!important;
		}
	/* --- banner --- */
		#banner .imagem img{
			left: -42%;
		}
		#banner .desc h1{
			margin-left: 80px;
		}
		#banner .desc{
			border-bottom-right-radius: 0;
		}
}

@media screen and (max-width: 1200px) {
	/* --- banner --- */
		#banner .imagem img{
			left: -110%;
		}
		#banner .desc h1{
			margin-left: 0px;
		}

	.bg-contato{
		display: none;
	}

	/* --- trabalhe --- */
		#trabalhe{
			padding-right: 15px;
		}
		#trabalhe .bg-orange{
			overflow: hidden;
		}
		#trabalhe img{
			max-width: 200px;
			height: 246px;
			object-fit: cover;
			margin-right: 20px;
			border-radius: 30px;
		}
		#trabalhe h2{
			font-size: 30px;
			line-height: 40px;
		}
		#trabalhe a.btn{
			padding-left: 10px;
			padding-right: 10px;
		}

	/* --- mapa --- */
		#mapa{
			padding-left: 15px;
		}

	/* --- modal trabalhe conosco --- */
		#modal_trabalhe select,
		#modal_trabalhe label,
		#modal_trabalhe input{
			margin-bottom: 16px;
		}
}

@media screen and (max-width: 1024px){
		.container{
			width: 800px!important;
		}
		#descricao h2 {
		    font-size: 28px;
		}
		#descricao p {
		    font-size: 15px;
		}
		#descricao .media h3 {
		    font-size: 18px;
		    margin-bottom: 5px;
		}
		#descricao .media a {
		    font-size: 14px;
		}
		.media img {
		    width: 75px;
		}
		#trabalhe img{
			width: 150px;
			height: 150px;
		}
		#trabalhe h2 {
		    font-size: 25px;
		}
		#trabalhe a.btn{
			font-size: 12px;
		}
		#mapa iframe {
		    height: 150px;
		}
}

@media screen and (max-width: 992px) {
	/* --- banner --- */
		#banner .desc{
			width: 100%;
			height: 205px;
		}
		#banner .desc h1{
			text-align: center;
		}
		#banner .imagem img{
			left: -80%;
			height: 391px;
		}

	/* --- descricao --- */
		#descricao h2{
			font-size: 35px;
			line-height: 40px;
			text-align: center;
		}
		#descricao .media{
			margin-bottom: 50px;
		}
		#descricao .media a{
			font-size: 16px;
		}

	/* --- formulario --- */
		#formulario{
			padding-left: 15px;
			padding-right: 15px;
		}
		#formulario input,
		#formulario textarea{
			padding-left: 15px;
		}

	/* --- trabalhe --- */
		#trabalhe{
			margin-bottom: 30px;
		}
		#trabalhe img{
			max-width: 250px;
			margin-right: 25px;
		}

	/* --- modal trabalhe conosco --- */
		#modal_trabalhe .modal-lg{
			max-width: 400px!important;
		}
		#modal_trabalhe .modal-content{
			overflow: initial; 
		}
		#modal_trabalhe .imagem{
			background: url(../imagens/img-principal.png)no-repeat center center;
			background-size: cover;
			height: 323px;
			border-bottom-left-radius: 20px;
			border-bottom-right-radius: 20px;
		}
}

@media screen and (max-width: 768px){
		.container{
			width: 700px!important;
		}
}

@media screen and (max-width: 480px) {
		.container{
			width: 100%!important;
		}
	/* --- banner --- */
		#banner .desc h1{
			font-size: 43px;
			line-height: 40px;
		}
		#banner .imagem img{
			left: initial;
			right: 95%;
		}

	/* --- descricao --- */
		#descricao h2{
			font-size: 25px;
			margin-bottom: 20px;
		}
		#descricao .media{
			margin-top: 30px;
			margin-bottom: 50px;
		}
		#descricao .media img{
			margin-right: 15px;
			max-width: 80px;
		}
		#descricao .media h3{
			margin-bottom: 10px;
		}

	/* --- formulario --- */
		#formulario input,
		#formulario textarea{
			padding-left: 15px;
		}
		#formulario a.btn{
			margin-top: 20px;
		}

	/* --- trabalhe --- */
		#trabalhe img{
			max-width: 180px;
			height: 176px;
			margin-right: 15px;
		}
		#trabalhe h2{
			font-size: 25px;
			line-height: 30px;
		}
		#trabalhe a.btn{
			height: 31px;
			font-size: 11px;
			padding-top: 7px;
		}

	/* --- mapa --- */
		#mapa iframe{
			height: 236px;
		}

	/* --- modal trabalhe conosco --- */
		#modal_trabalhe .modal-lg{
			max-width: 341px!important;
			margin-top: 30px;
			margin-bottom: 30px;
			margin-left: auto;
			margin-right: auto;
		}
		#modal_trabalhe .form{
			padding: 40px 35px 40px 35px;
		}
		#modal_trabalhe h2{
			font-size: 20px;
		}
}

@media screen and (max-width: 375px) {
	/* --- banner --- */
		#banner .imagem img{
			right: 120%;
		}

	/* --- descricao --- */
		#descricao h2{
			font-size: 22px;
		}
		#descricao .media img{
			max-width: 70px;
			margin-right: 10px;
		}
		#descricao .media h3{
			font-size: 20px;
			margin-bottom: 10px;
		}
		#descricao .media a{
			font-size: 15px;
		}

	/* --- trabalhe --- */
		#trabalhe img{
			max-width: 150px;
			margin-right: 15px;
		}
		#trabalhe h2{
			font-size: 20px;
			line-height: 25px;
		}
		#trabalhe a.btn{
			height: 31px;
			font-size: 11px;
			padding-top: 7px;
		}
}

@media screen and (max-width: 350px) {
	/* --- trabalhe --- */
		#trabalhe img{
			max-width: 120px;
			margin-right: 10px;
		}
		#trabalhe h2{
			font-size: 18px;
		}
}