@import "auxlm.css";
@import "fancybox.css";
@import "owl.css";
@import "font-awesome/css/all.min.css";

/*! HTML5 Boilerplate v4.3.0 - START */
html, button, input, select, textarea {
	color: #222
}

html {
	font-size: 1em;
	line-height: 1.4
}

::-moz-selection, ::selection {
	background: #b3d4fc;
	text-shadow: none
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

audio, canvas, img, video {
	vertical-align: middle
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0
}

textarea {
	resize: vertical
}



/* ==========================================================================
   Site
   ========================================================================== */

html {
	font-size: 10px;
}

body {
	font: 100% "Montserrat", Arial, Helvetica, sans-serif;
	background: #fff;
	font-size: inherit;
	line-height: 1.4em;
	color: #333;
}

a {
	color: inherit;
	outline: none !important;
	text-decoration: none;
}

	a:hover {
		color: inherit;
		text-decoration: none;
	}

	a:active,
	a:focus {
		color: inherit;
		text-decoration: none;
	}

a, button, input {
	outline: none !important;
}

/* a, button, input { transition: color 0.15s, border-color 0.15s, background-color 0.15s, opacity 0.15s; } /* light transitions */

ul, li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	display: block;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
}

p {
	margin: 0 0 1.4em 0;
}

	p:last-child {
		margin-bottom: 0 !important;
	}

	p strong {
		font-weight: 600;
	}

.cor-branca {
	color: #ffffff !important;
}

/* *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* use if not include bootstrap */
/* background: linear-gradient(to right, #ffffff 0%,#000000 100%); */


.container {
	position: relative;
	z-index: 10;
}


#wrapper {
	position: relative;
	width: 100%;
	max-width: 4000px;
	margin: auto;
	overflow: hidden;
}



.btn1 {
	color: #fff !important;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.02em;
	font-size: 1.6rem;
	line-height: 1.438em;
	padding: 1em 2em;
	background: #79B3CD;
	border-radius: 0.3em;
	display: inline-block;
	text-align: center;
	border: none;
}

	.btn1:hover {
		filter: brightness(1.05);
	}

	.btn1:active {
		filter: brightness(1.15);
	}

	.btn1.curto {
		padding-top: 0.375em;
		padding-bottom: 0.375em;
	}

.azul {
	color: #79B3CD !important;
}

.azulm {
	color: #355573 !important;
}

.hr1 {
	display: block;
	width: 80%;
	margin: 3.3rem 0;
	border: none;
	border-top: solid 2px #D0D0D0;
}

.titulo1 {
	color: #355573;
	font-size: 4.8em;
	font-weight: 600;
	line-height: 1.46em;
	letter-spacing: 0.02em;
}

.titulo2 {
	color: #355573;
	font-size: 3.6em;
	font-weight: 600;
	line-height: 1.46em;
	letter-spacing: 0.02em;
}

.titulo25 {
	color: ffffff;
	font-size: 2.5em;
	font-weight: bold;
	line-height: 1.5em;
	letter-spacing: 0.02em;
}

.titulo3 {
	color: #79B3CD;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.5em;
	letter-spacing: 0.02em;
}

.titulo-tracinho {
	position: relative;
	padding: 0 0 0.45em 0;
}

	.titulo-tracinho:after {
		content: "";
		position: absolute;
		width: 2em;
		height: 0.188em;
		background: #D0D5DF;
		left: 0;
		bottom: 0;
	}

.subtitulo1 {
	font-size: 1.8em;
	font-weight: 600;
	line-height: 1.67em;
}

.subtitulo2 {
	font-size: 2.5em;
	font-weight: normal;
	line-height: 1.48em;
}

	.subtitulo2 strong {
		font-weight: 600;
	}

.intro1 {
	font-size: 2.2em;
	font-weight: 300;
	line-height: 1.36em;
	margin: 0 0 1.65em 0;
}

	.intro1 strong {
		color: #79B3CD;
		font-weight: 600;
	}

.texto {
	font-size: 1.8rem;
	line-height: 1.67em;
}

	.texto.lh2 {
		line-height: 1.39em;
	}

	.texto p {
		margin-bottom: 1.7em;
	}

.social {
	white-space: nowrap;
}

	.social li {
		display: inline-block;
		margin: 0 2.2rem 0 0;
	}

		.social li:last-child {
			margin-right: 0px;
		}

		.social li a {
			display: block;
			font-size: 1.5em;
			color: #7AB4CE;
			line-height: 1.1em;
		}

			.social li a:hover {
				filter: brightness(1.3);
			}


