/*----------HTML----------*/
body{
    background-color: #fff !important;
	font-size: 14px;
	overflow-x:hidden;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

main{
    padding: 50px 0 50px 0;
}

/*----------Navbar----------*/
.nav-item{
    color: #4e4e4e !important;
	font-size:17px;
	font-family: calibri;

}

.nav-item:hover,
.nav-item.active{
	color: #e2001a !important;
}

.social--icons{
    color:white;
    font-size:25px
}

.social--icons:hover{
    color:#d87b31;
}

.navbar-toggler{
    border: none;
}

#menu{
	
}

/*----------Header----------*/
header #main--carousel{
    margin-top: -90px;
    z-index: 1;
}

/*----------Main----------*/
.story__caption a{
	text-transform: none;
	text-decoration: none;
	color: white;
}

.story {
  width: 100%;
}

.story__shape {
    width: 100%;
    position: relative; 
}

.story__img {
    width: 100%;
    backface-visibility: hidden;
    transition: all .5s; 
}

.story:hover .story__img {
    /*filter: brightness(40%);*/
  opacity: 0.2;
}

.story__text {
    transform: skewX(12deg); 
}

.story__caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 25%);
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    text-align: center;
    opacity: 0;
    transition: all .5s;
    backface-visibility: hidden; 
}

.story:hover .story__caption {
    opacity: 1;
    transform: translate(-50%, -50%); 
}
  
/*----------Footer----------*/
footer{
    background-color: #5a595a;
    padding: 20px 0;
}

/*----------Bootstrap----------*/
.bg-light{
    background-color: transparent !important; /*#f8f9fa*/
    z-index: 2;
}

.carousel-inner{
    /*height: 105vh;*/
    /*height: 55vh;*/
}

.col-md-3{
    padding: 2px;
}

/*----------Generics----------*/
.mright-3{
    margin-right: 30px;
}

.mbottom-5{
    margin-bottom: 50px;
}

.row-mb-negative{
    margin-bottom: -15px;
}

.row-mt-positive{
    margin-top: 0px;
}

@media screen and (max-width: 768px){
	
	/*----------HTML----------*/
	section#default .col-md-3{
        margin-bottom: -17px;
    }
	
	main{
		padding: 2px 0 2px 0;
	}
	
	main#equipe{
		padding: 50px 0 50px 0;
	}
	
	main#contato{
		padding: 2px 0 50px 0;
	}
	
	main#detalhes{
		padding: 2px 0 50px 0;
	}
	
	/*----------Navbar----------*/
	.nav-item{
        color: #343a40 !important;
		font-size: 20px;
		padding: 20px 0 20px 0;
    }
	
	.social--icons{
        color:#343a40;
    }

    .navbar-nav{
        text-align: center;
    }
	
	#menu{
		border-bottom: none;
	}
	
	/*----------Header----------*/
	header #main--carousel{
        margin-top: 0;
    }
	
	.carousel-inner{
        height: 50%;
    }
	
	/*----------Main----------*/
	#segundo-socio{
		margin-top:30px;	
	}	
	
	#endereco-contato{
		margin-top:30px;	
	}
	
	#imgs-detalhes{
		text-align:center;	
	}
	
	#tabela-detalhes{
		width:100%;	
	}

	/*----------Footer----------*/

	/*----------Bootstrap----------*/
	.bg-light{
		/*background-color: #f8f9fa !important;*/
        /*alterado dia 08/08/2028*/
		background-color: #c29d53 !important;
        z-index: 2;
    }
	
	/*----------Generics----------*/
	.mright-3{
        margin-right: 0;
    }

    .mbottom-5{
        margin-bottom: 2px;
    }
	
	#projetos .col-md-3{
        margin-bottom: -17px;
    }
		
	.row-mb-negative{
        margin-bottom: 0px
    }
}