/* Basic */

html { margin: 0; border: 0; }
body { font-family: 'Rubik', sans-serif; margin: 0; padding: 0; color: #000; font-size: 16px; }
strong { font-weight: 700; }

/* Basic Classes */

div.row { width: 100%; max-width: 1144px; margin: 0 auto; clear: both; position: relative;  padding: 0 20px; }
.row:before, .row:after { content: ""; display: table; clear: both; }
.left { position: absolute; top: 0; left: 0; }
.right { position: absolute; top: 0; right: 0; }
.center { text-align: center; }
.floatLeft { float: left; }
.floatRight { float: right; }
.brClear { clear: both !important; display: block; }

	/* Text color */

	.orange { color: #e93619; }
	.blue { color: #0578b1; }
	.blueDarker { color: #086897; }
	.gray { color: #575757; }

/* Header */

	/* General Menu */

	.menuUl { float: left; list-style: none; margin: 40px 0 0 50px; padding: 0; text-transform: uppercase; font-size: 18px; }
	.menuUl li { display: inline-block; margin-left: 30px; }
	.menuUl li a { position: relative; color: #fff; text-decoration: none; font-size: 18px; margin-left: 25px; }
	.menuUl li a:hover { color: #fff; }
	.menuUl li a:before { content: ""; position: absolute; width: 100%; height: 6px; bottom: -10px; left: 0; background-color: #e93619; visibility: hidden;  -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
	.menuUl li a:hover:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); }
	li.currentMenuItem { border-bottom: 6px solid #e93619; padding-bottom: 4px; font-size: 18px; color: #fff; margin-left: 55px; }

	/* Home Header */

	.headerHome { height: 760px; background-image: url('assets/imgs/headerHome.jpg'); background-repeat: no-repeat; background-position: center; }
	.header { padding: 20px 0; }
	.logo { float: left; }
	.phoneHeader { float: right; list-style: none; margin: 20px 0 0 0; padding: 0; }
	.phoneHeader li { padding: 15px; background-color: #fff; font-size: 24px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

	/* Slider Div */

	.sliderDiv { display: block; clear: both; position: relative; margin-top: 100px; }
	.sliderDivText { float: left; padding: 200px 680px 0 0; z-index: 50; position: relative; }
	.sliderDivText p { margin: 15px 0 50px 0; }
	.sliderButton { background-color: #e93619; padding: 15px 30px; color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 18px; text-transform: uppercase; border: 1px solid #d73015; margin: 15px 0 0 0; text-decoration: none; }
	.sliderDivImage { position: absolute; right: -50px; top: 0; z-index: 10; }
	.sliderDiv h1 { text-transform: uppercase; font-size: 42px; line-height: 42px; }

	/* Pages Header */

	.headerPage { height: 150px; background-image: url('assets/imgs/headerPage.jpg'); background-repeat: no-repeat; background-position: top center; }
	body.page h1 { font-size: 60px; text-transform: uppercase; margin-top: 0; }
	body.page h2 { font-size: 36px; text-transform: uppercase; margin-top: 0; }

	/* Singles Header */

	.headerSingle { height: 440px; background-image: url('assets/imgs/headerHome.jpg'); background-repeat: no-repeat; background-position: top center; }
	body.produto .textProduto .content h1 { font-size: 42px; text-transform: uppercase; margin-top: 0; color: #575757; line-height: 42px; }
	body.produto h2 { font-size: 36px; text-transform: uppercase; margin-top: 0; }

/* Content */

	/* Lista de Produtos */

	.produtosList { padding: 50px 0; position: relative; z-index: 50; height: 475px; }
	.produtosList article { float: left; width: 33.33%; height: 475px; text-align: center; padding: 25px 0; }
	.produtosList article img { max-width: 100%; }
	.produtosList article:hover { background-color: #f5f5f5; }
	.produtosList article h1 { text-transform: uppercase; font-size: 18px; padding: 0 80px; font-weight: normal; }
	.produtosDivisor { height: 4px; background-color: #0578b1; margin: 0 150px; }
	.produtosList article h2 { text-align: center; font-size: 16px; font-weight: normal; margin: 15px 0; }

	/* Qualidade */

	.qualidadeAll { height: 782px; overflow: hidden; }
	.qualidade { position: relative; background-color: #f5f5f5; margin-top: 150px;  width: 100%; }
	.qualidade .row { position: relative; z-index: 50; }
	.qualidadeText { position: relative; z-index: 50; padding: 50px 500px 50px 0; }
	.qualidade h1 { font-size: 52px; text-transform: uppercase; line-height: 52px; }
	.qualidadeImage { position: absolute; bottom: 0; left: 50%; z-index: 10; }

	/* Empresa */

	.textEmpresa { padding-right: 620px; position: relative; }
	.textEmpresa .content { margin: 60px 0 280px 0; z-index: 50; position: relative; }
	.textEmpresa p { line-height: 30px; }
	.textEmpresa .right { z-index: 10; }
	body.empresa h2 { padding: 0 200px; }
	.empresaProdutos { position: relative; z-index: 50; margin-bottom: 100px; }

	/* Produtos */

	.textProdutos .content { padding: 0 250px; }
	.textProdutos .content h1 { margin: 50px 0 20px 0; }
	.textProdutos .content p { line-height: 30px; }
	.aplicacoes { padding-left: 730px; position: relative; margin: 50px 0 200px 0; }
	.aplicacoes .content { text-align: right; position: relative; z-index: 50; padding: 130px 0; line-height: 30px; }
	.aplicacoes .left { z-index: 10; }
	.aplicacoesTextFundo { color: #fef7f7; font-size: 195px; position: absolute; right: 0; top: 0 ;z-index: 5; text-align: right; line-height: 160px; text-transform: uppercase; font-weight: 700; }

	/* Contato */

	.textContato { padding-right: 500px; position: relative; z-index: 50; margin: 50px 0 150px 0; }
	.textContato .content p { line-height: 30px; }
	.infoContato { width: 360px; min-height: 600px; background-image: url('assets/imgs/infoContato.jpg'); background-repeat: no-repeat; padding: 0 40px; }
	.right.infoContato { top: 30px; }
	body.contato .infoContato h2 { text-transform: uppercase; font-size: 18px; font-weight: normal; }
	body.contato .infoContato p { margin-left: 10px; }

		/* Form */

		form#contato { margin-top: 40px; }
		.textInput input { width: 95%; height: 45px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #0578b1; margin: 5px 0 20px 0; padding: 0 10px; font-size: 18px; }
		.textocompleto { width: 95%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #0578b1; margin-top: 5px; padding: 10px; font-size: 18px; }
		.contactDataColumn { margin-left: 20px; }
		.textContato .enviar { width: 170px; height: 60px;  background-color: #0578b1; padding: 10px 0 10px 40px; color: #fff; font-size: 18px; border: 1px solid #086897; margin-top: 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
		button.enviar { width: 170px; height: 60px;  background-color: #0578b1; padding: 10px 0 10px 40px; color: #fff; font-size: 18px; border: 1px solid #086897; margin-top: 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
		.floatLeft select { font-size: 18px; width: 100%; height: 48px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #0578b1; padding: 5px 10px; margin-top: 5px; }
		#telefone { width: 90%; }
		#estados, #cidades { width: 175px; }
		div.error { width: 95%; background-color: #ff0000; color: #fff; padding: 10px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 5px 0 10px 0; } 

		/* Mapa */

		div.map { width: 100%; height: 570px; }
		div#map-canvas { height: 100%; width: 100%; }
		div.mapInfo { text-align: center; font-weight: normal; font-size: 16px; font-family: 'Rubik', sans-serif; padding: 20px; }
		.mapInfoTitle { font-size: 18px; }

		/* Single Produto */

		.produtoSingleImg { margin: 120px 0; }
		.textProduto { position: relative; z-index: 50; margin: 120px 0 150px 0; }
		.textProduto .content h1 { padding: 0 320px; }
		.textProduto .content p { padding: 0 250px; }
		.textProduto .content .tamanhoProduto { font-size: 28px; }
		.listaCaracteristica { float: left; width: 48%; }
		.listaBeneficios { float: right; width: 48%; }
		.listaCaracteristica h2, .listaBeneficios h2 { text-transform: uppercase; font-size: 32px; color: #575757; }
		.listaCaracteristica ul, .listaBeneficios ul { line-height: 30px; margin: 0; padding: 0 0 0 20px; }

			/* Tabela Produto */

			.tabelaInfoProduto { border: 1px solid #40434e; margin: 80px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; }
			.tabelaInfoProduto table { width: 100%; font-size: 18px; }
			.tabelaInfoProduto table tr { height: 60px; background-color: #40434e; color: #fff; }
			.tabelaInfoProduto table tr th { background-color: #fff; color: #40434e; font-weight: normal; }
			.tabelaInfoProduto table tr td { background-color: #40434e; color: #fff; }
			
			.tabelaInfoProduto table { border-collapse: collapse; }
			.tabelaInfoProduto table th { border: 1px solid #40434e; }
			.tabelaInfoProduto table td { border: 1px solid #fff; }
			.tabelaInfoProduto table tr:hover td { background-color: #e93619; }
			.tabelaInfoProduto table tr:first-child th { border-top: 0; }
			.tabelaInfoProduto table tr:last-child td { border-bottom: 0; }
			.tabelaInfoProduto table tr td:first-child, .tabelaInfoProduto table tr th:first-child { border-left: 0; }
			.tabelaInfoProduto table tr td:last-child, .tabelaInfoProduto table tr th:last-child { border-right: 0; }

/* Footer */

footer { position: relative; width: 100%; }
.footerContact { background-color: #e93619; padding: 15px 0; color: #fff; text-transform: uppercase; text-align: center; padding-left: 20px 0; font-size: 28px; overflow: hidden; }
.footerContact a { color: #fff; text-decoration: none; }
.footerContact .row { padding-left: 400px; position: relative; z-index: 50; }
.footerContactDivisor { width: 1px; background-color: #fff; height: 60px; margin: 5px 100px; }
.footerContact .row div { float: left; }
.footerBg1 { background-image: url('assets/imgs/footerBg1.png'); background-repeat: no-repeat; background-position: center; height: 595px; z-index: 10; }
.footerBg1 .row { height: 100%; }
.selo { position: absolute; bottom: 20px; }
.newsletter { position: absolute; bottom: 15px; right: 0; }
.newsletter h1 { text-transform: uppercase; font-weight: normal; margin: 5px 0; font-size: 22px; }
body.page .newsletter h1 { text-transform: uppercase; font-size: 22px; }
.newsletter input { width: 200px; height: 45px; border: 0; background-color: #0578b1; color: #fff; padding: 0 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 14px; font-family: 'Rubik', sans-serif; }
form#newsletter div.error[for="nome"] { position: absolute; top: 80px; left: 0; width: 200px; }
form#newsletter div.error[for="email"] { position: absolute; top: 80px; left: 225px; width: 200px; }

.newsletter input::placeholder { color: #fff; }
.newsletter input::-webkit-input-placeholder { color: #fff; }
.newsletter input::-moz-placeholder { color: #fff; }
.newsletter input:-ms-input-placeholder { color: #fff; }
.newsletter input:-moz-placeholder { color: #fff; }

.newsletter input.enviar { background-color: #d73015; width: 120px; text-transform: uppercase; }
.newsletter button.enviar { background-color: #d73015; width: 120px; text-transform: uppercase; }
.footerBg2 { background-image: url('assets/imgs/footerBg2.png'); background-repeat: no-repeat; background-position: center; height: 160px; }
.footerBg3 { background-image: url('assets/imgs/footerBg3.png'); background-repeat: repeat-y; background-position: center; height: 100px; }
.footerBg2 ul { float: left; margin: 0; padding: 50px 0; list-style: none; }
.footerBg2 ul li a { color: #fff; text-transform: uppercase; text-decoration: none; }
.footerLogo { margin-left: 200px; padding: 35px 0; } 
.footerBg3 .row { padding: 40px 0; color: #fff; }
.footerMarginCorrect { position: absolute; bottom: -450px; width: 100%; }

/** Custom CSS **/

form .website {
  display: none;
}