#topo {
	position: relative;
	background: url(/img/topo_bg.jpg) center center no-repeat #032340;
	background-size: cover;
	color: #F7FAF9;
	padding: 1.3rem 0;
}

	#topo h5 {
		font-size: 1.7rem;
		letter-spacing: 0.2em;
		line-height: 1.2em;
	}

	#topo .btn1 {
		font-size: 1.4rem;
		padding: 0.5em 1.5em;
	}



#header {
	position: relative;
	padding: 3rem 0 5rem 0;
	z-index: 2;
}

	#header .bg {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		background: url(/img/header_bg.jpg) center center no-repeat #E8E8E8;
		background-size: cover;
		opacity: 0;
		transition: opacity 0.2s;
	}

		#header .bg.mostrar {
			opacity: 1;
		}

	#header .htbl {
		margin: 0;
	}

	#header .logo {
	}

		#header .logo a {
			display: block;
		}

		#header .logo img {
			display: block;
			height: 13.4rem;
		}

	#header .menu {
		padding: 0 0 0 4rem;
	}

		#header .menu > ul {
			display: flex;
			width: 100%;
			vertical-align: bottom;
			text-align: center;
			color: #355573;
			font-size: 2rem;
			font-weight: 600;
			flex-direction: row;
			justify-content: space-between;
		}

			#header .menu > ul > li {
			}

				#header .menu > ul > li > a {
					display: block;
					line-height: 5.5rem;
				}

					#header .menu > ul > li > a:hover {
						filter: brightness(1.5);
					}

@media (min-width: 768px) {
	#header .menu > ul > li.menu-fone > a {
		color: #7487A6;
		font-size: 0.9em;
		padding-left: 1.667em;
		background: url(/img/header_fone.png) left center no-repeat;
		background-size: 1.167em auto;
		line-height: 2.5rem;
	}

		#header .menu > ul > li.menu-fone > a:hover {
			filter: brightness(1.2);
		}

	#header .menu > ul > li.menu-contato > a {
		border: solid 1px #233761;
		color: #233761;
		border-radius: 0.3em;
		font-size: 0.75em;
		text-transform: uppercase;
		padding: 0 1.5em;
	}
}

#header .menu .menu-logo {
	text-align: center;
	margin: 0 0 20px 0;
	position: relative;
	z-index: 1;
}

	#header .menu .menu-logo a {
		display: inline-block;
	}

	#header .menu .menu-logo img {
		display: block;
		margin: auto;
		height: 80px;
	}

#header .menu .x {
	display: block;
	border: none;
	padding: 20px 10px 5px 5px;
	background: no-repeat;
	font-size: 30px;
	color: #F6F7F7;
	position: absolute;
	top: 10px;
	right: 0;
	z-index: 10;
}


.main {
	position: relative;
	z-index: 10;
	padding: 0 0 7rem 0;
}

	.main.padtb {
		padding: 7rem 0;
	}

.breadcrumbs {
	margin: 0 0 2.2em 0;
}

	.breadcrumbs ul {
		font-size: 1.3rem;
		color: #79B3CD;
		line-height: 1.2em;
		font-weight: 500;
		letter-spacing: 0.02em;
	}

		.breadcrumbs ul li {
			display: inline-block;
			margin: 0 1.7em 0 0;
			position: relative;
		}

			.breadcrumbs ul li:after {
				content: "/";
				position: absolute;
				left: 100%;
				line-height: inherit;
				text-align: center;
				width: 1.7em;
			}

			.breadcrumbs ul li:last-child {
				margin-right: 0px;
			}

				.breadcrumbs ul li:last-child:after {
					display: none;
				}

			.breadcrumbs ul li a {
				color: #355573;
			}


.form-group {
	margin: 0 0 2rem 0;
	position: relative;
}

.form-label {
	display: block;
	width: 100%;
	font-size: 1.8rem;
	line-height: 1.67em;
	font-weight: 500;
}

.form-control {
	display: block;
	width: 100%;
	background: #F2F2F2;
	font-size: 1.4rem;
	line-height: 1.571em;
	font-weight: 500;
	padding: 1em 1.5em;
	border: none;
	outline: none;
}

	.form-control:focus {
		background: #f9f9f9;
	}



