@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
/*font-family: 'Roboto', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Contrail+One&display=swap');
/*font-family: 'Contrail One', cursive;*/

/*pag Inicial*/
.Bk_Inicial{
	width:100%;
	height:auto;
	background: #000;
	float:left;
	position:relative;
	padding-top:145px;
	padding-bottom:150px;
	}
#Inicial{
	width:10px;
	height:145px;
	position:absolute;
	top:-145px;
	}			
@media(max-width:535px){.Bk_Inicial{ padding-top:100px;}}	
@media(max-width:535px){#Servicos, #Obras, #Empresa, #Contato{ height:100px; top:-100px;}}	
.Banner_destaque{
	width:100%;
	height:auto;
	float:left;
	position:relative;
	text-align:center;
	}
.ImagemBanner{
	width:100%;
	display: block;
	content: url(../imagens/banner/demolidora-ws-demolicao-em-sao-paulo.png);
}	
@media(max-width:535px){.ImagemBanner{ content:url(../imagens/banner/demolidora-ws-demolicao-em-sao-paulo-V.png);}}	
.diviz_inicio2{
	width:100%;
	height:60px;
	background:url(../imagens/fundo/div_rodape1.png) repeat-x center top;
	position: absolute;
	bottom:0;
	z-index:800;
	}	
@media(max-width:535px){.diviz_inicio2{ bottom:0; background-size:100%; height:8%;}}	
.diviz_inicio3{
	width:100%;
	height:60px;
	background:url(../imagens/fundo/div_rodape2.png) repeat-x center top;
	position: absolute;
	bottom:0;
	z-index:800;
	}
.Inicio_cont_dois{
	max-width:1250px;
	margin:auto;
	}
@media(max-width:1250px){.Inicio_cont_dois{max-width:90%;}}		
.Titlec_Laranja{
	width: 100%;
	height:auto;
	float:left;
	font-family:'Contrail One',Arial, Helvetica, cursive;
	font-size:36px;
	font-weight:300;
	color:#f5811e;
	text-align:center;
	padding-top:50px;
	}
.Txt_Inicial_bem{
	width:100%;
	height:auto;
	float:left;
	font-family:'Roboto',Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFF;
	text-align:center;
		margin-bottom:50px;
	}	
.Bt_Inicio_bem, .Bt_Inicio_bem:visited, .Bt_Inicio_bem:active{
	width:280px;
	height:50px;
	background:#f5811e;
	border:0;
	font-family:'Roboto',Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFF;
	text-align:center;
	cursor:pointer;
	transition:0.2s ease-in-out;
	}	
.Bt_Inicio_bem:hover{
	background:#333;
		-webkit-transition:0.2s ease-out;
	-moz-transition:0.2s ease-out;
	-o-transition:0.2s ease
	-out;transition:0.2s ease-out;
	}	
.alinha_bt300{
	max-width:280px;
	margin:auto;
	margin-bottom:50px;
	}	
.Quad_inicio_dest, .Quad_inicio_dest:visited, .Quad_inicio_dest:active{
	width:auto;
	height:auto;
	padding:12.2%;
	margin:0.3%;
	background:#f5811e url(../imagens/fundo/Inicia_bt_dest.png) top center no-repeat;
	float:left;
	position:relative;
	cursor:pointer;
	transition:0.2s ease-in-out;
	}	
.ico_inicio_dest{
	width:120px;
	height:120px;
	position:absolute; top:50%; left:50%;
	margin-top:-90px;
	margin-left:-60px;
	}	
.TT_ico_inicio_dest{
	width:100%;
	height:100px;
	position:absolute; left:0; bottom:0;
	font-family:'Contrail One',Arial, Helvetica, cursive;
	font-size: 24px;
	font-weight:300;
	color: #FFF;
	text-align:center;
	}	
@media(max-width:1100px){.TT_ico_inicio_dest{height:80px;}}	
@media(max-width:970px){.Quad_inicio_dest{padding:24.4%; }}	
@media(max-width:650px){.Quad_inicio_dest{padding:48.8%; margin-bottom:1.5%;}}		
.Quad_inicio_dest:hover{
	background: #333 url(../imagens/fundo/Inicia_bt_dest.png) top center no-repeat;
	-webkit-transition:0.2s ease-out;
	-moz-transition:0.2s ease-out;
	-o-transition:0.2s ease
	-out;transition:0.2s ease-out;
		/*zoom*/
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}
	

/*Pag Servicos*/
.Bk_servicos{
	width:100%;
	height:auto;
	background: #FFF;
	float:left;
	position:relative;
	padding-top:100px;
	padding-bottom:150px;
	}
#Servicos{
	width:10px;
	height:145px;
	position:absolute;
	top:-145px;	
	}	
