@charset "utf-8";
/* CSS Document */
.gjclair{clear: both;}

body{margin:0px; padding: 0px; box-sizing: 0; font-family:Arial, sans-serif}
a{text-decoration:none;}

@media (min-width:3841px){
	.sect-fdointrotop{background-image: url(../imgs/construcao/iea-img1noCaioLitoral.jpg); object-fit: cover; background-size: cover;
		padding: 150px 0; margin: 0; box-shadow: inset 0 0 0 200px rgba(0, 0, 0, 0.3); }
	/*Sobre Fundo topo da página*/
	.secfdotopconstrao{background-image: url(../imgs/construcao/iea-img1noCaioLitoral.jpg); background-size: cover; padding: 170px 0}
	.h2titulopag{color:#fff; text-align: center; text-transform: uppercase; font-size: 55px}

/*Estilizar texto da Intro Pag*/
	#dvintrotxt{}
	#dvintrotxt p{text-align: justify; font-size: 44px; padding: 30px 0;}

/*Estilizar a ZONA DA RELAÇÃO DE PROJETOS EXECUTADOS PELA EMPRESA*/
	.sectprojetosexecutado{background:conic-gradient(#4f50ce, #fff 30%, #4f50ce);}
	.h3titoprojetosexecutado{color: #fff; padding:5px 0; font-weight: 550; font-size:44px; text-shadow: 0 2px 4px #000}
	/*BLOCOS de PROJETOS desenvolvido pela EMpresa*/
	.sectblocprojetos{padding:30px 0 0 0}
	#dvgblocosprojetos{display: grid; grid-gap:45px; grid-template-columns: repeat(7, 1fr);}
	#figblocprojeto{position: relative; color: white; height: 400px; box-shadow: inset 0 0 0 200px rgba(0, 0, 0, 0.5); border-radius:10px;
		font-size:22px}
	#figblocprojeto{}
	/**/
	.projeiea{background-image: url(../imgs/ieacaiolitoral.jpg); background-size: cover; object-fit: cover; 
		}
	.capblocproje{position: absolute; top: 20px}
	.pname{position: absolute; top: 15%; width: 100%; text-align: center; color:}
	.pano{position: absolute; top: 58%; width: 100%; text-align: center;}
	.plocal{position: absolute; top: 38%; width: 100%; text-align: center;}
	.plink{position: absolute; width: 100%; text-align: center; bottom: 20px}
	.plink a{padding:5px 35px; background:conic-gradient(#b22627, #fff 30%, #b22627); color:#4f50ce; border-radius: 7px; 
		font-weight:550; transition: 1s linear}
	.plink a:hover{background:conic-gradient(#4f50ce, #fff 40%, #4f50ce); color:#b22627;}

/*Fdo geral*/
	.sec-fdoslider{background-image: url(../imgs/construcao/construcaofto1.jpg); background-position: center; background-size: cover; 
		padding: 175px 0; background-attachment: fixed; margin:40px 0 0 0}


/*Sobre o FORMULÁRIO DE SOLICITAÇÃO DE SERVIÇO*/
	.setsolicitmservico{padding: 95px 0 55px 0}
	.h4frmtituloservico{padding:0px 35px; font-weight: 550; text-shadow: 0 2px 4px #fff; font-size: 34px; 
		text-transform: uppercase; border-left: 5px solid #b22627;}
	.h4frmtituloservico p{border-bottom: 1px solid #b22627;}
	#dvfrmservico{}
	.frmsoliservic{display: grid; gap:25px; grid-template-columns: 1fr 1fr 35%; 
		grid-template-areas:
		"inputnam inputphone txtarea" 
		"provincia cidadvla txtarea" 
		"select select txtarea" 
		"pbtn pbtn txtarea" }
	.frmsoliservic p{margin: 0; padding: 0}
	.frmsoliservic p label{color:#4f50ce; font-weight: 550; font-size:24px}
	.pinputname{grid-area:inputnam;}
	.pinputphone{grid-area:inputphone}
	.pprovincia{grid-area:provincia}
	.pcidadevila{grid-area:cidadvla}
	/**/
	.pinputphone input, .pinputname input, .pprovincia input, .pcidadevila input, .pselect select, 
	.ptxtarea textarea {width: 100%; background: #eee; padding:12px; font-size: 22px}
	/**/
	.pselect{grid-area: select;}
	.pselect select{ padding: 4px 5px}
	.ptxtarea{grid-area:txtarea;}
	.ptxtarea textarea{height: 100%}
	.pbtn{text-align: center; grid-area:pbtn}
	.pbtn button{width: 35%; border-radius: 10pc; border: 1px dotted #4f50ce; background:conic-gradient(#b22627, #fff 30%, #b22627); 
		color:#4f50ce; font-weight: 600; font-size:32px; text-transform: uppercase; text-shadow: 0 1px 3px #fff}
	.pbtn button:hover{width: 35%; border-radius: 5pc; background:conic-gradient(#4f50ce, #fff 40%, #4f50ce); color:#b22627;}	
}

@media (min-width:2160px) and (max-width: 3840px){
	.sect-fdointrotop{background-image: url(../imgs/construcao/iea-img1noCaioLitoral.jpg); object-fit: cover; background-size: cover;
		padding: 140px 0; margin: 0; box-shadow: inset 0 0 0 200px rgba(0, 0, 0, 0.3); }
	/*Sobre Fundo topo da página*/
	.secfdotopconstrao{background-image: url(../imgs/construcao/iea-img1noCaioLitoral.jpg); background-size: cover; padding: 170px 0}
	.h2titulopag{color:#fff; text-align: center; text-transform: uppercase; font-size: 36px}

/*Estilizar texto da Intro Pag*/
	#dvintrotxt{}
	#dvintrotxt p{text-align: justify; font-size: 30px; padding: 26px 0;}

/*Estilizar a ZONA DA RELAÇÃO DE PROJETOS EXECUTADOS PELA EMPRESA*/
	.sectprojetosexecutado{background:conic-gradient(#4f50ce, #fff 30%, #4f50ce);}
	.h3titoprojetosexecutado{color: #fff; padding:5px 0; font-weight: 550; font-size:44px; text-shadow: 0 2px 4px #000}
	/*BLOCOS de PROJETOS desenvolvido pela EMpresa*/
	.sectblocprojetos{padding:30px 0 0 0}
	#dvgblocosprojetos{display: grid; grid-gap:35px; grid-template-columns: repeat(5, 1fr);}
	#figblocprojeto{position: relative; color: white; height: 350px; box-shadow: inset 0 0 0 200px rgba(0, 0, 0, 0.5); border-radius:10px}
	#figblocprojeto{}
	/**/
	.projeiea{background-image: url(../imgs/ieacaiolitoral.jpg); background-size: cover; object-fit: cover; 
		}
	.capblocproje{position: absolute; top: 20px}
	.pname{position: absolute; top: 15%; width: 100%; text-align: center; color:}
	.pano{position: absolute; top: 58%; width: 100%; text-align: center;}
	.plocal{position: absolute; top: 38%; width: 100%; text-align: center;}
	.plink{position: absolute; width: 100%; text-align: center; bottom: 20px}
	.plink a{padding:5px 35px; background:conic-gradient(#b22627, #fff 30%, #b22627); color:#4f50ce; border-radius: 7px; 
		font-weight:550; transition: 1s linear}
	.plink a:hover{background:conic-gradient(#4f50ce, #fff 40%, #4f50ce); color:#b22627;}

/*Fdo geral*/
	.sec-fdoslider{background-image: url(../imgs/construcao/construcaofto1.jpg); background-position: center; background-size: cover; 
		padding: 175px 0; background-attachment: fixed; margin:40px 0 0 0}


/*Sobre o FORMULÁRIO DE SOLICITAÇÃO DE SERVIÇO*/
	.setsolicitmservico{padding: 75px 0 35px 0}
	.h4frmtituloservico{padding:0px 15px; font-weight: 550; text-shadow: 0 2px 4px #fff; font-size: 24px; 
		text-transform: uppercase; border-left: 5px solid #b22627;}
	.h4frmtituloservico p{border-bottom: 1px solid #b22627;}
	#dvfrmservico{}
	.frmsoliservic{display: grid; gap:25px; grid-template-columns: 1fr 1fr 550px; 
		grid-template-areas:
		"inputnam inputphone txtarea" 
		"provincia cidadvla txtarea" 
		"select select txtarea" 
		"pbtn pbtn txtarea" }
	.frmsoliservic p{margin: 0; padding: 0}
	.frmsoliservic p label{color:#4f50ce; font-weight: 550}
	.pinputname{grid-area:inputnam;}
	.pinputphone{grid-area:inputphone}
	.pprovincia{grid-area:provincia}
	.pcidadevila{grid-area:cidadvla}
	/**/
	.pinputphone input, .pinputname input, .pprovincia input, .pcidadevila input, .pselect select, 
	.ptxtarea textarea {width: 100%; background: #eee}
	/**/
	.pselect{grid-area: select;}
	.pselect select{ padding: 4px 5px}
	.ptxtarea{grid-area:txtarea;}
	.ptxtarea textarea{height: 100%}
	.pbtn{text-align: center; grid-area:pbtn}
	.pbtn button{width: 35%; border-radius: 7pc; border: 1px dotted #4f50ce; background:conic-gradient(#b22627, #fff 30%, #b22627); 
		color:#4f50ce; font-weight: 600; text-transform: uppercase; text-shadow: 0 1px 3px #fff}
	.pbtn button:hover{width: 35%; border-radius: 5pc; background:conic-gradient(#4f50ce, #fff 40%, #4f50ce); color:#b22627;}
}

@media (min-width:1680px) and (max-width: 2159px){
	.sect-fdointrotop{background-image: url(../imgs/construcao/iea-img1noCaioLitoral.jpg); object-fit: cover; background-size: cover;
		padding: 120px 0; margin: 0; box-shadow: inset 0 0 0 200px rgba(0, 0, 0, 0.3); }
	/*Sobre Fundo topo da página*/
	.secfdotopconstrao{background-image: url(../imgs/construcao/iea-img1noCaioLitoral.jpg); background-size: cover; padding: 150px 0}
	.h2titulopag{color:#fff; text-align: center; text-transform: uppercase; font-size: 36px}

/*Estilizar texto da Intro Pag*/
	#dvintrotxt{}
	#dvintrotxt p{text-align: justify; font-size: 24px; padding: 24px 0;}

/*Estilizar a ZONA DA RELAÇÃO DE PROJETOS EXECUTADOS PELA EMPRESA*/
	.sectprojetosexecutado{background:conic-gradient(#4f50ce, #fff 30%, #4f50ce);}
	.h3titoprojetosexecutado{color: #fff; padding:3px 0; font-weight: 550; font-size:36px; text-shadow: 0 2px 4px #000}
	/*BLOCOS de PROJETOS desenvolvido pela EMpresa*/
	.sectblocprojetos{padding:25px 0 0 0}
	#dvgblocosprojetos{display: grid; grid-gap:25px; grid-template-columns: repeat(4, 1fr);}
	#figblocprojeto{position: relative; color: white; height: 300px; box-shadow: inset 0 0 0 200px rgba(0, 0, 0, 0.5); border-radius:10px}
	#figblocprojeto{}
	/**/
	.projeiea{background-image: url(../imgs/ieacaiolitoral.jpg); background-size: cover; object-fit: cover; 
		}
	.capblocproje{position: absolute; top: 20px}
	.pname{position: absolute; top: 15%; width: 100%; text-align: center; color:}
	.pano{position: absolute; top: 58%; width: 100%; text-align: center;}
	.plocal{position: absolute; top: 38%; width: 100%; text-align: center;}
	.plink{position: absolute; width: 100%; text-align: center; bottom: 20px}
	.plink a{padding:5px 35px; background:conic-gradient(#b22627, #fff 30%, #b22627); color:#4f50ce; border-radius: 7px; 
		font-weight:550; transition: 1s linear}
	.plink a:hover{background:conic-gradient(#4f50ce, #fff 40%, #4f50ce); color:#b22627;}

/*Fdo geral*/
	.sec-fdoslider{background-image: url(../imgs/construcao/construcaofto1.jpg); background-position: center; background-size: cover; 
		padding: 155px 0; background-attachment: fixed; margin:35px 0 0 0}


/*Sobre o FORMULÁRIO DE SOLICITAÇÃO DE SERVIÇO*/
	.setsolicitmservico{padding: 55px 0 25px 0}
	.h4frmtituloservico{color:; padding:0px 10px; font-weight: 550; text-shadow: 0 2px 4px #fff; font-size: 20px; 
		text-transform: uppercase; border-left: 5px solid #b22627;}
	.h4frmtituloservico p{border-bottom: 1px solid #b22627;}
	#dvfrmservico{}
	.frmsoliservic{display: grid; gap:25px; grid-template-columns: 1fr 1fr 450px; 
		grid-template-areas:
		"inputnam inputphone txtarea" 
		"provincia cidadvla txtarea" 
		"select select txtarea" 
		"pbtn pbtn txtarea" }
	.frmsoliservic p{margin: 0; padding: 0}
	.frmsoliservic p label{color:#4f50ce; font-weight: 550}
	.pinputname{grid-area:inputnam;}
	.pinputphone{grid-area:inputphone}
	.pprovincia{grid-area:provincia}
	.pcidadevila{grid-area:cidadvla}
	/**/
	.pinputphone input, .pinputname input, .pprovincia input, .pcidadevila input, .pselect select, 
	.ptxtarea textarea {width: 100%; background: #eee}
	/**/
	.pselect{grid-area: select;}
	.pselect select{ padding: 4px 5px}
	.ptxtarea{grid-area:txtarea;}
	.ptxtarea textarea{height: 100%}
	.pbtn{text-align: center; grid-area:pbtn}
	.pbtn button{width: 35%; border-radius: 5pc; border: 1px dotted #4f50ce; background:conic-gradient(#b22627, #fff 30%, #b22627); 
		color:#4f50ce; font-weight: 600; text-transform: uppercase; text-shadow: 0 1px 3px #fff}
	.pbtn button:hover{width: 35%; border-radius: 5pc; background:conic-gradient(#4f50ce, #fff 40%, #4f50ce); color:#b22627;}
}

@media (min-width:1024px) and (max-width:1679px){
	.sect-fdointrotop{background-image: url(../imgs/construcao/iea-img1noCaioLitoral.jpg); object-fit: cover; background-size: cover;
		padding: 120px 0; margin: 0; box-shadow: inset 0 0 0 200px rgba(0, 0, 0, 0.3); }
	/*Sobre Fundo topo da página*/
	.secfdotopconstrao{background-image: url(../imgs/construcao/iea-img1noCaioLitoral.jpg); background-size: cover; padding: 150px 0}
	.h2titulopag{color:#fff; text-align: center; text-transform: uppercase;}

/*Estilizar texto da Intro Pag*/
	#dvintrotxt{}
	#dvintrotxt p{text-align: justify; font-size: 18px; padding: 20px 0}

/*Estilizar a ZONA DA RELAÇÃO DE PROJETOS EXECUTADOS PELA EMPRESA*/
	.sectprojetosexecutado{background:conic-gradient(#4f50ce, #fff 30%, #4f50ce);}
	.h3titoprojetosexecutado{color: #fff; padding:3px 0; font-weight: 550; text-shadow: 0 2px 4px #000}
	/*BLOCOS de PROJETOS desenvolvido pela EMpresa*/
	.sectblocprojetos{padding:25px 0 0 0}
	#dvgblocosprojetos{display: grid; gap:25px; grid-template-columns: repeat(3, 1fr);}
	#figblocprojeto{position: relative; color: white; height: 300px; box-shadow: inset 0 0 0 200px rgba(0, 0, 0, 0.5); border-radius:10px}
	#figblocprojeto{}
	/**/
	.projeiea{background-image: url(../imgs/ieacaiolitoral.jpg); background-size: cover; object-fit: cover; 
		}
	.capblocproje{position: absolute; top: 20px}
	.pname{position: absolute; top: 15%; width: 100%; text-align: center; color:}
	.pano{position: absolute; top: 58%; width: 100%; text-align: center;}
	.plocal{position: absolute; top: 38%; width: 100%; text-align: center;}
	.plink{position: absolute; width: 100%; text-align: center; bottom: 25px}
	.plink a{padding:5px 35px; background:conic-gradient(#b22627, #fff 30%, #b22627); color:#4f50ce; border-radius: 7px; 
		font-weight:550; transition: 1s linear}
	.plink a:hover{background:conic-gradient(#4f50ce, #fff 40%, #4f50ce); color:#b22627;}

/*Fdo geral*/
	.sec-fdoslider{background-image: url(../imgs/construcao/construcaofto1.jpg); background-position: center; background-size: cover; 
		padding: 155px 0; background-attachment: fixed; margin:35px 0 0 0}


/*Sobre o FORMULÁRIO DE SOLICITAÇÃO DE SERVIÇO*/
	.setsolicitmservico{padding: 55px 0 25px 0}
	.h4frmtituloservico{color:; padding:0px 10px; font-weight: 550; text-shadow: 0 2px 4px #fff; font-size: 20px; 
		text-transform: uppercase; border-left: 5px solid #b22627;}
	.h4frmtituloservico p{border-bottom: 1px solid #b22627;}
	#dvfrmservico{}
	.frmsoliservic{display: grid; gap:25px; grid-template-columns: repeat(3, 1fr); 
		grid-template-areas:"inputnam inputphone provincia" "cidadvla select select" 
		"txtarea txtarea txtarea" "pbtn pbtn pbtn" }
	.frmsoliservic p{margin: 0; padding: 0}
	.frmsoliservic p label{color:#4f50ce; font-weight: 550}
	.pinputname{grid-area:inputnam;}
	.pinputphone{grid-area:inputphone}
	.pprovincia{grid-area:provincia}
	.pcidadevila{grid-area:cidadvla}
	/**/
	.pinputphone input, .pinputname input, .pprovincia input, .pcidadevila input, .pselect select, 
	.ptxtarea textarea {width: 100%; background: #eee}
	/**/
	.pselect{grid-area: select;}
	.pselect select{ padding: 4px 5px}
	.ptxtarea{grid-area:txtarea}
	.pbtn{text-align: center; grid-area:pbtn}
	.pbtn button{width: 35%; border-radius: 5pc; border: 1px dotted #4f50ce; background:conic-gradient(#b22627, #fff 30%, #b22627); 
		color:#4f50ce; font-weight: 600; text-transform: uppercase; text-shadow: 0 1px 3px #fff}
	.pbtn button:hover{width: 35%; border-radius: 5pc; background:conic-gradient(#4f50ce, #fff 40%, #4f50ce); color:#b22627;}
}

@media (min-width:1280px) and (max-width:1024px){
}

@media (min-width:768px) and (max-width:1023px){
	.sect-fdointrotop{background-image: url(../imgs/construcao/iea-img1noCaioLitoral.jpg); object-fit: cover; background-size: cover;
		padding: 90px 0; margin: 0; box-shadow: inset 0 0 0 200px rgba(0, 0, 0, 0.3); }
	/*Sobre Fundo topo da página*/
	.secfdotopconstrao{background-image: url(../imgs/construcao/iea-img1noCaioLitoral.jpg); background-size: cover; padding: 130px 0}
	.h2titulopag{color:#fff; text-align: center; text-transform: uppercase;}

/*Estilizar texto da Intro Pag*/
	#dvintrotxt{}
	#dvintrotxt p{text-align: justify; font-size: 18px; padding: 18px 0}

/*Estilizar a ZONA DA RELAÇÃO DE PROJETOS EXECUTADOS PELA EMPRESA*/
	.sectprojetosexecutado{background:conic-gradient(#4f50ce, #fff 30%, #4f50ce);}
	.h3titoprojetosexecutado{color: #fff; padding:3px 0; font-weight: 550; text-shadow: 0 2px 4px #000}
	/*BLOCOS de PROJETOS desenvolvido pela EMpresa*/
	.sectblocprojetos{padding:25px 0 0 0}
	#dvgblocosprojetos{display: grid; grid-gap:20px; grid-template-columns: repeat(3, 1fr);}
	#figblocprojeto{position: relative; color: white; height: 300px; box-shadow: inset 0 0 0 200px rgba(0, 0, 0, 0.5); border-radius:10px}
	#figblocprojeto{}
	/**/
	.projeiea{background-image: url(../imgs/ieacaiolitoral.jpg); background-size: cover; object-fit: cover; 
		}
	.capblocproje{position: absolute; top: 15px}
	.pname{position: absolute; top: 12%; width: 100%; text-align: center; color:}
	.pano{position: absolute; top: 54%; width: 100%; text-align: center;}
	.plocal{position: absolute; top: 36%; width: 100%; text-align: center;}
	.plink{position: absolute; width: 100%; text-align: center; bottom: 10px}
	.plink a{padding:5px 35px; background:conic-gradient(#b22627, #fff 30%, #b22627); color:#4f50ce; border-radius: 7px; 
		font-weight:550; transition: 1s linear}
	.plink a:hover{background:conic-gradient(#4f50ce, #fff 40%, #4f50ce); color:#b22627;}

/*Fdo geral*/
	.sec-fdoslider{background-image: url(../imgs/construcao/construcaofto1.jpg); background-position: center; background-size: cover; 
		padding: 155px 0; background-attachment: fixed; margin:35px 0 0 0}


/*Sobre o FORMULÁRIO DE SOLICITAÇÃO DE SERVIÇO*/
	.setsolicitmservico{padding: 55px 0 25px 0}
	.h4frmtituloservico{color:; padding:0px 10px; font-weight: 550; text-shadow: 0 2px 4px #fff; font-size: 20px; 
		text-transform: uppercase; border-left: 5px solid #b22627;}
	.h4frmtituloservico p{border-bottom: 1px solid #b22627;}
	#dvfrmservico{}
	.frmsoliservic{display: grid; gap:25px; grid-template-columns: repeat(3, 1fr); 
		grid-template-areas:"inputnam inputphone provincia" "cidadvla select select" 
		"txtarea txtarea txtarea" "pbtn pbtn pbtn" }
	.frmsoliservic p{margin: 0; padding: 0}
	.frmsoliservic p label{color:#4f50ce; font-weight: 550}
	.pinputname{grid-area:inputnam;}
	.pinputphone{grid-area:inputphone}
	.pprovincia{grid-area:provincia}
	.pcidadevila{grid-area:cidadvla}
	/**/
	.pinputphone input, .pinputname input, .pprovincia input, .pcidadevila input, .pselect select, 
	.ptxtarea textarea {width: 100%; background: #eee}
	/**/
	.pselect{grid-area: select;}
	.pselect select{ padding: 4px 5px}
	.ptxtarea{grid-area:txtarea}
	.pbtn{text-align: center; grid-area:pbtn}
	.pbtn button{width: 35%; border-radius: 5pc; border: 1px dotted #4f50ce; background:conic-gradient(#b22627, #fff 30%, #b22627); 
		color:#4f50ce; font-weight: 600; text-transform: uppercase; text-shadow: 0 1px 3px #fff}
	.pbtn button:hover{width: 35%; border-radius: 5pc; background:conic-gradient(#4f50ce, #fff 40%, #4f50ce); color:#b22627;}
}
	
@media (min-width:480px) and (max-width:767px){
	.sect-fdointrotop{background-image: url(../imgs/construcao/iea-img1noCaioLitoral.jpg); object-fit: cover; background-size: cover;
		padding: 60px 0; margin: 0; box-shadow: inset 0 0 0 200px rgba(0, 0, 0, 0.3); }
	/*Sobre Fundo topo da página*/
	.secfdotopconstrao{background-image: url(../imgs/construcao/iea-img1noCaioLitoral.jpg); background-size: cover; padding: 130px 0}
	.h2titulopag{color:#fff; text-align: center; text-transform: uppercase; font-size: 22px; padding:0 25px}

/*Estilizar texto da Intro Pag*/
	#dvintrotxt{}
	#dvintrotxt p{text-align: justify; font-size: 16px; padding: 17px 15px}

/*Estilizar a ZONA DA RELAÇÃO DE PROJETOS EXECUTADOS PELA EMPRESA*/
	.sectprojetosexecutado{background:conic-gradient(#4f50ce, #fff 30%, #4f50ce);}
	.h3titoprojetosexecutado{color: #fff; padding:3px 15px; font-weight: 550; text-shadow: 0 2px 4px #000}
	/*BLOCOS de PROJETOS desenvolvido pela EMpresa*/
	.sectblocprojetos{padding:20px 0 0 0}
	#dvgblocosprojetos{display: grid; grid-gap:12px; grid-template-columns: repeat(2, 1fr); padding:0 15px}
	#figblocprojeto{position: relative; color: white; height: 300px; box-shadow: inset 0 0 0 200px rgba(0, 0, 0, 0.5); border-radius:10px}
	#figblocprojeto{font-size:15px}
	/**/
	.projeiea{background-image: url(../imgs/ieacaiolitoral.jpg); background-size: cover; object-fit: cover; 
		}
	.capblocproje{position: absolute; top: 10px}
	.pname{position: absolute; top: 5%; width: 100%; text-align: center; color:}
	.pano{position: absolute; top: 50%; width: 100%; text-align: center;}
	.plocal{position: absolute; top: 33%; width: 100%; text-align: center;}
	.plink{position: absolute; width: 100%; text-align: center; bottom: 10px}
	.plink a{padding:5px 30px; background:conic-gradient(#b22627, #fff 30%, #b22627); color:#4f50ce; border-radius: 7px; 
		font-weight:550; transition: 1s linear}
	.plink a:hover{background:conic-gradient(#4f50ce, #fff 40%, #4f50ce); color:#b22627;}

/*Fdo geral*/
	.sec-fdoslider{background-image: url(../imgs/construcao/construcaofto1.jpg); background-position: center; background-size: cover; 
		padding: 155px 0; background-attachment: fixed; margin:35px 0 0 0}


/*Sobre o FORMULÁRIO DE SOLICITAÇÃO DE SERVIÇO*/
	.setsolicitmservico{padding: 40px 0 25px 0}
	.h4frmtituloservico{color:; margin:0 7px; padding:0px 10px; font-weight: 550; text-shadow: 0 2px 4px #fff; font-size: 17px; 
		text-transform: uppercase; border-left: 5px solid #b22627;}
	.h4frmtituloservico p{border-bottom: 1px solid #b22627;}
	#dvfrmservico{padding: 0 15px; font-size: 14px}
	.frmsoliservic{display: grid; gap:25px; grid-template-columns: repeat(3, 1fr); 
		grid-template-areas:"inputnam inputphone provincia" "cidadvla select select" 
		"txtarea txtarea txtarea" "pbtn pbtn pbtn" }
	.frmsoliservic p{margin: 0; padding: 0}
	.frmsoliservic p label{color:#4f50ce; font-weight: 550}
	.pinputname{grid-area:inputnam;}
	.pinputphone{grid-area:inputphone}
	.pprovincia{grid-area:provincia}
	.pcidadevila{grid-area:cidadvla}
	/**/
	.pinputphone input, .pinputname input, .pprovincia input, .pcidadevila input, .pselect select, 
	.ptxtarea textarea {width: 100%; background: #eee}
	/**/
	.pselect{grid-area: select;}
	.pselect select{ padding: 4px 5px}
	.ptxtarea{grid-area:txtarea}
	.pbtn{text-align: center; grid-area:pbtn}
	.pbtn button{width: 35%; border-radius: 5pc; border: 1px dotted #4f50ce; background:conic-gradient(#b22627, #fff 30%, #b22627); 
		color:#4f50ce; font-weight: 600; text-transform: uppercase; text-shadow: 0 1px 3px #fff}
	.pbtn button:hover{width: 35%; border-radius: 5pc; background:conic-gradient(#4f50ce, #fff 40%, #4f50ce); color:#b22627;}
}

@media (min-width:320px) and (max-width:479px){
	.sect-fdointrotop{background-image: url(../imgs/construcao/iea-img1noCaioLitoral.jpg); object-fit: cover; background-size: cover;
		padding: 40px 0; margin: 0; box-shadow: inset 0 0 0 200px rgba(0, 0, 0, 0.3); }
	/*Sobre Fundo topo da página*/
	.secfdotopconstrao{background-image: url(../imgs/construcao/iea-img1noCaioLitoral.jpg); background-size: cover; padding: 130px 0}
	.h2titulopag{color:#fff; text-align: center; text-transform: uppercase; font-size: 22px; padding:0 25px}

/*Estilizar texto da Intro Pag*/
	#dvintrotxt{}
	#dvintrotxt p{text-align: justify; font-size: 16px; padding: 17px 12px}

/*Estilizar a ZONA DA RELAÇÃO DE PROJETOS EXECUTADOS PELA EMPRESA*/
	.sectprojetosexecutado{background:conic-gradient(#4f50ce, #fff 30%, #4f50ce);}
	.h3titoprojetosexecutado{color: #fff; padding:3px 15px; font-weight: 550; text-shadow: 0 2px 4px #000}
	/*BLOCOS de PROJETOS desenvolvido pela EMpresa*/
	.sectblocprojetos{padding:20px 0 0 0}
	#dvgblocosprojetos{display: grid; grid-gap:7px; grid-template-columns: repeat(2, 1fr); padding:0 10px}
	#figblocprojeto{position: relative; color: white; height: 300px; box-shadow: inset 0 0 0 200px rgba(0, 0, 0, 0.5); border-radius:10px}
	#figblocprojeto{font-size:14px;}
	/**/
	.projeiea{background-image: url(../imgs/ieacaiolitoral.jpg); background-size: cover; object-fit: cover; 
		}
	.capblocproje{position: absolute; top: 10px}
	.pname{position: absolute; top: 5%; width: 100%; text-align: center; color:}
	.pano{position: absolute; top: 50%; width: 100%; text-align: center;}
	.plocal{position: absolute; top: 33%; width: 100%; text-align: center;}
	.plink{position: absolute; width: 100%; text-align: center; bottom: 10px}
	.plink a{padding:5px 30px; background:conic-gradient(#b22627, #fff 30%, #b22627); color:#4f50ce; border-radius: 7px; 
		font-weight:550; transition: 1s linear}
	.plink a:hover{background:conic-gradient(#4f50ce, #fff 40%, #4f50ce); color:#b22627;}

/*Fdo geral*/
	.sec-fdoslider{background-image: url(../imgs/construcao/construcaofto1.jpg); background-position: center; background-size: cover; 
		padding: 155px 0; background-attachment: fixed; margin:35px 0 0 0}


/*Sobre o FORMULÁRIO DE SOLICITAÇÃO DE SERVIÇO*/
	.setsolicitmservico{padding: 40px 0 25px 0}
	.h4frmtituloservico{margin:0 7px; padding:0px 10px; font-weight: 550; text-shadow: 0 2px 4px #fff; font-size: 15px; 
		text-transform: uppercase; border-left: 5px solid #b22627;}
	.h4frmtituloservico p{border-bottom: 1px solid #b22627;}
	#dvfrmservico{padding: 0 12px; font-size: 14px}
	.frmsoliservic{display: grid; grid-gap:20px; grid-template-columns: repeat(2, 1fr); 
		grid-template-areas:"inputnam inputnam" "inputphone inputphone" "provincia provincia" "cidadvla cidadvla"
		 "select select" "txtarea txtarea" "pbtn pbtn" }
	.frmsoliservic p{margin: 0; padding: 0}
	.frmsoliservic p label{color:#4f50ce; font-weight: 550}
	.pinputname{grid-area:inputnam;}
	.pinputphone{grid-area:inputphone}
	.pprovincia{grid-area:provincia}
	.pcidadevila{grid-area:cidadvla}
	/**/
	.pinputphone input, .pinputname input, .pprovincia input, .pcidadevila input, .pselect select, 
	.ptxtarea textarea {width: 100%; background: #eee}
	/**/
	.pselect{grid-area: select;}
	.pselect select{ padding: 4px 5px}
	.ptxtarea{grid-area:txtarea}
	.pbtn{text-align: center; grid-area:pbtn}
	.pbtn button{width: 35%; border-radius: 5pc; border: 1px dotted #4f50ce; background:conic-gradient(#b22627, #fff 30%, #b22627); 
		color:#4f50ce; font-weight: 600; text-transform: uppercase; text-shadow: 0 1px 3px #fff}
	.pbtn button:hover{width: 35%; border-radius: 5pc; background:conic-gradient(#4f50ce, #fff 40%, #4f50ce); color:#b22627;}
}

@media (min-width:240px) and (max-width:319px){
	.sect-fdointrotop{background-image: url(../imgs/construcao/iea-img1noCaioLitoral.jpg); object-fit: cover; background-size: cover;
		padding: 35px 0; margin: 0; box-shadow: inset 0 0 0 200px rgba(0, 0, 0, 0.3); }
	/*Sobre Fundo topo da página*/
	.secfdotopconstrao{background-image: url(../imgs/construcao/iea-img1noCaioLitoral.jpg); background-size: cover; padding: 110px 0}
	.h2titulopag{color:#fff; text-align: center; text-transform: uppercase; font-size: 20px; padding:0 15px}

/*Estilizar texto da Intro Pag*/
	#dvintrotxt{}
	#dvintrotxt p{text-align: justify; font-size: 15px; padding: 16px 10px}

/*Estilizar a ZONA DA RELAÇÃO DE PROJETOS EXECUTADOS PELA EMPRESA*/
	.sectprojetosexecutado{background:conic-gradient(#4f50ce, #fff 30%, #4f50ce);}
	.h3titoprojetosexecutado{color: #fff; padding:3px 12px; font-weight: 550; font-size:21px; text-shadow: 0 2px 4px #000}
	/*BLOCOS de PROJETOS desenvolvido pela EMpresa*/
	.sectblocprojetos{padding:20px 0 0 0}
	#dvgblocosprojetos{display: grid; grid-gap:7px; grid-template-columns:1fr; padding:0 10px}
	#figblocprojeto{position: relative; color: white; height: 300px; box-shadow: inset 0 0 0 200px rgba(0, 0, 0, 0.5); border-radius:10px}
	#figblocprojeto{font-size:14px;}
	/**/
	.projeiea{background-image: url(../imgs/ieacaiolitoral.jpg); background-size: cover; object-fit: cover; 
		}
	.capblocproje{position: absolute; top: 10px}
	.pname{position: absolute; top: 5%; width: 100%; text-align: center; color:}
	.pano{position: absolute; top: 50%; width: 100%; text-align: center;}
	.plocal{position: absolute; top: 33%; width: 100%; text-align: center;}
	.plink{position: absolute; width: 100%; text-align: center; bottom: 10px}
	.plink a{padding:5px 30px; background:conic-gradient(#b22627, #fff 30%, #b22627); color:#4f50ce; border-radius: 7px; 
		font-weight:550; transition: 1s linear}
	.plink a:hover{background:conic-gradient(#4f50ce, #fff 40%, #4f50ce); color:#b22627;}

/*Fdo geral*/
	.sec-fdoslider{background-image: url(../imgs/construcao/construcaofto1.jpg); background-position: center; background-size: cover; 
		padding: 155px 0; background-attachment: fixed; margin:35px 0 0 0}


/*Sobre o FORMULÁRIO DE SOLICITAÇÃO DE SERVIÇO*/
	.setsolicitmservico{padding: 40px 0 25px 0}
	.h4frmtituloservico{margin:0 7px; padding:0px 10px; font-weight: 550; text-shadow: 0 2px 4px #fff; font-size: 14px; 
		text-transform: uppercase; border-left: 5px solid #b22627;}
	.h4frmtituloservico p{border-bottom: 1px solid #b22627;}
	#dvfrmservico{padding: 0 12px; font-size: 14px}
	.frmsoliservic{display: grid; grid-gap:20px; grid-template-columns: repeat(2, 1fr); 
		grid-template-areas:"inputnam inputnam" "inputphone inputphone" "provincia provincia" "cidadvla cidadvla"
		 "select select" "txtarea txtarea" "pbtn pbtn" }
	.frmsoliservic p{margin: 0; padding: 0}
	.frmsoliservic p label{color:#4f50ce; font-weight: 550}
	.pinputname{grid-area:inputnam;}
	.pinputphone{grid-area:inputphone}
	.pprovincia{grid-area:provincia}
	.pcidadevila{grid-area:cidadvla}
	/**/
	.pinputphone input, .pinputname input, .pprovincia input, .pcidadevila input, .pselect select, 
	.ptxtarea textarea {width: 100%; background: #eee}
	/**/
	.pselect{grid-area: select;}
	.pselect select{ padding: 4px 5px}
	.ptxtarea{grid-area:txtarea}
	.pbtn{text-align: center; grid-area:pbtn}
	.pbtn button{width: 45%; border-radius: 5pc; border: 1px dotted #4f50ce; background:conic-gradient(#b22627, #fff 30%, #b22627); 
		color:#4f50ce; font-weight: 600; text-transform: uppercase; text-shadow: 0 1px 3px #fff; transition: 0.2s}
	.pbtn button:hover{width: 42%; border-radius: 5pc; background:conic-gradient(#4f50ce, #fff 40%, #4f50ce); color:#b22627;}
}