.produtos-menu {
}

	.produtos-menu ul {
		font-size: 1.6rem;
		font-weight: 600;
		color: #355573;
		line-height: 1.06em;
	}

		.produtos-menu ul li {
			margin-bottom: 0.9em;
		}

			.produtos-menu ul li a {
				display: block;
				background: #e8e8e8;
				border-radius: 0.5em;
				padding: 1.189em 2.7em 1.189em 1.5em;
				position: relative;
			}

				.produtos-menu ul li a:after {
					content: "";
					position: absolute;
					right: 1em;
					top: 0;
					height: 100%;
					width: 0.813em;
					background: url(/img/produtos_menu_seta.png) center center no-repeat;
					background-size: contain;
				}

				.produtos-menu ul li a:hover {
					background: #efefef;
				}

			.produtos-menu ul li.aberto a {
				background: linear-gradient(to right, #426C95 0%,#365573 100%) !important;
				color: #fff !important;
			}

				.produtos-menu ul li.aberto a:after {
					filter: brightness(1.8) invert(1);
				}


.box-produto {
	font-size: 1rem;
	background: #fff;
	overflow: hidden;
	border-radius: 0.7em;
	box-shadow: 0.5em 0.5em 0.7em rgba(0,0,0,0.1);
	margin: 0 0 30px 0;
}

	.box-produto .foto {
		display: block;
		width: 100%;
		height: 19.5em;
		position: relative;
		background: #f4f4f4;
	}

		.box-produto .foto img {
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

	.box-produto .info {
		max-width: 25em;
		margin: auto;
		padding: 1em 2em 2.5em 2em;
	}

		.box-produto .info .fabricante {
			text-align: center;
			font-size: 1.4em;
			font-weight: bold;
			text-transform: uppercase;
			line-height: 1.2em;
			margin: 0 0 0.3em 0;
		}

		.box-produto .info .nome {
			text-align: center;
			font-size: 2em;
			font-weight: bold;
			line-height: 1.2em;
			margin: 0 0 0.75em 0;
		}

		.box-produto .info p {
			font-size: 1.6em;
			font-weight: normal;
			line-height: 1.3em;
			margin: 0;
		}

	.box-produto .mais {
		font-size: 1.6em;
		font-weight: bold;
		height: 3.75em;
		line-height: 1.1em;
		color: #416A92;
		text-transform: uppercase;
		text-align: center;
		padding: 0.2em 1em;
		background: linear-gradient(to bottom, #F2F2F2 0%,#fff 100%);
	}

		.box-produto .mais:hover {
			color: #79B3CD;
			background: linear-gradient(to bottom, #f8f8f8 0%,#fff 100%);
		}

.btnset-mais {
	padding-top: 2rem;
}

.contatos-pg {
	font-size: 2.15rem;
	font-weight: 600;
	line-height: 1.4em;
	color: #7AB4CE;
}

	.contatos-pg li {
		margin: 0 0 0.5em 0;
	}

		.contatos-pg li a {
			display: block;
			padding: 0 0 0 2.33em;
			background: url(/img/icone_fone.png) left center no-repeat;
			background-size: 1.667em auto;
		}

			.contatos-pg li a.email {
				background-image: url(/img/icone_email.png);
			}

			.contatos-pg li a.local {
				background-image: url(/img/icone_local.png);
			}

			.contatos-pg li a:hover {
				filter: brightness(1.1);
			}


.contato-foto {
	height: 51rem;
	width: 100%;
	position: relative;
}

	.contato-foto .base {
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		width: 45vw;
		background: #000;
	}

		.contato-foto .base img {
			position: absolute;
			right: 0;
			top: 0;
			height: 100%;
			width: 100%;
			display: block;
			object-fit: cover;
		}

.mapa {
	height: 50rem;
	background: #f4f4f4;
}


.tblfab {
}

	.tblfab .tcol {
		padding: 5rem;
		position: relative;
	}

	.tblfab .col1 {
		background: #365573;
		color: #F9F9F9;
		padding-left: 0;
		z-index: 100;
		width: 37%;
	}

		.tblfab .col1 > * {
			position: relative;
			;
			z-index: 10;
		}

		.tblfab .col1:before {
			content: "";
			position: absolute;
			z-index: 1;
			top: 0;
			width: 100vw;
			height: 100%;
			right: 100%;
			right: calc( 100% - 1px );
			background: inherit;
		}

		.tblfab .col1 .subtitulo1 {
			font-size: 2rem;
			position: relative;
		}

			.tblfab .col1 .subtitulo1:after {
				content: "";
				position: absolute;
				z-index: 2;
				top: 1rem;
				left: -5rem;
				width: 3.5rem;
				height: 3.5rem;
				background: url(/img/fab_relogio.png) center center no-repeat;
				background-size: contain;
			}

	.tblfab .col2 {
		padding-right: 3rem;
		z-index: 200;
		background: #fff;
		box-shadow: 1.5em 1.5em 2em rgba(0,0,0,0.05);
	}


.box-fabricante {
	font-size: 1rem;
	display: block;
	width: 100%;
	border: solid 1px #e6e6e6;
	border-radius: 0.6em;
	margin: 0 auto 30px auto;
	padding: 5em 2em;
	max-width: 380px;
}

	.box-fabricante img {
		display: block;
		max-height: 10rem;
		max-width: 100%;
		margin: auto;
	}


#sobre1 {
}

	#sobre1 .galeria {
		position: relative;
	}

		#sobre1 .galeria .item a {
			display: block;
			height: 56rem;
			position: relative;
		}

			#sobre1 .galeria .item a img {
				display: block;
				height: 100%;
				width: 100%;
				object-fit: cover;
			}

		#sobre1 .galeria .owl-dots {
			display: none;
		}

		#sobre1 .galeria .owl-nav {
			position: absolute;
			z-index: 1000;
			left: 0;
			top: 50%;
			height: 1px;
			color: #fff;
			width: 100%;
		}

			#sobre1 .galeria .owl-nav button {
				font-size: 5rem;
				opacity: 0.75;
				line-height: 1.2em;
				position: absolute;
				top: -0.6em;
			}

				#sobre1 .galeria .owl-nav button:hover {
					opacity: 1;
				}

				#sobre1 .galeria .owl-nav button:active {
					transform: scale(0.85);
				}

			#sobre1 .galeria .owl-nav .owl-prev {
				left: 0.5em;
			}

			#sobre1 .galeria .owl-nav .owl-next {
				right: 0.5em;
			}