.Divicao_Serv{
	width:100%;
	height:65px;
	background:url(../imagens/fundo/div_sevicos.png) repeat-x;
	position:absolute;
	bottom:0;
	}		
.LarguraPP{max-width:1250px; margin:auto;
	}	
@media(max-width:1250px){.LarguraPP{max-width:90%;}}		
.QuadBServ{
	width:32.3%;
	height:auto;
	background:#333 url(../imagens/fundo/S-Bk_beneficio.png) repeat-x top center;
	position:relative;
	float:left;
	margin:0.5%;
	padding-top:50px;
	padding-bottom:30px;
	}	
@media(max-width:500px){.QuadBServ{	width:100%;}}		
.DecorTopServ{
	width:100%;
	height:50px;
	background:url(../imagens/fundo/S-Bk_beneficio_top.png) no-repeat left top;
	position:absolute;
	top:0;
	}	
.DecorSobraServ{
	width:100%;
	height:60%;
	position:absolute;
	bottom:0;
	background: linear-gradient(to bottom, transparent 0%, black 110%);
	}	
.IcoServBen{
	width:100%;
	text-align:center;
	z-index:800;
	position:relative;
	}	
.TitleBTBenef{
	width:100%;
	text-align:center;
	font-family:'Contrail One',Arial, Helvetica, cursive;
	font-weight:300;
	font-size:24px; 
	color:#FFF;
	z-index:800;
	position:relative;
	padding-top:10px;
	}	

.BkMarcenariaDe{
	width:100%;
	height:auto;
	background:#5c3d20;
	float:left;
	margin-top:50px;
	position:relative;
	}	
.DirMarcenaria{
	background:url(../imagens/anuncio/sustentabilidade-meio-ambiente.png) no-repeat right top;
	position: absolute;
	bottom:0; top:0;
	width:50%;
	height:auto;
	float:left;
	}
.imgmobile{display:none;
	}	
@media(max-width:880px){.DirMarcenaria{ background: url( ); width:100%; position:relative;}}		
@media(max-width:880px){.imgmobile{	width:100%; display:block;}}	
.EsqMarcenaria{
	width:50%;
	height:auto;
	float:right;
	padding-top:6%;
	padding-bottom:6%;
	}
@media(max-width:880px){.EsqMarcenaria{ width:100%; padding-top:10%; padding-bottom:10%;}}		
.LogoArteMadeiraDemolicao{
	width:100%;
	text-align:center;
	cursor:pointer;
	}
.TXT_ArtemadeiraDD{
	width:90%; text-align:center;
	font-family:'Roboto',Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #FFF;
	text-align:center;
	padding:5%;
	}	
.BTSS_Pro, .BTSS_Pro:visited, .BTSS_Pro:active{
	width:200px;
	height:50px;
	font-family:'Roboto',Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #FFF;
	background:#000;
	border:0;
	cursor:pointer;
	transition:0.2s ease-in-out;
	}
.BTSS_Whats, .BTSS_Whats:visited, .BTSS_Whats:active{
	width:200px;
	height:50px;
	font-family:'Roboto',Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFF;
	background:#34af23 url(../imagens/iconex/btWhatsApp.svg) no-repeat left 15px center;
	border:0;
	cursor:pointer;
	transition: 0.2s ease-in-out;
	}
.AlinhaBTServ{
	max-width:200px;
	margin:auto;
	padding-bottom:10px;
	}
