body, html{
	overflow-x: hidden;
}
a{
	text-decoration: none!important;
	color: black;
}
.block{
	display: block;
}
.transition{
	transition: all 0.3s ease-in-out;
}
.center{
	text-align: center;
}

html{
	scroll-behavior: smooth;
}
/**/
.principio{
	padding-top: 5%;
}
.principio img{
	width: 15%;
}
/**/
.principal .left {
    padding: 0% 0 10% 4%;
}
.principal h1{
	font-size: 45px;
}
.principal h6{
	font-size:18px;
}
.principal.item img {
	width: 11%;
}
.principal .item2 img {
	width: 16%;
}

.principal.item img, .principal .item2 img{
	opacity: 1;
	transition: .5s ease;
	backface-visibility: hidden;
	margin: 0 2.5% 5% 2.5%;
}
.principal.item img:hover,		.principal .item2 img:hover{
	opacity: 0.5;
}
.principal p {
	padding: 8% 25% 0% 25%;
	font-size: 18px;
}
/*-------------------------------------------------------------*/
nav{
padding: 0 5% 0 5%!important;
}
.jobs .col-6,.jobs .col-sm-6,.jobs .col-md-6,.jobs .col-lg-4,.jobs .col-xl-3{padding:0px!important;background-color:black}
.jobs img{width:100%;height:auto;display:block}

.content,.content2{position:absolute;
	/*color:white;*/
	font-family:bold;display:none;animation-duration:0.3s;
	animation-name:slidein}
	@keyframes slidein{from{opacity:.5}to{opacity:normal}}
	@keyframes slidebottom{from{top: 100;}to{top:0;}}
	.content{position:absolute;top:42.5%;left:50%;transform:translate(-50%,-50%); animation-duration:0.5s; animation-name:slidein}
	.content2{position:absolute;top:52.5%;left:50%;transform:translate(-50%,-50%); animation-duration:0.5s; animation-name:slidein	}
	.content2 h5 {
		font-size: 16px;
	}
	.zoom {
		overflow: hidden;
	}
	.zoom img {
		max-width: 100%;
		-moz-transition: all 0.5s;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
	}
	.zoom:hover img {
		-moz-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	.full-content.job{transition:all 0.3s ease-in-out}.full-content:hover .job{opacity:.3}.full-content:hover .content,.full-content:hover .content2{display:block}
.disponibilidade label{
	padding: 0 1% 0 0;
}
.principal img, .navbar-collapse.collapse{
	display: inline-block!important;
}
.navbar-nav {
     float: right!important;
    }
    .btn-link{
    	color: white;
    }
    .card-header{
    	background:black;
    }
@media only screen and (max-width:1680px){

	.principal p {
		padding: 8% 22% 0% 22%;
		font-size: 16px;
	}
}
@media only screen and (max-width:1450px){

}
@media only screen and (max-width:1366px){
	.principal p {
		padding: 8% 20% 0% 20%;
		font-size: 16px;
	}
}
@media only screen and (max-width:1280px){

}
@media only screen and (max-width:1200px){
	.principal p{
		padding: 8% 18% 0% 18%;
	}
}
@media only screen and (max-width:1100px){
	.principal p {
		padding: 8% 16% 0% 16%;
		font-size: 14px;
	}
}
@media only screen and (max-width:1000px){
	.principal p {
		padding: 8% 14% 0% 14%;
	}
}
@media only screen and (max-width:992px){
}
@media only screen and (max-width:991px){
	.principio img {
		width: 25%;
	}
	.principal .item img {
		width: 25%;
	}
	.principal .item2 img {
		width: 36%;
	}
	.principal p {
		padding: 3% 38% 4.5% 38%;
		margin: 0;
	}
}
@media only screen and (max-width:768px){
	.principal p {
		padding: 3% 34% 4.5% 34%;
	}
}
@media only screen and (max-width:700px){
	.principio img {
		width: 28%;
	}

}
@media only screen and (max-width:600px){
.principal p {
    padding: 3% 30% 4.5% 30%;
}
}
@media only screen and (max-width:500px){
.principal p {
    padding: 3% 25% 4.5% 25%;
}
}
@media only screen and (max-width:400px){
.principal p {
    padding: 3% 22% 4.5% 22%;
}
}
@media only screen and (max-width:350px){
.principal p {
    padding: 3% 18% 4.5% 18%;
}
}