#sobre2 {
	background: #f7f7f7;
	border-radius: 0.8rem;
	font-size: 2.4rem;
	color: #999;
	line-height: 1.25em;
	font-weight: 300;
	font-style: italic;
	padding: 1.5em;
}


#qc {
	background: url(/img/qc_bg.jpg) center center no-repeat #03213D;
	background-size: cover;
	padding: 7rem 0;
	color: #fff;
	position: relative;
	z-index: 1;
}

	#qc h1 {
		text-align: center;
		color: #2795C1;
		font-size: 6.5rem;
		line-height: 1.2em;
		margin: 0 0 0.8em 0;
		font-weight: 300;
	}

	#qc h2 {
		color: #79B3CD;
		margin: 0 0 0.5em 0;
		font-weight: bold;
	}

	#qc p {
		font-size: 1.9rem;
		line-height: 1.68em;
		margin: 0 0 2.4em 0;
	}


#onde {
	position: relative;
	padding: 6rem 0;
}

	#onde h1 {
		font-weight: 500;
	}

	#onde .mapa-atuacao {
		background: center center no-repeat #A1A2A4;
		background-size: auto 100%;
		width: 100%;
		height: 51vw;
		max-height: 63.4rem;
	}

#produto-conteudo h4 {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.39em;
	margin-bottom: 15px;
}
#produto-conteudo p {
	font-size: 1em;
	font-weight: normal;
	line-height: 1.39em;
	margin-bottom: 15px;
}
#produto-conteudo ul {
	margin-bottom: 15px;
}
#produto-conteudo li {
	font-size: 1em;
	font-weight: normal;
	line-height: 1.39em;
}

.produto-foto {
	border: solid 1px #e6e6e6;
	border-radius: 0.6rem;
	overflow: hidden;
	position: relative;
	height: 48.5rem;
	background: #f4f4f4;
}

	.produto-foto a {
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
	}

	.produto-foto img {
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		object-fit: cover;
	}

.fabricado-por {
	background: #F2F2F2;
	border-radius: 0.6rem;
	text-align: center;
	height: 12rem;
	padding: 1rem;
	position: relative;
	;
}

	.fabricado-por h5 {
		font-size: 1.8rem;
		font-weight: 600;
		color: #355573;
		line-height: 1.39em;
		letter-spacing: 0.02em;
		text-transform: uppercase;
	}

	.fabricado-por img {
		display: block;
		max-height: 10rem;
		max-width: 100%;
		margin: auto;
		mix-blend-mode: multiply;
	}