.BTSS_Pro:hover{background:#333;}		
.BTSS_Whats:hover{background:#333 url(../imagens/iconex/btWhatsApp.svg) no-repeat left 15px center;;}	

.TT_Serv_um{
	width:100%; text-align:center;
	padding-bottom:20px;
	font-family:'Contrail One',Arial, Helvetica, cursive; 
	font-weight:300; 
	font-size: 36px; 
	color:#f5811e;
	}	
.TXT_Serv_um{
	width:100%; text-align:center;
	font-family:'Roboto',Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #000;
	text-align:center;
	padding-bottom:30px;
	}	
.BklistServ{
	width:48%;
	height:auto;
	float:left;
	margin-right:2%;
	}
.BkImgSer{
	width:50%;
	height:auto;
	float:left;
	}	
@media(max-width:750px){.BklistServ{width:100%; margin:0;}}
@media(max-width:750px){.BkImgSer{width:100%; padding-top:20px;}}	
.TT_Serv_dois{
	width:100%; text-align:center;
	padding-bottom:20px;
	padding-top:50px;
	font-family:'Contrail One',Arial, Helvetica, cursive; 
	font-weight:300; 
	font-size: 36px; 
	color: #000;
	float:left;
	}			

/*Pag Obras*/
.Bk_obras{
	width:100%;
	height:auto;
	background:#ECEFF1;
	float:left;
	position:relative;
	padding-top:100px;
	padding-bottom:150px;
	}
#Obras{
	width:10px;
	height:145px;
	position:absolute;
	top:-145px;	
	}	
.Divicao_Obras{
	width:100%;
	height:65px;
	background:url(../imagens/fundo/div_obras1.png) repeat-x bottom center;
	position:absolute;
	bottom:0;
	}
.TT_obra{
	width:100%;
	height:auto;
	font-family:'Contrail One',Arial, Helvetica, cursive; 
	font-weight:300; 
	font-size: 36px; 
	color:#f5811e;
	text-align:center;
	padding-bottom:25px;
	}	
.TXT_obra{
	width:100%;
	height:auto;
	font-family:'Roboto',Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #000;
	text-align:center;
	padding-bottom:50px;
	}
.Lado_EsqO{
	width:45%;
	height:auto;
	float:left;
	padding-right:5%;
	}
.Lado_DirO{
	width:50%;
	height:auto;
	float:left;
	}	
@media(max-width:790px){.Lado_EsqO{width:100%; padding-right:0; margin-bottom:25px;}}	
@media(max-width:790px){.Lado_DirO{width:100%;}}	
.BTConvertObras{
	width:100%; 
	height:auto;
	float:left;
	padding-top:50px;
	}	
/* instagram */	
.bkPost_instagran{
	width:100%;
	height:auto;
	float:left;
	margin-top:50px;
	}	
.quadcont{ max-width:25%; float: left;}
.quadcont:hover{filter: brightness(120%);}					
/* final instagram */	

/*Pag Empresa*/
.Bk_empresa{
	width:100%;
	height:auto;
	background: #FFF;
	float:left;
	position:relative;
	padding-top:100px;
	padding-bottom:150px;
	}
#Empresa{
	width:10px;
	height:145px;
	position:absolute;
	top:-145px;	
	}	
.Divicao_Empresa{
	width:100%;
	height:69px;
	background:url(../imagens/fundo/div_faleConosco.png) repeat-x bottom center;
	position:absolute;
	bottom:0;
	}	
.TT_Empresa{
	width:100%;
	height:auto;
	font-family:'Contrail One',Arial, Helvetica, cursive; 
	font-weight:300; 
	font-size: 36px; 
	color:#f5811e;
	text-align:center;
	padding-bottom:50px;
	}
.TT2_Empresa{
	width:100%;
	height:auto;
	float:left;
	font-family:'Contrail One',Arial, Helvetica, cursive; 
	font-weight:300; 
	font-size: 36px; 
	color:#f5811e;
	text-align:center;
	margin-top:50px;
	padding-bottom:25px;
	}		
.TXT_Empresa{
	width:100%;
	height:auto;
	float:left;
	font-family:'Roboto',Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #000;
	text-align:left;
	padding-bottom:50px;
	}	
.TXT2_Empresa{
	width:100%;
	height:auto;
	float:left;
	font-family:'Roboto',Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #000;
	text-align: center;
	padding-bottom:50px;
	}		
.Lado_EsqE{
	width:45%;
	height:auto;
	float:left;
	padding-right:5%;
	}
.Lado_DirE{
	width:50%;
	height:auto;
	float:left;
	}
.LarguraBTWempresa{
	max-width:auto; margin:auto;
	}	
