/*	---------------- Principais ---------------- */

:root{
	font-size:62.5%;
	line-height:normal;


	--light:300;
	--medium:500;
	--negrito:700;
	--extra:800;

	--cor-vermelho:#4B1314;
	--cor-titulo:#1A1A1A;
	--cor-txt:#4E4E4E;

	--cor-cinza:#f2f2f2;
	--cor-cinza2:#e3e3e3;
	--cor-branco:#fff;
	--cor-preto:#1A1A1A;
	--cor-borda-cinza:#E9E9E9;
	--cor-menu-lateral:#e3e3e3;
	--cor-bloco-form:#f9f9f9;

	--font-regular:1.5rem;
	--line-regular:2.0rem;
	--line-regular2:2.3rem;

	--font-titulo:3.5rem;
	--line-titulo:5.5rem;
	
	--font-subtitulo:2.0rem;
	--line-subtitulo:3.2rem;
}

*{
	box-sizing:border-box;
}
::before{box-sizing: unset}


html{height:100% !important; width:100%; -webkit-backface-visibility:hidden !important; overflow-y:scroll;}

body {margin:0; min-width:322px; background-color:var(--cor-branco); overflow-y:hidden; font-family: 'Vazirmatn', sans-serif; font-weight: 400; color:#4E4E4E; height: auto; font-size:var(--font-regular); line-height:var(--line-regular); -webkit-backface-visibility:hidden; overflow-x:hidden; -webkit-backface-visibility:hidden !important;-webkit-overflow-scrolling: touch;}


input, select, textarea{outline-style: none;font-family: 'Vazirmatn', sans-serif;appearance: none !important;-webkit-appearance: none !important;-ms-appearance: none;border: 0;background-color: var(--cor-branco);}
h1,h2,h3{padding:0; margin:0; font-weight:400}
hr{color: #1e1e1f}
select::-ms-expand{display: none;}
input:-webkit-autofill{box-shadow: 0 0 0px 1000px white inset;-webkit-box-shadow: 0 0 0px 1000px white inset;font-family: 'Vazirmatn';}
a {color: inherit;outline: none;text-decoration: inherit;}
a:hover{color: inherit;outline: none;text-decoration: inherit;}
a img {outline : none;}
img {border : 0; outline: 0;}
input, button, select, textarea{outline: 0;}
select{background-repeat: no-repeat; background-position:calc(100% - 15px) center; background-image: url('../imagens/seta_select.svg'); background-size:12px;}

button{cursor: pointer;background-color: rgba(0, 0, 0, 0);outline-style: none !important;outline: 0px thin dotted !important;outline: 0px auto -webkit-focus-ring-color !important;outline-offset: 0px !important;}
video, button, div{outline: none;font-family: inherit;appearance: none;-webkit-appearance: none;-ms-appearance: none;border: 0;-webkit-tap-highlight-color: transparent;}
button, div:focus{outline: none;-webkit-tap-highlight-color: transparent}

.BordaErro {border:1px solid #c52121 !important}

button{margin: 0px; padding:0px;}

input[type=button], input[type=submit], input[type=reset]{-webkit-appearance: none;}

.centralizar{display:flex; width: 100%;z-index:1;position: relative; max-width:1240px; justify-content: center;} 

ul{list-style: none;}
ul,p{margin:0px; padding:0px;}

/*<!-- Menu mobile -->*/
.menu_lateral{float: right;position: fixed;width: 229px;height: 100%;z-index: 10;right: 0;top: 0px;transition: 0.8s ; background-color: var(--cor-menu-lateral); transform: translateX(110%); padding:25px;}

.menu_lateral.menu-aberto{transform: none;}

.menu_parte_escura{float: right;width:100%;background: rgba(0, 0, 0, 0.60);height: 100%;cursor: pointer;transition:0.8s;position: fixed;z-index:10;display:none; top:0px;}


.menu_lateral__lista{display:flex; flex-direction: column; align-items: flex-start; gap:30px; margin-top:27px;}
.menu_lateral__lista__item{padding: 0px 20px 0px 0px;float: left;width: 100%;height: auto;color:#000; background: transparent;transition: 0.5s; text-transform: uppercase; line-height:var(--line-regular2);}


.slick-dots{left:0px;bottom:40px;}
.slick-dots li{margin:0px 5px; height:15px; width:15px;}

.slick-dots li.slick-active{width:15px; height:15px;}
.slick-dots li button:before{opacity: 1; background-color: var(--cor-branco); border-radius:50%; content: ''; height:15px; width:15px;}
.slick-dots li.slick-active button:before{opacity: 1;background-color: var(--cor-vermelho); border-radius:50%; content: ''; height:15px; width:15px;}
.slick-dots li button{width:15px; height:15px; padding: 0px;}

.slick-dotted.slick-slider{margin-bottom: 0px;}


.alinha_migalha{display:flex; justify-content: center; align-items: center; gap:5px; text-transform: uppercase; font-weight: var(--light); position: relative; z-index:2;}

.migalha_item{width:auto; color:var(--cor-branco); display: flex; align-items: center; gap:10px;}

.migalha_item::before{background-color: var(--cor-branco); content: ''; width:20px; height:2px;}
.migalha_item:first-child::before{display:none;}
.migalha_item.Atual{font-weight: var(--medium);}

/*-------- Topo --------*/

.topo{width:100%; display:flex; justify-content: center; position: absolute; top:0px; left:0px; background-color: transparent; z-index:4;}

.topo_conteudo{width:100%; display: flex; height:80px; align-items: center; justify-content: space-between;}

.topo_conteudo__logo{width:255.31px; height:auto;}
.topo_conteudo__menu{display: flex; align-items: center; gap:40px;}
.topo_menu__item{color:var(--cor-branco); text-transform: uppercase; line-height:2.3rem; padding:0px 2px; position: relative;}
.topo_menu__item::before{content: ''; left:0px; bottom:0px; height:1px; width:65%; background-color: transparent; position: absolute; transition: .2s;}
.topo_menu__item:hover::before{background-color: var(--cor-branco);}


.topo_ancora{position: fixed; z-index:2; width: 100%; height:80px; background-color: var(--cor-cinza); top:0px; left:0px; display: flex; justify-content: center; width: 100%; box-shadow: 0px 3px 16px 1px #9f9f9fd6;}

.topo_ancora .topo_menu__item{color:var(--cor-txt); }
.topo_ancora .topo_menu__item:hover::before{background-color:var(--cor-txt);}


.botao_menu_mobile{display: none;}

/*-------- Topo --------*/

/*-------- Banner --------*/

.banner_mobile{width:100%; position: relative; z-index: 3; float: left; display: none;}

.banner{width:100%; position: relative; z-index: 3; float: left;}
.banner_interno{width:100%; position: relative; z-index: 3; float:left;}

.banner_filtro{width:100%; position: absolute; left:0px; top:0px; height: 357px; background: linear-gradient(#1a1a1a 0%, rgba(26, 26, 26, 0) 100%); opacity: 0.56; z-index: 1;}

.banner_filtro_interno{background: var(--cor-preto); opacity: 0.4; filter:opacity(40); position: absolute; left:0px; top:0px; height:100%; width:100%; z-index:1;}

.banner_carrossel{width:100%; float:left;}

.banner_item{width:100%; height:800px !important; background-repeat: no-repeat; background-position: center center; background-size: cover; float:left;}

.banner_interno_item{width:100%; background-repeat: no-repeat; background-position: center center; background-size: cover; height:500px; display: flex; align-items: flex-end; justify-content: center; padding-bottom:25px;}

.banner_seta{width:34px; height:34px; border-radius:50%; top:50%; transform: translate(-50%); position: absolute; z-index: 3; cursor: pointer; transition:.2s; }

.banner_seta.esquerda{left:40px;}
.banner_seta{right:40px;}
.banner_seta.direita img{transform: rotate(180deg);}


/*-------- Banner --------*/


/*-------- Home --------*/

.home{position: relative; z-index:1; width:100%; display: flex; flex-direction: column; align-items: center;}

.secao{padding:100px 0px; display: flex; justify-content: center; width: 100%;}

.secao_interna{padding:70px 0px 100px 0px; display: flex; justify-content: center; width: 100%; min-height: calc(100vh - 651px); background-color: var(--cor-branco);}
.quem_somos.secao_interna{background-color: var(--cor-branco);}


.titulo{font-size:var(--font-titulo); line-height:var(--line-titulo); font-weight: var(--light); color:var(--cor-titulo); margin-bottom:-10px; text-transform: uppercase;}

.subtitulo{font-size:var(--font-subtitulo); line-height:var(--line-subtitulo); color:var(--cor-vermelho); font-weight: var(--extra);}

.conteudo{display: flex; flex-direction: column; width:100%;}

.conteudo_cabecalho{width:100%; display: flex; justify-content: space-between; align-items: center;}

.conteudo_titulos{display:flex; flex-direction: column; text-align: left; align-items: flex-start;}

.botao_saiba_mais{width:180px; height:38px; border-radius:5px; border:1px solid var(--cor-vermelho); color:var(--cor-vermelho); background-color: transparent; transition: .2s; cursor: pointer; text-transform: uppercase; font-size:var(--font-regular); display: flex; align-items: center; justify-content: center;}
.botao_saiba_mais.mobile{display: none;}

.botao_saiba_mais span{margin-bottom: -5px;}

.botao_saiba_mais:hover{background-color: var(--cor-vermelho); color:var(--cor-branco);}

.separador_secao{width:100%; display:flex; justify-content: flex-start; border-bottom:1px solid var(--cor-borda-cinza); margin-top:20px; margin-bottom:30px;}
.separador_secao_detalhe{width:90px; height:5px; background-color:var(--cor-vermelho); margin-bottom:-1px;}


/*-------- Home --------*/


/*-------- servicos --------*/


.servicos_lista{width:calc(100% + 16px); margin-left:-16px; display: flex; flex-wrap: wrap;}

.servicos_lista_item{width:calc(33.33% - 32px); margin-left:16px; margin-bottom:16px; background-color:var(--cor-cinza); border-radius: 5px; min-height: 309px; padding:40px; display: flex; flex-direction: column; justify-content: flex-start; gap:10px;}

.servicos_lista_item__icone{width:40px; height:40px; display: flex; justify-content: flex-start; align-items: center;}
.servicos_lista_item__icone img{width:100%;}
.servicos_lista_item__nome{text-align: left; font-weight: var(--negrito); font-size: var(--font-subtitulo); line-height: var(--line-subtitulo); color:var(--cor-titulo);}
.servicos_lista_item__txt{text-align: left; width:100%; line-height: var(--line-regular2)}


/*-------- servicos --------*/


/*-------- Quem Somos --------*/

.quem_somos{width:100%; display: flex; justify-content: center; position: relative; background-color: var(--cor-cinza);}

.quem_somos_img{background-repeat: no-repeat; background-position: center center; position:absolute; z-index:2; width:43%; background-size:cover; height:100%; background-image: url('../imagens/fnd_quem_somos_home.jpg'); top:0px; left:0px;}

.quem_somos .secao{align-items: flex-end;}

.quem_somos .separador_secao{border-color:#c7c7c7;}

.quem_somos_alinhamento{display:flex; flex-direction: column; width:60.5%; padding-left:50px; align-items: flex-start;}

.quem_somos_txt{text-align: left; line-height: var(--line-regular2); font-size: var(--font-regular); margin-top: 10px; margin-bottom:30px;}

.quem_somos__alinhamento_interno{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap:54px; width:100%;}

.quem_somos_logo{width:386px; height:auto; float: left;}
.quem_somos_logo img{width:100%; object-fit: contain;}

.quem_somos.secao_interna .conteudo{width:calc(100% - 440px);}


/*-------- Quem Somos --------*/


/*-------- Portfolio --------*/

.portfolio{background-color: var(--cor-branco);}

.portfolio_listagem{width:calc(100% + 15px); display:flex; flex-wrap: wrap; margin-left:-15px; margin-bottom:-15px;}

.portfolio_item{margin-left:15px; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover; height:424px; margin-bottom: 15px; position: relative; border-radius: 5px; cursor: pointer;}

.portfolio_item.tam1{width:calc(33.33% - 15px);}
.portfolio_item.tam2{width:calc(66.66% - 15px);}


.portfolio_item_detalhes{width:calc(33.33% - 15px); margin-bottom:15px; margin-left:15px; border-radius:5px; overflow: hidden; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; cursor: pointer; cursor: pointer; height:424px;}

.portfolio_item_detalhes__filtro{background: linear-gradient(rgba(0, 0, 0, 0) 0%, #000 100%); width:100%; height:100%; position: absolute; left:0px; top:0px; z-index: 1; transition: .2s; opacity: 0; filter:opacity(0);}
.portfolio_item_detalhes__lupa{position: absolute; z-index:2; left:50%; top:50%; transform: translate(-50%, -50%); transition: .2s; opacity: 0; filter:opacity(0);}

.portfolio_item_detalhes:hover .portfolio_item_detalhes__filtro{opacity: 0.46; filter:opacity(46);}
.portfolio_item_detalhes:hover .portfolio_item_detalhes__lupa{opacity:1; filter:opacity(100);}



.portfolio_filtro{background: linear-gradient(rgba(0, 0, 0, 0) 0%, #000 100%);opacity: 0.46; position: absolute; z-index:1; width:100%; height:100%; transition: .2s; bottom:0px; left:0px;}

.portfolio_item__conteudo{width:100%; display: flex; align-items:flex-end; justify-content: space-between; height:100%; position: absolute; z-index:2; top:0px; left:0px; padding:30px;}

.portfolio_item__nome{text-align: left; font-size: var(--font-subtitulo); line-height:var(--line-subtitulo); color:var(--cor-branco); text-transform: uppercase;}

.portfolio_item__icone{width:34px; height:34px; border-radius:50%; display: flex; align-items: center; justify-content: center; background-color: transparent; border:1px solid var(--cor-branco); transition: .2s;}

.portfolio_item__icone svg *{stroke:var(--cor-branco); transition: .2s;}

.portfolio_item__botao{display:flex; align-items: center; gap:10px;}


.portfolio_item__vermais{font-size:var(--font-subtitulo); line-height: var(--line-subtitulo); text-transform: uppercase; font-weight: var(--negrito); color: var(--cor-branco); transition: .2s; filter: opacity(0); opacity: 0;}


.portfolio_item:hover .portfolio_filtro{height:212px; top:none; bottom:0px;}

.portfolio_item:hover .portfolio_item__icone svg *{stroke:var(--cor-preto);}

.portfolio_item:hover .portfolio_item__icone{background-color: var(--cor-branco);}

.portfolio_item:hover .portfolio_item__vermais{opacity: 1; filter: opacity(100);}


.bloco_contato{width:100%; display:flex; align-items: center; justify-content: space-between; padding:30px 70px; border-radius:5px; min-height:240px; background-color: var(--cor-vermelho); margin-top:80px;}

.bloco_contato_info{display: flex; gap:30px; align-items: center;}

.bloco_contato_info__titulo{display:flex; flex-direction: column; align-items: flex-start; text-align: left;}
.bloco_contato_info__t1{font-size:var(--font-titulo); line-height:var(--line-titulo); color:var(--cor-branco); font-weight: var(--light); margin-bottom:-4px;}
.bloco_contato_info__t2{font-size:var(--font-subtitulo); line-height:var(--line-regular2); color:var(--cor-branco); font-weight: var(--extra);}

.botao_fazer_orcamento span{margin-bottom:-5px;}
.botao_fazer_orcamento{width:180px; height:38px; font-size: var(--font-regular); display: flex; align-items: center; justify-content: center; background-color: var(--cor-vermelho); transition: .2s; color:var(--cor-branco); text-transform: uppercase; border-radius: 5px; border:1px solid var(--cor-branco);}

.botao_fazer_orcamento:hover{background-color: var(--cor-branco); color:var(--cor-vermelho);}

.bloco_contato__separador{height:62px; width:1px; background-color: var(--cor-branco); border-radius: 5px; opacity: .19; filter: opacity(19);}

.bloco_contato__dado{display:flex; align-items: flex-start; flex-direction: column; gap:5px;color: #fff;}

.bloco_contato__dado span{font-size:var(--font-regular); line-height:var(--line-regular2); color:var(--cor-branco);}


/*-------- Portfolio --------*/


/*-------- Contato --------*/

.contato__alinha {width:100%; display:flex; gap:20px;}
.contato__formulario{width:calc(100% - 340px); padding:40px; border-radius: 5px; background-color: var(--cor-bloco-form); display: flex; flex-direction: column; gap:30px; align-items: flex-end;}

.botao_contato_form{width:180px; height:38px; border-radius:5px; border:1px solid var(--cor-vermelho); color:var(--cor-vermelho); background-color: transparent; transition: .2s; cursor: pointer; text-transform: uppercase; font-size:var(--font-regular); display: flex; align-items: center; justify-content: center;}
.botao_contato_form.mobile{display: none;}

.botao_contato_form span{margin-bottom: -5px;}

.botao_contato_form:hover{background-color: var(--cor-vermelho); color:var(--cor-branco);}

.contato__formulario__campos{width:100%; display: flex; flex-direction: column; gap:15px;}

.contato__campos{width:100%; float:left;}

.input_campos{width:100%; border-radius:5px; border:1px solid var(--cor-borda-cinza); background-color: var(--cor-branco); padding:0px 16px; height:50px;}

textarea.input_campos{resize: none; padding:15px 16px; height:auto;}

.contato__dados{width:320px; border-left:1px solid var(--cor-borda-cinza); border-radius: 5px; padding-left:30px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap:20px;}


.contato__dados__item{width: 100%; display: flex; gap:10px; align-items: flex-start;}

.contato__dados__item__icone{width:15.5px; display: flex; justify-content: flex-start; align-items: center;}

.contato_mapa{margin-top:20px; width:100%; height:200px; overflow: hidden; border-radius: 5px;}

.contato_mapa iframe{width:100%; height:100%;}

/*-------- Contato --------*/


/*-------- Rodape --------*/

.rodape{height:auto; background-color:var(--cor-preto); width:100%; display: flex; justify-content: center;}

.rodape_conteudo{width:100%; display:flex; flex-direction: column; align-items: center;}

.rodape_corpo{width:100%; display: flex; justify-content: space-between; align-items: center; padding-top:25px; padding-bottom:20px;}

.rodape_logo{width:255.31px; height:auto; float:left;}

.rodape_logo img{object-fit: contain; width:100%;}

.rodape_info{width:auto; display: flex; gap:25px; align-items: center;}

.rodape_coluna{display: flex; flex-direction: column; align-items: flex-start; gap:7px;}

.rodape_coluna.local{max-width:245px;}

.rodape_coluna__dado{width:100%; display: flex; gap:10px; align-items: flex-start;}

.rodape_coluna__dado__icone{width:16px; height:auto; display: flex; align-items: center; justify-content: flex-start; margin-top:4px;}

.rodape_coluna__dado__txt{text-align: left; font-size:var(--font-regular); line-height: var(--line-regular); color:var(--cor-branco);}

.copyright{padding:15px 0px; align-items: center; width:100%; justify-content: center; border-top: 1px solid #484848; display: flex; color:var(--cor-branco); font-size:1.3rem;}

/*-------- Rodape --------*/

/*-------- Responsivo --------*/

@media screen and (max-width:1280px){

	.centralizar{padding:0px 20px;}

}


@media screen and (max-width:980px){

:root{
	--font-titulo:3.0rem;
	--line-titulo:4.7rem;
	
	--font-subtitulo:1.5rem;
	--line-subtitulo:2.3rem;
}

	.topo_conteudo__menu{display: none;}
	.botao_menu_mobile{display: block;}
	.topo_conteudo{height:60px;}
	.topo_ancora{height:60px;}
	.topo_conteudo__logo{width:167.5px;}

	.banner{display: none;}
	.banner_mobile{display: block;}
	.banner_item{height:400px !important;}
	.banner_filtro{height:200px;}

	.slick-dots{bottom:20px;}

	.slick-dots li{height:9px; width:9px;}

	.slick-dots li.slick-active{width:9px; height:9px;}
	.slick-dots li button:before{height:9px; width:9px;}
	.slick-dots li.slick-active button:before{height:9px; width:9px;}
	.slick-dots li button{width:9px; height:9px;}

	.secao{padding-top:40px; padding-bottom:60px;}

	.conteudo_cabecalho{ flex-direction: column; align-items: flex-start;}

	.botao_saiba_mais{display: none;}
	.botao_saiba_mais.mobile{display: flex;}

	.separador_secao{margin-top:10px; margin-bottom:20px;}

	.separador_secao_detalhe{width:80px;}

	.servicos_lista{display: inline-block; margin-top:30px;}

	.quem_somos{flex-direction: column;}
	.quem_somos .secao{padding:30px 0px;}

	.quem_somos_img{height:281px; position: relative; top:auto; left:auto; float: left; width: 100%; background-position: center top;}

	.quem_somos_alinhamento{width:100%; padding:0px;}

	.portfolio_item__conteudo{padding:18px 15px;}

	.portfolio_listagem{margin-bottom:-10px;}
	.portfolio_item{margin-bottom:10px; height:173px;}
	.portfolio_item.tam1{width:calc(100% - 15px);}
	.portfolio_item.tam2{width:calc(100% - 15px);}

	.portfolio_item__nome{font-size:2.0rem; line-height:2.3rem;}
	.portfolio_item__icone{width:26px; height:26px;}

	.portfolio_item__icone svg{height:8px; margin-left:2px;}


	.bloco_contato{margin-top: 40px; padding:30px 25px; flex-direction: column; gap:20px;}
	
	.bloco_contato_info{gap:15px; flex-direction: column; align-items: flex-start; width:100%;}

	.bloco_contato__separador{display: none;}

	.servicos_lista_item{display: flex !important; padding:25px 15px;}

	.servicos .slick-dots{bottom:-20px;}

	.servicos .slick-dots li button:before{background-color: var(--cor-cinza2);}

	.slick-dots li.slick-active button:before{background-color: var(--cor-vermelho);}

	.rodape_corpo{flex-direction: column; align-items: center; gap:30px; padding-top:40px; padding-bottom:30px;}

	.rodape_info{flex-direction: column; gap:15px; width: 100%; align-items: flex-start;}
	
	.banner_interno_item{height:350px;}
	.secao_interna{padding-top:30px; padding-bottom:50px;}

	.quem_somos__alinhamento_interno{flex-direction: column; gap:30px;}

	.quem_somos.secao_interna .conteudo{width:100%;}

	.quem_somos_logo{width:100%;}

	.quem_somos_logo img{max-height: 280px;}

	.secao_interna .servicos_lista{margin-top:0px;}

	.portfolio.secao_interna.detalhes .portfolio_listagem{width:calc(100% + 5px); margin-bottom:-5px; margin-left:-5px;}

	.portfolio_item_detalhes{width:calc(50% - 5px); height:200px; margin-bottom:5px; margin-left:5px;}

	.migalha_item::before{width:10px; height:1px;}

	.contato__formulario{width:100%; gap:15px; padding:20px; align-items: center;}

	.input_campos{height:45px; padding:13px 12px;}

	textarea.input_campos{padding:12px;}

	.contato__formulario__campos{gap:5px;}
	.contato__alinha{flex-direction: column;}
	.contato__dados{width:100%; padding:10px 0px 0px 0px; border:none;}

	
	
}



/*-------- Responsivo --------*/