.pg-home {
}

	.pg-home #header {
		position: absolute;
		left: 0;
		top: 5.9rem;
		width: 100%;
		background: none;
		z-index: 1000;
	}

		.pg-home #header .br {
			display: none;
		}

#hero {
	xmin-height: 94rem;
	background: #f4f4f4;
	position: relative;
	z-index: 10;
}
	/*#hero:after { position: absolute; content: ""; z-index: 1; height: 10rem; width: 10rem; background: url(/img/logov.png) center center no-repeat; background-size: contain; top: calc( 50% - 5rem ); left: calc( 50% - 5rem ); animation: hero-loading 1s linear infinite; filter: grayscale(1) brightness(1.3); opacity: 0.5 } */
	#hero .item {
		background: center top no-repeat #f4f4f4;
		background-size: cover;
		padding: 21rem 0 20rem 0;
	}

	#hero .inner {
		height: 54rem;
		height: calc( 100vh - 5.9rem - 21rem - 20rem );
		max-height: 90rem;
		transform: translateX(20rem);
		opacity: 0;
		transition: all 0.5s;
		transition-delay: 0.1s;
	}

	#hero .active .inner {
		transform: translateX(0);
		opacity: 1;
	}

	#hero .inner h1 {
		font-size: 8.5rem;
		font-weight: 300;
		line-height: 0.85em;
	}

		#hero .inner h1 strong {
			font-weight: 600;
		}

	#hero .owl-nav,
	#hero .owl-dots {
		display: none;
	}

	#hero .hero-footer {
		z-index: 2000;
		left: 0;
		bottom: 0;
		width: 100%;
		position: absolute;
	}

		#hero .hero-footer .tblfab {
			height: 17rem;
		}

			#hero .hero-footer .tblfab .tcol {
				padding-top: 2rem;
				padding-bottom: 2rem;
			}

			#hero .hero-footer .tblfab .col2 {
				background: none;
				box-shadow: none;
			}

				#hero .hero-footer .tblfab .col2 .seta {
					border: none;
					padding: 0;
					background: none;
					color: #333;
					opacity: 0.7;
					cursor: pointer;
					font-size: 4rem;
					outline: none;
					line-height: 1.2em;
				}

					#hero .hero-footer .tblfab .col2 .seta:hover {
						opacity: 1;
					}

					#hero .hero-footer .tblfab .col2 .seta:active {
						transform: scale(0.85);
					}

@keyframes hero-loading {
	from {
		transform: rotateY(0);
	}

	to {
		transform: rotateY(360deg);
	}
}



#home-sobre {
	padding: 9rem 0 0 0;
	background: url(/img/home_sobre_bg.jpg) right center no-repeat #fff;
	background-size: auto 100%;
	position: relative;
	z-index: 100;
	box-shadow: 0 2em 1.5em rgba(0,0,0,0.05);
}

	#home-sobre .foto {
		height: 65rem;
		width: 100%;
		position: relative;
	}

		#home-sobre .foto .base {
			position: absolute;
			right: 0;
			top: 0;
			height: 100%;
			width: 45vw;
			background: #000;
		}

			#home-sobre .foto .base img {
				position: absolute;
				right: 0;
				top: 0;
				height: 100%;
				width: 100%;
				display: block;
				object-fit: cover;
			}

	#home-sobre .subtitulo2 {
		margin-bottom: 0.5em;
		padding-bottom: 0.5em;
		position: relative;
	}

	#home-sobre .col2 {
		padding-left: 4rem;
		padding-bottom: 25rem;
		position: relative;
	}

		#home-sobre .col2 .hsfab {
			position: absolute;
			left: 0;
			bottom: 0;
			height: 22rem;
			background: #fff;
			padding: 3rem 0 0 0;
		}

			#home-sobre .col2 .hsfab > * {
				position: relative;
				z-index: 10;
			}

			#home-sobre .col2 .hsfab:after {
				content: "";
				position: absolute;
				z-index: 1;
				width: 100vw;
				background: inherit;
				height: 100%;
				left: -100px;
				top: 0;
			}

			#home-sobre .col2 .hsfab h5 {
				font-size: 2.4rem;
				font-weight: 500;
				text-transform: uppercase;
				letter-spacing: 0.02em;
				color: #B2B2B2;
				line-height: 1.25em;
				margin: 0 0 0.3em 0;
			}

			#home-sobre .col2 .hsfab .tblhsfab {
				height: 14rem;
			}

				#home-sobre .col2 .hsfab .tblhsfab img {
					max-width: 100%;
					max-height: 10rem;
				}



