/* Folhas de estilos*/
@import 'main.css';
@import 'bar.css';

.parallax-window {
    min-height: 400px;
    background: transparent;
}

.banner{
	width: 100%;
	height: 100vh;
	overflow: hidden;
	padding: 0;
}

.banner .carousel-item{
	height: 100vh;
	overflow: hidden;
}

.banner .carousel-item img{
	min-width: 100%;
	min-height: 100%;
}

.text-banner{
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 99;

	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.text-banner .center-text{
	width: 100%;
}

.text-banner h1{
	color: #fff;
	font-size: 2.5em;
	font-weight: 900;
	font-style: italic;
	line-height: -0.5em;
	margin-bottom: -0.1em;
}

.text-banner h2{
	color: #FA9A00;
	font-size: 5.5em;
	font-weight: 900;
	line-height: -0.5em;
	margin-bottom: -0.2em;
	text-transform: uppercase;
	font-style: italic;
}

.text-banner h3{
	color: #fff;
	font-style: italic;
	font-weight: 400;
	font-size: 2em;
}

.text-banner p{
	font-size: 1.5em;
	color: #fff;
	font-weight: 400;
	line-height: 24px;;
}

.text-wagner{
	position: absolute;
	bottom: 50px;
	text-align: right;
	color: #fff;
	font-size: 2.5em;
	z-index: 99;
}

/*História==========================*/
.historia{
	padding: 90px 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background: #f5f5f5;
}

.historia .text-hist{
	text-align: left;
	color: #000;
	font-size: 1.2em;;
}

.historia .foto-hist{
	overflow: hidden;
}

.historia .foto-hist img{
	max-width: 100%;
	max-height: 100%;
}

/*Sobre====================== */
.sobre{
	padding: 90px 0;
}

.icon-sobre{
	border-radius: 5px;
	border: 3px solid #0762D1;
	width: 100%;
	height: 100%;

	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.icon-sobre h2{
	font-size: 2.25em;
	color: #0762D1;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	border-bottom: 25px;
	line-height: 43px;

	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.icon-sobre p{
	font-size: 1.185em;
	color: #0762D1;
	text-align: center;
	font-weight: 400;
	line-height: 27px;

	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.icon-sobre:hover{
	background: #0762D1;
}

.icon-sobre:hover h2, .icon-sobre:hover p{
	color: #fff;
}

.icon-orange{
	border-color: #FA9A00;
}

.icon-orange h2, .icon-orange p{
	color: #FA9A00;
}

.icon-orange:hover{
	background: #FA9A00;
}

.text-icon{
	padding: 15px;;
}

.foto-icon{
	height: 250px;
	width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 15px;
}

.webp .alta-tecnologia{
	background-image: url(../img/alta-tecnologia.webp);
}

.no-webp .alta-tecnologia{
	background-image: url(../img/alta-tecnologia.jpg);
}

.webp .poliuretano{
	background-image: url(../img/poliuretano.webp);
}

.no-webp .poliuretano{
	background-image: url(../img/poliuretano.jpg);
}

.webp .qualidade{
	background-image: url(../img/qualidade.webp);
}

.no-webp .qualidade{
	background-image: url(../img/qualidade.jpg);
}

/*Processo====================== */
.processo{
	padding: 90px 0;
	background: #FA9A00;
}

.icon-processo, .icon-processo-azul{
	width: 100%;
	height: 100%;
	border-radius: 5px;
	border: 3px solid #0762D1;
	padding: 30px 15px;

	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.icon-processo h2, .icon-processo-azul h2{
	color: #0762D1;
	text-align: center;
	font-size: 2.25em;
	line-height: 43px;
	font-weight: 700;
}

.icon-processo-azul{
	background: #0762D1;
}

.icon-processo-azul h2{
	color: #FA9A00;
}

/*Parceiros===========================*/
.parceiros{
	padding: 90px 0;
	background: #fff;
}

.icon-parceiro{
	width: 100%;
	height: 150px;
	margin: 15px 0;

	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.icon-parceiro img{
	max-width: 100%;
	max-height: 120px;
}

/*Depoimentos===========================*/
.depoimentos{
	padding: 90px 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;

}

.icon-depo, .icon-depo-grande{
	width: 100%;
	height: auto;
	padding: 30px;
	margin: 30px 0;
	border: 3px solid #0762D1;
	border-radius: 5px;

	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.icon-depo-grande{
	height: auto;
}

.icon-depo h2, .icon-depo-grande h2{
	font-size: 1.5em;
	color: #0762D1;
	font-weight: 400;
	text-align: center;
	margin-bottom: 10px;
	font-style: italic;
}

.icon-depo-grande h2{
	font-size: 2em;
}

.icon-depo p, .icon-depo-grande p{
	font-size: 1.125em;
	color: #000;
	font-weight: 400;
	text-align: center;
	font-style: italic;
	margin-bottom: 0;
}

.icon-depo-grande h3{
	font-size: 1.5em;
	color: #000;
	font-weight: 700;
	font-style: italic;
	text-align: center;
	margin: 30px 0;
	line-height: 30px;
}

.icon-depo img{
	height: 30px;;
}

/*Serviços====================== */
.servicos{
	padding: 90px 0;
}

.icon-servicos{
	width: 100%;
	height: 180px;
	margin: 15px 0;
	border: 3px solid #0762D1;
	border-radius: 5px;

	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;

	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.icon-servicos svg{
	height: 50px;
	margin: 0 auto;
}

.icon-servicos h1{
	font-size: 1.5em;
	color: #0762D1;
	font-weight: 700;
	text-align: center;
	margin-bottom: 0;
	margin-top: 10px;

	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.icon-servicos svg path{
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.icon-servicos:hover{
	background: #0762D1;
}

.icon-servicos:hover h1{
	color: #fff;
}

.icon-servicos:hover svg path{
	fill: #fff;
}

/*Locais====================== */
.locais{
	padding: 90px 0;
	background: #0762D1;
}

.locais .splide__slide{
	text-align: center;
	font-size: 1.5em;
	color: #fff;
	font-weight: 400;
	font-style: italic;
}

.locais .splide__slide__container{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.locais .splide__pagination{
	bottom: 0;
}

.locais .splide__track{
	height: 250px;
}

/*Patologias=======================*/
.patologias{
	padding: 90px 0;
}

.icon-pato{
	width: 100%;
	height: 250px;
	margin: 15px 0;
	border: 3px solid #0762D1;
	border-radius: 5px;
	padding: 15px;
	margin: 15px 0;
}

.icon-pato h1{
	font-size: 1.5em;
	color: #0762D1;
	font-weight: 700;
	text-align: center;
	margin-bottom: 15px;
}

.icon-pato p{
	font-size: 1.125em;
	color: #000;
	font-weight: 400;
	text-align: center;
	margin-bottom: 0;
	line-height: 22px;
}

/* Agendar========================= */
.agendar{
	padding: 90px 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.agendar h2{
	color: #fff;
	font-size: 3.125em;
	font-weight: 700;
	line-height: 55px;
	font-style: italic;
	text-transform: uppercase;
	margin-bottom: 0;
	text-align: center;
}

.agendar h3{
	color: #FA9A00;
	font-size: 3.125em;
	font-weight: 700;
	line-height: 55px;
	font-style: italic;
	text-transform: uppercase;
	margin-bottom: 0;
	text-align: center;
}

.agendar p{
	color: #fff;
	font-size: 1.5em;
	font-weight: 400;
	font-style: italic;
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 0;
	text-align: center;
}

.agendar ul{
	list-style-position: inside;
	margin-top: 50px;
	list-style-image: url(../img/checkbox.png);
}

.agendar li{
	text-align: center;
	font-size: 1.125em;
	color: #fff;
	font-weight: 400;
}

/*Projetos==========================*/
.projetos{
	padding: 90px 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background: #f5f5f5;
}

.link-projetos{
	width: 100%;
	height: 100%;
	padding: 15px 0;
}

.icon-projetos{
	border-radius: 5px;
	border: 3px solid #0762D1;
	width: 100%;
	height: 100%;

	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.text-projetos{
	padding: 15px;
}

.text-projetos h2{
	font-size: 1.5em;
	color: #0762D1;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	border-bottom: 25px;
	line-height: 43px;

	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.foto-projetos{
	overflow: hidden;
	height: 250px;
	margin:0;
	padding: 0;

	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.foto-projetos img{
	min-height: 100%;
}

/*Contato==========================*/
.contato{
	padding: 90px 0;	
}

.contato input, .contato textarea{
	width: 100%;
	height: 50px;
	border: 3px solid #0762D1;
	border-radius: 5px;
	padding: 5px;
	color: #0762D1;

	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.contato textarea{
	height: 150px;

	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.contato input::placeholder, .contato textarea::placeholder{
	color: #0762D1;
	font-weight: 400;
	font-style: italic;
	font-size: 1.125em;

	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.contato input:focus, .contato textarea:focus{
	border-color: #FA9A00;
	outline: 0;
	color: #FA9A00;
}

.contato input:focus::placeholder, .contato textarea:focus::placeholder{
	color: #FA9A00;
}

.contato button{
	height: 50px !important;
}

/* Dados ========================= */
.dados{
	padding: 90px 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.text-dados{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.text-dados h2{
	text-align: center;
	color: #0762D1;
	font-weight: 700;
	font-size: 2.25em;
	margin-bottom: 0;

	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.text-dados h3{
	text-align: center;
	color: #0762D1;
	font-weight: 400;
	font-size: 1.125em;
	margin-bottom: 5px;

	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.text-dados p{
	text-align: center;
	color: #000;
	font-weight: 400;
	font-size: 1.125em;
	margin-bottom: 0;
	font-style: italic;
}

.text-dados h2:hover, .text-dados h3:hover{
	color: #FA9A00;
}

.text-dados a{
	display: grid;
}

.svg-dados{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.svg-dados svg{
	height: 50px;
}

.sociais-dados{
	margin: 20px 0;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.icon-social-dados{
	width: 50px;
	height: 50px;
	background: #0762D1;
	border-radius: 5px;
	margin: 0 5px;

	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;

	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.icon-social-dados svg{
	max-width: 30px;
}

.icon-social-dados:hover{
	background: #FA9A00;
}

/* Logos do Governo ===============*/
.logos-gov{
	padding: 90px 0;
}

.icon-logos-gov{
	height: 250px;

	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.icon-logos-gov img{
	height: 200px;
}

/*Footer===========================*/
footer{
	padding: 50px 0;
	background: #000;
}

footer img{
	height: 75px;
}

footer p, footer h3, footer h4{
	color: #fff;
	font-weight: 400;
	font-size: 1.125em;
	font-style: italic;
}

footer svg{
	height: 65px;
	float: right ;
}

footer svg path, footer svg polygon{
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

footer svg:hover path, footer svg:hover polygon{
	fill: #FA9A00;
}

/*Responsive=======================*/

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

	.icon-depo-grande .button-main-3{
		width: 200px;
		margin-right: 15px;
	}

	.icon-depo-grande .button-main-4{
		width: 250px;
	}

	.icon-pato{
		height: 345px;
	}
}

@media screen and (max-width: 1199px){
	.icon-depo-grande .button-main-3{
		width: 135px;
		margin-right: 15px;
	}

	.icon-depo-grande .button-main-4{
		width: 230px;
	}
}

@media screen and (max-width: 991px){
	.banner h1, .banner p, .banner h2, .banner h3{
		text-align: center;
	}

	.banner a{
		display: inline;
	}

	.banner a .button-banner{
		margin:50px auto;
	}

	.historia p{
		text-align: center;
		margin-top: 15px;;
	}

	.icon-depo-grande .button-main-3{
		width: 200px;
		margin-right: 30px;
	}

	.icon-depo-grande .button-main-4{
		width: 390px;
	}

	footer img{
		margin: 0 auto;
		display: inline-block;
	}

	footer svg{
		float: none;
		margin: 0 auto;
		display: inline-flex;
	}

	footer a{
		width: 100%;
		display: inline-block;
		margin: 0 auto;
	}

	footer, footer p, footer h4{
		text-align: center !important;
	}

	.text-banner{
		position: relative;
	}

	.banner{
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
	}

	.banner .container{
		height: 100%;
		position: absolute;

		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
}

@media screen and (max-width: 767px){
	.banner h2{
		font-size: 3.5em;
	}
	.icon-depo-grande{
		height: auto;
		padding: 15px !important;
	}

	.icon-depo-grande a{
		width: 100%;
	}

	.icon-depo-grande .button-main-3, .icon-depo-grande .button-main-4{
		width: 100%;
		margin: 15px auto;
	}

	.icon-pato{
		height: auto;
	}
}

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