body{
	background:#000;
}



/*Header*/

.content-contact{
    display: flex;
    align-items: center;
    grid-gap: 5px;
}





  @keyframes slideDown {
    0% {
      top: -200px;
    }
		
		100%{
			top:0px;
		}
  }

.logo-field img{
	width:50px;
}

.cabecalho-principal.fixed .logo-field img{
	width:240px;
	filter:invert(1);
}

.email-field{
	transition:all 1s;
}

.email-field:hover{
	
	transform:scale(1.2);
}

.email-field a{
	color:#fff;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:18px;
	font-weight:900;
	
}

.email-field a:hover{
	text-decoration:none;
}


/*Section Slogan*/

section.slogan .col-lg-12 {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*Content Portfólio*/

section.portfolio-content{
	padding:110px 0px 0px 0px;
	overflow:hidden;
}

section.portfolio-content .animate{
	padding:0px;
	opacity:0;
}

section.portfolio-content .animate.custom-style{
	animation: showPost 1s forwards;
}



  @keyframes showPost {
    0% {
      top: 200px;
			opacity:0;
    }
		
		100%{
			top:0px;
			opacity:1;
		}
}

section.portfolio-content .item-portfolio{
	position:relative;
	overflow:hidden;
	transition:all 2s;
	z-index:8;
	cursor:pointer;
}

section.portfolio-content .item-portfolio .img-thumnail img{
	width: 100%;
	transition:all 1s;
}

section.portfolio-content .item-portfolio .info-item {
    position: absolute;
	z-index:9999999;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	background:#000000bd;
	opacity:0;
	transition:all .6s;
}

section.portfolio-content .item-portfolio:hover .info-item{
	opacity:1;
}

section.portfolio-content .item-portfolio:hover .img-thumnail img{
	transform:scale(1.1);
}

section.portfolio-content .item-portfolio .info-item h2{
	color:#fff;
	font-weight:900;
	font-size:28px;
	font-family: "futura-pt-bold", sans-serif;
font-weight: 700;
	opacity:0;
	transition:all 1s;
}

section.portfolio-content .item-portfolio .info-item:hover h2{
	opacity:1;
}

section.portfolio-content .item-portfolio .info-item p{
	color:#fff;
	letter-spacing:1px;
	font-size:13px;
	font-family: "futura-pt", sans-serif;
	font-weight: 400;
	opacity:0;
	transition:all 1s;
}

section.portfolio-content .item-portfolio .info-item:hover p{
	opacity:1;
}


/*Modal Vídeo*/

.modal-video{
	position:fixed;
	width:100%;
	height:100%;
	z-index:9999;
	top:0px;
	left:0px;
	background:#000000d9;
	backdrop-filter: blur(3px);
	display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
	visibility:hidden;
	overflow:hidden;
	opacity:0;
	transition:all .4s;
}

.modal-video.active{
	visibility:visible;
	opacity:1;
}


.modal-video .close-modal{
	position:absolute;
	top:35px;
	right:35px;
	opacity:0.6;
	transition:all .4s;
	cursor:pointer;
}

.modal-video .close-modal:hover{
	opacity:1;
}

.modal-video .close-modal img{
	width:25px;
}

.modal-video .video-content{
	width:fit-content;
	overflow:hidden;
	opacity:0;
}


.modal-video.active .video-content{
	opacity:1;
}



@media only screen and (max-width: 1100px) {
	
	.modal-video.active{
		padding:0px 30px;
	}
	
	.modal-video.active .video-content{
		width:100%;
	}
	
	.video-content iframe{
		width:100%;
	}
	
}

@media only screen and (max-width: 990px) {
	
	section.portfolio-content .col-lg-4:hover {
    transform: scale(1);
    z-index: 9 !important;
    box-shadow: 0px 0px 0px #000;
}
	
	section.portfolio-content .item-portfolio .info-item {
    position: absolute;
    z-index: 9999999;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #0000008f;
    opacity: 1;
    transition: all .6s;
}
	
	section.portfolio-content .item-portfolio .info-item h2 {
    opacity: 1;
}
	
	
	section.portfolio-content .item-portfolio .info-item p {
    opacity: 1;
}
	
}

@media only screen and (max-width: 640px) {
	
.cabecalho-principal .content-contact {
    display: flex;
    align-items: center;
    grid-gap: 20px;
    flex-direction: column;
}
	
	.cabecalho-principal.fixed .content-contact {
    display: flex;
    align-items: center;
    grid-gap: 20px;
    flex-direction: row;
}
	
	.cabecalho-principal nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    grid-gap: 20px;
}
	
	.cabecalho-principal.fixed nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    grid-gap: 20px;
}
	
	.cabecalho-principal {
    padding: 30px 0px;
    position: fixed;
    width: 100%;
    background: #000;
    z-index: 9;
    top: 0px;
}
	
	section.portfolio-content {
    padding: 80px 0px 0px 0px;
    overflow: hidden;
}
	
}