#depoimentos {
	padding: 16rem 0 12rem 0;
	color: #fff;
	background: url(/img/depoimentos_bg.jpg) center center no-repeat #032846;
	background-size: cover;
}

	#depoimentos h1 {
		position: relative;
		color: #fff;
	}

		#depoimentos h1:before {
			content: "";
			position: absolute;
			left: 0;
			top: -1.5em;
			width: 1.375em;
			height: 1.375em;
			background: url(/img/depoimentos_titulo_bg.png) center center no-repeat;
			background-size: contain;
		}

	#depoimentos .slider {
		background: rgba(0,13,23,0.8);
		padding: 11rem 18rem;
		border-radius: 0.7rem;
		position: relative;
	}

		#depoimentos .slider:before {
			position: absolute;
			content: "";
			left: 7rem;
			top: -1rem;
			width: 9.4rem;
			height: 7.7rem;
			background: url(/img/depoimentos_aspas.png) center center no-repeat;
			background-size: contain;
			display: none;
		}

		#depoimentos .slider p {
			font-size: 2.2rem;
			font-weight: 300;
			line-height: 1.5em;
			letter-spacing: 0.02em;
		}

		#depoimentos .slider .owl-dots {
			display: none;
		}

		#depoimentos .slider .owl-nav {
			z-index: 1000;
			position: absolute;
			left: 0;
			top: 50%;
			width: 100%;
			height: 1px;
		}

			#depoimentos .slider .owl-nav button {
				position: absolute;
				font-size: 4rem;
				line-height: 1.6em;
				width: 1.6em;
				text-align: center;
				border-radius: 0.8em;
				background: #79B3CD;
				top: -0.8em;
			}

				#depoimentos .slider .owl-nav button:hover {
					filter: brightness(1.1);
				}

				#depoimentos .slider .owl-nav button:active {
					transform: scale(0.9);
				}

				#depoimentos .slider .owl-nav button.owl-prev {
					left: -3em;
				}

				#depoimentos .slider .owl-nav button.owl-next {
					right: -3em;
				}

#footer {
	border-top: #e6e6e6;
	background: #fff;
	border-top: solid 1px #e9e9e9;
	padding: 7em 0 0 0;
}

#footer1 {
	position: relative;
	z-index: 20;
}

	#footer1 .ftbl1a {
		margin-bottom: 3rem;
	}

		#footer1 .ftbl1a .btn1 {
			font-size: 1.4rem;
			padding: 1em 1.1em;
			white-space: nowrap;
		}

		#footer1 .ftbl1a h5 {
			text-align: right;
			font-size: 2.2rem;
			font-weight: 500;
			color: #B2B2B2;
			line-height: 1.25em;
			text-transform: uppercase;
		}

		#footer1 .ftbl1a img.fabricantes {
			display: block;
			height: 8.5rem;
		}

		#footer1 .ftbl1a .tblfab {
		}

			#footer1 .ftbl1a .tblfab img {
				display: block;
				height: 8rem;
				margin: auto;
			}

	#footer1 .ftbl1b {
		border: solid 1px #e6e6e6;
		background: #fff;
	}

		#footer1 .ftbl1b .tcol {
			padding: 3rem;
			vertical-align: top;
		}

		#footer1 .ftbl1b .logo {
			background: #365573;
			vertical-align: middle;
		}

			#footer1 .ftbl1b .logo a {
				display: block;
			}

			#footer1 .ftbl1b .logo img {
				display: block;
				width: 20.4rem;
				margin: auto;
			}

		#footer1 .ftbl1b h5 {
			font-size: 1.5rem;
			font-weight: 500;
			color: #B2B2B2;
			line-height: 1.25em;
			text-transform: uppercase;
			margin: 0 0 0.8em 0;
		}

		#footer1 .ftbl1b .contatos {
			font-size: 1.8rem;
			font-weight: 600;
			line-height: 1.4em;
			color: #7AB4CE;
		}

			#footer1 .ftbl1b .contatos li {
				margin: 0 0 0.3em 0;
			}

				#footer1 .ftbl1b .contatos li a {
					display: block;
					padding: 0 0 0 2.33em;
					background: url(/img/icone_fone.png) left center no-repeat;
					background-size: 1.667em auto;
				}

					#footer1 .ftbl1b .contatos li a.email {
						background-image: url(/img/icone_email.png);
					}

					#footer1 .ftbl1b .contatos li a:hover {
						filter: brightness(1.1);
					}

		#footer1 .ftbl1b .local {
			font-size: 1.9rem;
			font-weight: 600;
			line-height: 1.3em;
			color: #7AB4CE;
			padding: 0 0 0 2em;
			background: url(/img/footer_map.png) left top no-repeat;
			background-size: 1.667em auto;
			margin: 0 0 0.6em 0;
		}

