
@font-face {
     font-family: monteserrat;
    /* src: url('../fonts/Montserrat-Regular.ttf');*/
	 src: url('../fonts/Standup W01 Caps Regular.ttf');
	 
}

@font-face {
     font-family: ebrima;
     src: url('../fonts/ebrima.ttf');
	 
}


/*.cambria{
   font-family: 'ebrima.ttf';
   src: url("../fonts/ebrima.ttf");
}*/

.popins{
   font-family: 'popins.ttf';
   src: url("../fonts/Poppins-Regular.ttf");
}



/* classes do bootstrap */
		.navbar-collapse .navbar-nav li a{
			color: #fff; !important;
			font-family:monteserrat;
			font-size:12px;
			font-weight:bold;
		}
		.navbar-collapse .navbar-nav li a:hover {
			background:#FFCC2B !important;
			color: #000 !important;
		}
		#bs-example-navbar-collapse-1{
			position:absolute;
			z-index:9999;
			width:100%;
		}
		
		modal-content {
			z-index:0;
			position:relative;
		}
		.modal fade {
			z-index:1;
			position:relative;
			background-color:#FFF;
		}
		


*{font-family:ebrima }

p{font-family:ebrima }
h1{font-family:monteserrat; font-size:18px; font-weight:bold; margin-bottom:10px;}
.h1Servicos{
	font-family:monteserrat;
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:10px;
}

.h1Porfolio1{
	font-family:monteserrat !important;
	font-size:18px;
	margin-top:-50px;
}
.logo{
	margin-top:20px;	
}
.topo-conteudo{
	background-color:#333;	
	padding:20px;
	height:100px;
}
.menu{
	margin-top:30px;	
}

.pgInstitucionais{
	padding:50px;	
}

.formContato{
	height:40px;
	margin-bottom:10px;
	border-radius: 3px;
}
.formulario{
	margin-top:50px;	
}
.institucional, .contato{
	background-color:#f2f2f2;
	padding:50px;
}
.textoInstitucional{
	font-size:24px;
	margin-top:50px;
}

.servicos{
	margin-top:50px;	
}


.cxConstrucaoCivil{
	background:#000;
	color:#FFF;
	height:450px;
	text-align:center;
	padding:20px;
	padding-top:50px; 
	margin-top:80px;	
}

.cxObras{
	background:#5B6F76;
	color:#FFF;
	height:450px;
	text-align:center;
	padding:20px;
	padding-top:50px; 
	margin-top:80px;	
}

.cxReformas{
	background:#93B5C4;
	color:#FFF;
	height:450px;
	text-align:center;
	padding:20px;
	padding-top:50px; 
	margin-top:80px;	
}

.parallax-home {
  background-image: url('../uploads/2023.11.23-11.20.31.png');
  min-height: 250px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-portfolio {
  background-image: url('../imagens/paralax-portfolio.jpg');
  width: 100%;
  height: 20vh;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

[data-anime] {
  opacity: 0;
  transition: .3s;
}

[data-anime="left"] {
  transform: translate3d(-50px, 0, 0);
}

[data-anime="right"] {
  transform: translate3d(50px, 0, 0);
}

[data-anime="top"] {
  transform: translate3d(0, -50px, 0);
}

[data-anime].animate {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}
.zoom {
	overflow: hidden;
}

.zoom img {
	max-width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	/*-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray; /* IE */
}

.zoom:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: none;	
	filter: none;	
}
.whatsapp-fixo {
		position: fixed;
		bottom:10px;
		right:10px;
		z-index: 999;
}



footer{
	background-color:#333;
	color:#FFF;
	padding:50px;
}
.topo {
  width: 100%;
  height: 100vh;
  position:relative;
  animation: changeBackgroundImage 20s infinite;
  display: flex;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}



.img-fotos{
	object-fit: cover;
	object-position: center;
	width:300px;
	height:177px;
}



@keyframes changeBackgroundImage {
  0% {
    background-image: url('../uploads/2023.11.29-10.41.51.png');
  }
  50% {
    background-image: url('../uploads/2023.11.29-10.42.56.png');
  }
  100% {
    background-image: url('../uploads/2023.11.29-10.41.51.png');
  }
 /* 75% {
    background-image: url('https://picsum.photos/id/1000/1500/1000');
  }
  100% {
    background-image: url('https://picsum.photos/id/1015/1500/1000');
  }*/
}



/*.imgCinza{
			
		/*-webkit-filter: grayscale(150%);*/
	/*	-webkit-filter: brightness(40%);
		
	}
.imgCinza:hover {
		opacity: 5.0;
		-webkit-filter: grayscale(0%);
		color:#333;
}

/*-------------------------------------------------*//* versao celular */

@media(min-width: 280px) and (max-width: 750px) {
	
	#bs-example-navbar-collapse-1{
		position:absolute;
		z-index:9999;
		width:100%;
		background:#1f1e24;
		color:#fff;
		border-bottom:1px solid #ccc !important;
		margin-left:-15px;
		margin-bottom: 10px;
	}
	.navbar-collapse .navbar-nav li a:hover {
		background:#900 !important;
		color: #fff !important;
		width:100%;
	}
	
	.menu{
		margin-left:-20px;	
	}
	
	.topo-conteudo{
	background-color:#333;	
	padding:10px;
}


.topo {
  width: 100%;
  height: 100vh;
  position:relative;
  animation: changeBackgroundImage 1200s infinite;
  display: flex;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
}


@keyframes changeBackgroundImage {
  0% {
    background-image: url('../uploads/2023.11.29-10.41.51.png');
  }
  50% {
    background-image: url('../uploads/2023.11.29-10.42.56.png');
  }
  100% {
    background-image: url('../uploads/2023.11.29-10.41.51.png');
  }
}

.topo-conteudo{
	background-color:#333;	
	padding:20px;
	height:50px;
}

.parallax-home {
  background-image: url('../uploads/2023.11.23-11.20.31.png');
  min-height: 250px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}






	
}