@media(max-width:750px){.Lado_EsqE{width:100%; padding-right:0; margin-bottom:50px;}}		
@media(max-width:750px){.Lado_DirE{width:100%; }}
@media(max-width:750px){.TXT_Empresa{text-align: center; }}
@media(max-width:750px){.LarguraBTWempresa{max-width:200px; margin:auto; }}
/*logo marcas clientes*/	
#iframeMarcas{ width:100%; height:170px; margin:0; padding:0; border:0; position:relative; z-index:900;}		
@media(max-width:1250px){#iframeMarcas{height:170px;}}
@media(max-width:952px){#iframeMarcas{height:150px;}}
@media(max-width:645px){#iframeMarcas{height:140px;}}
@media(max-width:470px){#iframeMarcas{height:100px;}}		

/*Pag Contato*/
.Bk_contato{
	width:100%;
	height:auto;
	background: #ff8728;
	float:left;
	position:relative;
		padding-top:100px;
	padding-bottom:150px;
	}
#Contato{
	width:10px;
	height:145px;
	position:absolute;
	top:-145px;	
	}	
.TT_Contato{
	width:100%;
	height:auto;
	float:left;
	font-family:'Contrail One',Arial, Helvetica, cursive; 
	font-weight:300; 
	font-size: 36px; 
	color: #FFF;
	text-align: left;
	padding-bottom:25px;
	}
.Lado_EsqC{
	width:50%;
	height:auto;
	float:left;
	}
.Lado_DirC{
	width:45%;
	padding-left:5%;
	height:auto;
	float:left;
	}	
@media(max-width:750px){.Lado_EsqC{width:100%; margin-bottom:50px; }}	
@media(max-width:750px){.Lado_DirC{width:100%; padding-left:0; }}	
.TXT_Contato{
	width:100%;
	height:auto;
	float:left;
	font-family:'Roboto',Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #FFF;
	text-align:left;
	padding-bottom:25px;
	}
.QuaDContato{
	width:100%;
	height:auto;
	float:left;
	padding-top:15px;
	padding-bottom:15px;
	background:#FFF;
	position:relative;
	margin-bottom:10px;
	}
.BlackIco_Whats{
	width:50px;
	background:#000 url(../imagens/iconex/Cont_ico_whtas.png) no-repeat center center;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	}
.BlackIco_email{
	width:50px;
	background:#000 url(../imagens/iconex/Cont_ico_email.png) no-repeat center center;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	}	
.BlackIco_horario{
	width:50px;
	background:#000 url(../imagens/iconex/Cont_ico_horario.png) no-repeat center center;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	}		
.BlackIco_Local{
	width:50px;
	background:#000 url(../imagens/iconex/Cont_ico_local.png) no-repeat center center;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	}	
.TXT2_Contato{
	padding-left:55px;
	font-family:'Roboto',Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #000;
	text-align:left;
	}				
/*formulário contato*/	
input {
	width:98%;
	padding-left:2%; 
	height:45px;
	border:1px solid #CCC;
	margin-bottom:10px;
	font-family:'Roboto',Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #000;
	}
textarea{
	width:98%;
	padding-left: 2%;
	padding-top:2%;
	height:150px;
	border:1px solid #CCC;
	font-family:'Roboto',Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #000;
	resize: none;
	}	
.BT_Enviar_Form{
	width:300px;
	height:50px;
	float:left;
	background:#000;
	font-family:'Roboto',Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #FFF;
	cursor:pointer;
	border:0;
	transition:0.2s ease-in-out;
	}	
.BT_Enviar_Form:hover{ background:#333;
}	
.Txt_DetalhForm{
	width:100%;
	height:auto;
	padding-top:5px;
	padding-bottom:10px;
	float:left;
	font-family:'Roboto',Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #FFF;
	}
.AlinhaBtContato{
	max-width:auto;
	margin:auto;
	}	
@media(max-width:750px){.AlinhaBtContato{ max-width:300px; margin:auto;}}		
@media(max-width:750px){.Txt_DetalhForm{ text-align:center; }}		
.g-recaptcha{
	float:left;
	margin-bottom:10px;
	}	
.LarguraBT_Enviar_Form{ max-width:300px; margin:auto;}
.AlinhaREcapchaNEws{max-width:300px; margin: auto; padding-top:10px;}
/*ação cor*/	
.email_form:valid {background:#34c754; color:#FFF;}
.email_form:invalid {color: #F00;}