#footer2 {
	position: relative;
	z-index: 1;
	border-top: solid 1px #E9E9E9;
	background: url(/img/footer_bg.jpg) center bottom no-repeat #f7f7f7;
	background-size: cover;
	padding: 15rem 0 0 0;
	margin-top: -9.5rem;
}

	#footer2 .ftbl2 {
		padding: 0 0 4.5rem 0;
	}

		#footer2 .ftbl2 .social h5 {
			font-size: 1.7em;
			color: #79B3CD;
			line-height: 1.2em;
			letter-spacing: 0.2em;
		}

		#footer2 .ftbl2 .menu {
		}

			#footer2 .ftbl2 .menu > ul {
				display: block;
				width: 100%;
				text-align: left;
				color: #355573;
				font-size: 2rem;
				font-weight: 600;
			}

				#footer2 .ftbl2 .menu > ul > li {
					display: inline-block;
					margin: 0 1em 0 0;
				}

					#footer2 .ftbl2 .menu > ul > li > a {
						display: block;
						line-height: 5.5rem;
					}

						#footer2 .ftbl2 .menu > ul > li > a:hover {
							filter: brightness(1.5);
						}

	#footer2 .fim {
		position: relative;
		font-size: 1.6rem;
		font-weight: 600;
		color: #9F9FA1;
		line-height: 1.3em;
		padding: 1em 0;
	}

		#footer2 .fim > * {
			position: relative;
			z-index: 10;
		}

		#footer2 .fim:after {
			content: "";
			position: absolute;
			height: 100%;
			width: 300vw;
			background: #EDEDED;
			opacity: 0.3;
			left: -100vw;
			top: 0;
		}


.fancybox-close-small {
}

.modal {
	background: #fff;
	padding: 4rem;
	width: 56rem;
	border-radius: 1rem;
}

	.modal h1 {
		font-size: 3rem;
		font-weight: 500;
		line-height: 1.2em;
	}



/* ==========================================================================
   Resposive
   ========================================================================== */

@media (min-width: 1200px) {
}

@media (max-width: 1199px) {
	html {
		font-size: 8px;
	}

	#footer1 .ftbl1a img.fabricantes {
		height: 7.5rem;
	}

	#footer1 .ftbl1a .tblfab img {
		height: 7rem;
	}
}

@media (max-width: 991px) {
	html {
		font-size: 6.5px;
	}
}

@media (max-width: 767px) {
	html {
		font-size: 7px;
	}

	#topo .social {
		font-size: 1.8rem;
	}

	#topo .btn1 {
		margin-left: -15px
	}

	.menu-aberto {
		overflow: hidden;
	}

		.menu-aberto #header {
			z-index: 5000;
		}

	#header .htbl {
		vertical-align: middle !important;
	}

	#header .logo img {
		height: 11rem;
	}

	#header .mobile-menu {
		border: none;
		background: no-repeat;
		font-size: 30px;
		color: #355573;
		line-height: 1em;
		margin: 0;
		padding: 0;
	}

	#header .menu {
		position: fixed;
		z-index: 5000;
		right: 0;
		top: 0;
		width: 100%;
		height: 100vh;
		background: rgba(54,85,115,0.95);
		transition: all 0.2s;
		opacity: 0;
		visibility: hidden;
		transition: scale(0.3);
		pointer-events: none;
		padding: 20px 0;
		overflow: auto;
	}

	.menu-aberto #header .menu {
		opacity: 1;
		visibility: visible;
		transition: scale(1);
		pointer-events: inherit;
	}

	#header .menu > ul {
		display: block;
		text-align: center;
		color: #fff;
		font-size: 25px;
	}

		#header .menu > ul > li {
			display: block;
		}

			#header .menu > ul > li > a {
				padding: 0.3em 1em;
			}

	#footer1 .ftbl1a {
		text-align: center;
	}

		#footer1 .ftbl1a .btn1 {
			white-space: normal;
		}

		#footer1 .ftbl1a h5 {
			text-align: center;
		}

		#footer1 .ftbl1a img.fabricantes {
			height: auto;
			max-width: 100%;
			margin: auto;
		}

	#footer1 .ftbl1b .tcol + .tcol {
		border-top: solid 1px #e6e6e6;
	}

	#footer2 .ftbl2 .social {
		text-align: center;
		font-size: 2.2rem;
	}

	.produtos-menu ul li {
		display: none;
	}

		.produtos-menu ul li.aberto {
			display: block;
		}

	.menu-produtos-aberto .produtos-menu ul li {
		display: block;
	}

		.menu-produtos-aberto .produtos-menu ul li.expandir {
			display: none !important;
		}

	.tblfab .tcol {
		padding: 30px 20px !important;
	}

	.tblfab .col1 {
		padding-top: 55px !important;
	}

		.tblfab .col1:before {
			display: none;
		}

		.tblfab .col1 .subtitulo1:after {
			left: 0;
			top: -5rem;
		}

	.box-produto .foto {
		height: 23em;
	}

	#hero {
		min-height: 65vh;
	}

		#hero .item {
			padding: 18rem 0 5rem 0;
		}

		#hero .inner {
			height: 34rem;
		}

			#hero .inner h1 {
				font-size: 5rem;
			}

		#hero .hero-footer {
			position: relative;
			bottom: auto;
		}

			#hero .hero-footer .tblfab {
				width: calc( 100% + 30px );
				margin-left: -15px;
			}

				#hero .hero-footer .tblfab .col2 {
					display: none !important;
				}

	#home-sobre {
		padding: 5rem 0 0 0;
	}

		#home-sobre .foto {
			height: auto;
			width: 100%;
			position: relative;
		}

			#home-sobre .foto .base {
				position: relative;
				right: auto;
				top: auto;
				height: auto;
				width: 100%;
			}

				#home-sobre .foto .base img {
					position: relative;
					right: auto;
					top: auto;
					height: auto;
					width: 100%;
					object-fit: inherit;
				}

		#home-sobre .col2 {
			padding-left: 0;
			padding-bottom: 0;
		}

			#home-sobre .col2 .hsfab {
				position: relative;
				left: auto;
				bottom: auto;
				margin-top: 30px;
				width: calc( 100% + 30px );
				margin-left: -15px;
				padding: 20px;
				height: auto;
			}

	#depoimentos {
		padding: 11rem 0 6rem 0;
	}

		#depoimentos .slider {
			padding: 11rem 8rem 7rem 8rem;
		}

			#depoimentos .slider:before {
				left: 3rem;
			}

			#depoimentos .slider .owl-nav button.owl-prev {
				left: -2.4em;
			}

			#depoimentos .slider .owl-nav button.owl-next {
				right: -2.4em;
			}
}

@media (max-width: 575px) {
	#topo .social {
		font-size: 1.5rem;
	}

	.modal {
		padding: 2.5rem;
	}

	#onde .mapa-atuacao {
		background-size: auto 140%;
	}

	.box-produto .foto {
		height: 25em;
	}

	#hero {
		min-height: 50vh;
	}
}






/*! HTML5 Boilerplate v4.3.0 - END */
.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px
}

	.ir:before {
		content: "";
		display: block;
		width: 0;
		height: 150%
	}

.hidden {
	display: none !important;
	visibility: hidden
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

	.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
		clip: auto;
		height: auto;
		margin: 0;
		overflow: visible;
		position: static;
		width: auto
	}

.invisible {
	visibility: hidden
}

.clearfix:before, .clearfix:after {
	content: " ";
	display: table
}

.clearfix:after {
	clear: both
}

.clearfix {
	*zoom: 1
}

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important
	}

	a, a:visited {
		text-decoration: underline
	}

		a[href]:after {
			content: " (" attr(href) ")"
		}

	abbr[title]:after {
		content: " (" attr(title) ")"
	}

	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
		content: ""
	}

	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid
	}

	thead {
		display: table-header-group
	}

	tr, img {
		page-break-inside: avoid
	}

	img {
		max-width: 100% !important
	}

	@page {
		margin: .5cm
	}

	p, h2, h3 {
		orphans: 3;
		widows: 3
	}

	h2, h3 {
		page-break-after: avoid
	}
}