*{font-family: "Quicksand", sans-serif; margin: 0; padding: 0;}
.conteudo{max-width: 1200px; width: 100%; margin: 0 auto;}

.topo{ height: 570px; width: 100%; background-image: linear-gradient(to right, #8cb341, #8cb341 50%, #fff 50%, #fff); background-size: cover; background-repeat: no-repeat; position: relative;}
.topo #triangle-topleft { width: 0; height: 0; background: #fff; border-top: 570px solid #8cb341; border-right: 570px solid transparent; margin: 0 auto; position: absolute; left: 50%; margin-left: -285px; top: 0;}

.topo-interna{height: 170px !important; overflow: hidden !important; }
.topo-interna #triangle-topleft{height: 170px !important; border-top: 170px solid #8cb341 !important; }

.topo .telefone{font-size: 26px; color:#fff; height: 76px; line-height: 76px; font-family: "Lato";  z-index: 1; position: relative; font-weight: bold; margin-left: 20px;}
.topo .telefone span{font-size: 20px;}

.topo .menu{height: 60px; background: #fff; border-radius: 0px 10px 10px 10px; width: 100%;  z-index: 1; position: relative; -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75); }

.topo .menu h1{height: 60px; width: 90px; background: url(../img/logo.png) no-repeat center; text-indent: -3000px; margin-left: 20px; overflow: hidden; float: left;}
.topo .menu ul{float: right;}
.topo .menu ul a{line-height: 60px; margin-right: 20px; color:#191919; font-weight: 700;}
.topo .menu ul a:hover{list-style-type: underline;}
.topo .menu ul a li{display: inline-block;}

.topo .banner{ position: relative; z-index: 1; height: 434px;  }
.topo .banner .left{margin-left: 20px; width: 50%; float: left;}
.topo .banner .left p.titulo{ color:#fff; font-size: 30px; padding-top: 70px; padding-bottom: 40px; }
.topo .banner .left p.texto{ color:#fff; font-size: 20px; width: 430px; line-height: 35px;}
.topo .banner .left .btn-solicitar{height: 35px; line-height: 35px; background: #fff; border-radius: 5px; padding-left: 20px; color: #003b16; width: 290px; display: block; text-decoration: none; margin-top: 40px;}

.topo .banner .right{margin-right: 20px; width: 45%; float: right;}
.topo .banner .right p.titulo{ color:#1e1e1e; text-align: right; font-size: 30px; padding-top: 70px; padding-bottom: 40px; }
.topo .banner .right p.texto{ color:#1e1e1e; text-align: right; font-size: 20px; line-height: 35px;}
.topo .banner .right .btn-solicitar{height: 35px; line-height: 35px; background: #8cb341; border-radius: 5px; padding-right: 20px; color: #fff; width: 290px; display: block; text-decoration: none; margin-top: 40px; text-align: right; float: right;}

.topo .banner img{position: absolute; bottom: -0px; left: 50%; margin-left: -141px; bottom: -86px;}

.produtos{min-height: 500px;}
.produtos .titulos{font-size: 30px; color: #001e0b; font-weight: 700; margin-left: 20px; margin-top: 90px;}

.produtos .items{clear: both; margin-bottom: 40px; margin-top: 40px;}
.produtos .items .titulo-item{color:#fff; font-weight: 700; font-size: 20px; padding-top: 20px; margin-left: 40px;}
.produtos .items .titulo-item span{font-weight: 400; font-size: 16px;}

.produtos .items .item-01{ width:330px; height: 277px; background:#8cb341 url(../img/bg-item-01.png) no-repeat left top; position: relative; float: left;}
.produtos .items .item-01 img{position: absolute; left: 55px; top: 75px;}

.produtos .items .item-02{width: 500px; height: 277px;  background:#8cb341 url(../img/bg-item-02.png) no-repeat center top; position: relative; float: left; margin-left: 20px; }
.produtos .items .item-02 img{position: absolute; left: 150px; top: 20px;}

.produtos .items .item-03{ width:330px; height: 277px; background:#8cb341 url(../img/bg-item-03.png) no-repeat left top; position: relative; float: left; margin-left: 20px;}
.produtos .items .item-03 img{position: absolute; left: 35px; top: 100px;}

.manutencao .titulos{font-size: 30px; color: #001e0b; font-weight: 700; margin-left: 20px; margin-bottom: 60px;}
.manutencao img{display: inline-block;}
.manutencao .texto{float: right;}
.manutencao .texto p{color:#222222; font-size: 26px; line-height: 36px; width: 820px; margin-top: 40px;}
.manutencao .texto a{background: #8cb341; color:#fff; text-align: center; height: 40px; line-height: 40px; border-radius: 0px 10px 10px 10px; width: 300px; display: block; text-decoration: none; margin-top: 40px;}


.contato{background: url(../img/bg-contato.png) no-repeat right top; padding-top: 185px; margin-top: 20px; min-height: 440px; max-width: 2000px; margin:0 auto; margin-bottom: 40px;}
.contato .conteudo{position: relative;}
.contato form{background: #8cb341; width: 855px; height: 440px; border-radius: 0 0 0 50px;}
.contato form fieldset{border:none;}
.contato form fieldset .titulo{color:#fff; font-size: 30px; line-height: 100px; font-weight: 700; margin-left: 40px; text-transform: uppercase;}
.contato form fieldset .left{width: 280px; margin-left: 40px; display: inline-block;}
.contato form fieldset .left label{color:#fff; font-size: 18px; display: block;}
.contato form fieldset .left input{color:#fff; border:none; border-bottom: 1px solid #fff; background: transparent; margin-bottom: 40px; margin-top: 10px; outline: none; height: 30px; font-size: 16px; width: 260px;}

.contato form fieldset .right{float: right; width: 530px; border-left: 1px solid #fff;  height: 340px;}
.contato form fieldset .right label{color:#fff; font-size: 18px; display: block; padding-left: 20px;}
.contato form fieldset .right textarea{outline: none; font-size: 16px; font-family: "Quicksand"; line-height: 22px; border:none; background: transparent; width: 490px; resize: none; margin-top: 10px; color:#fff; height: 238px; border-bottom: 1px solid #fff; padding-left: 20px; padding-right: 20px;}
.contato form fieldset .right .btn-enviar-contato{ border:none; background: transparent; font-weight: bold; color:#fff; outline: none; height: 60px; width: 510px; text-align: left; padding-left: 20px; font-size: 20px; cursor: pointer; }
.contato .info-direita{position: absolute; color: #fff; top: 30px; right: 55px;}



.items-produto{width: 285px; display: inline-grid; margin-left: 15px; margin-top: 30px; cursor: pointer; opacity: 1; transition: 0.4s;}
.items-produto:hover{opacity: 0.7;}
.items-produto .topo-produto{width: 285px; height: 141px; background: #8cb341 url(../img/bg-produto-titulo.png) center no-repeat; display: block; }
.items-produto .topo-produto p{color:#fff; font-family: "Quicksand"; font-size: 20px; font-weight: bold; padding-left: 20px; display: table-cell; vertical-align: bottom; height: 90px; padding-right: 20px;}
.items-produto .topo-produto p span{font-weight: 400; font-size: 16px; display: block;}

.items-produto .imagem-produto{width: 245px; height: 232px; border-bottom:#ddd solid 5px; margin-top: -36px; z-index: 2; background:#fff; margin-left:20px; padding:15px 0; background-repeat: no-repeat; background-size: contain; background-origin: content-box; background-position: center; border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; }

.items-produto:first-child{margin-left: 0; margin-top: 50px;}
.items-produto:nth-child(4n+1){margin-left: 0; margin-top: 50px;}

.produto-aberto{background: rgba(0,0,0,0.8); width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 12999999999; opacity: 1; display: none;}

.produto-aberto .area-produto-aberto{background: #fff; height: 420px; width: 1160px; position: absolute; top: 50%; left: 50%; margin-left: -580px; margin-top: -210px;}

.produto-aberto .area-produto-aberto .imagem-produto-aberto{width: 210px; height: 270px; padding:75px; background-repeat: no-repeat; background-size: contain; background-origin: content-box; background-position: center; border-right: 1px solid #ddd; display: inline-block; }


.produto-aberto .area-produto-aberto .texto-produto-aberto{ float: right; height: 420px; width: 799px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f0f0+0,ffffff+100 */
	background: #f0f0f0; /* Old browsers */
	background: -moz-linear-gradient(left, #f0f0f0 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #f0f0f0 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #f0f0f0 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	display: inline-block;
}
.produto-aberto .area-produto-aberto .texto-produto-aberto p{font-size: 20px; color:#060606; padding-left: 40px; padding-top: 40px;}
.produto-aberto .area-produto-aberto .texto-produto-aberto p span{display: block;}
.produto-aberto .area-produto-aberto .texto-produto-aberto p span.nome-produto-aberto{font-size: 24px; font-weight: bold; padding: 10px 0;}
.produto-aberto .area-produto-aberto .texto-produto-aberto .img-rodape-produto-aberto{position: absolute; right: 0; bottom: -4px;}
.produto-aberto .area-produto-aberto #produto-fechar{position: absolute; right: 10px; top: 10px; cursor: pointer;}


.texto-interna-pagina .txt-titulo{font-size: 30px; color: #001e0b; font-weight: 700; margin-top: 40px;}
.texto-interna-pagina .txt-conteudo{color:#222222; font-size: 20px; line-height: 36px; margin-top: 40px; margin-bottom: 40px;}

.filtros{width: 100%; display: block; clear: both;}
.filtros .titulo-filtros{background: #8cb341; border-radius: 0 5px 0 0; color: #fff; font-family: "Quicksand"; width: 280px; margin-top: 40px; padding-left: 20px; display: block; height: 50px; line-height: 50px; font-size: 20px;}
.filtros .filtros-categoria{margin-left: 5px; margin-top: 10px;}
.filtros .filtros-categoria p.item{width: 280px; padding-left: 20px; display: inline-block; height: 50px; line-height: 50px; color:#8cb341; margin-left: -5px; cursor: pointer; border: 1px solid #d5d5d5; margin-bottom: 10px;

	background: #f7f8f8; /* Old browsers */
	background: -moz-linear-gradient(45deg, #f7f8f8 0%, #e5e4e4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #f7f8f8 0%,#e5e4e4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #f7f8f8 0%,#e5e4e4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8f8', endColorstr='#e5e4e4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.novo-topo{height: 135px; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; background: #fff; border-bottom: 1px solid #ddd;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(40,40,40,0.6);
	-moz-box-shadow: 0px 3px 3px 0px rgba(40,40,40,0.6);
	box-shadow: 0px 3px 3px 0px rgba(40,40,40,0.6);
}
.inicio-novo-topo{height: 135px; width: 100%; display: block; clear: both;}
.novo-topo .logo{background: url(../img/logo-topo.png) no-repeat center; height: 135px; width: 227px; overflow: hidden; text-indent: -300000px; display: inline-block;}
.novo-topo .menu{float: right;}
.novo-topo .menu .telefone{background: #8cb341; height: 40px; line-height: 40px; padding: 0 10px; border-radius: 3px; color:#fff; font-weight: bold; font-size: 20px; margin-top: 48px; float: right;}
.novo-topo .menu .telefone span{font-size: 16px;}
.novo-topo .menu ul{float: right; margin-top: 58px; margin-right: 30px;}
.novo-topo .menu ul a{display: inline-block; text-decoration: none; color:#010101; font-weight: bold; font-size: 20px; margin-left: 20px; }
.novo-topo .menu ul a li{list-style-type: none;}

.banner{height: 400px; width: 100%; position: relative;}
.banner .items-banner .banner-01{background: url(../img/banner-01.png) center; height: 400px; width: 100%; position: relative;}
.banner .items-banner .banner-01 p.titulo-banner{background: #8cb341; color:#fff; font-size: 30px; font-weight: bold; height: 100px; width: 650px; margin-left: 10%; border-radius: 3px; text-align: center; line-height: 100px; position: absolute; bottom: -50px; left: 50%; margin-left: -325px; z-index: 3;}

.banner .items-banner .banner-02{background: url(../img/banner-01.png) center; height: 400px; width: 100%; position: relative;}
.banner .items-banner .banner-02 .direita-bg{background: rgba(24, 104, 54, 0.6); height: 400px; width: 50%; position: absolute; left: 50%;}
.banner .items-banner .banner-02 .conteudo{position: relative;}
.banner .items-banner .banner-02 .conteudo .logo-banner{width: 50%; height: 400px; display: block; float: right; background: url(../img/logo-banner.png) center no-repeat; background-size: 180px;}


.banner .items-banner .banner-03{background: url(../img/banner-02.png) center; height: 400px; width: 100%; position: relative; overflow: hidden;}
.banner .items-banner .banner-03 .direita-bg{background: rgba(24, 104, 54, 1); height: 400px; width: 50%; margin-left: 270px; position: absolute; left: 50%;}
.banner .items-banner .banner-03 .texto{width: 830px; color:#fff; padding-top: 30px;}
.banner .items-banner .banner-03 .texto p{font-size: 35px; padding-bottom: 10px;}
.banner .items-banner .banner-03 .texto div.item-lista{font-size: 30px; padding-top: 10px; background: url(../img/icone-item.png) no-repeat left 19px; padding-left: 42px;}
.banner .items-banner .banner-03 .conteudo{position: relative;}
.banner .items-banner .banner-03 .logo-banner{background: url(../img/logo-horizontal.png) no-repeat 69px 40px; width: 360px; height: 400px; position: absolute; right: 0; top: 0;}
.banner .items-banner .banner-03 .item-img-banner{position: absolute; z-index: 3; bottom: 30px; right: 20px;}

.banner .seta-direita{position: absolute; display: block; z-index: 99; right: 40px; top: 40px; width: 91px; height: 42px; background: url(../img/seta-direita-banner.png) no-repeat center; cursor: pointer;}
.banner .seta-esquerda{position: absolute; display: block; z-index: 99; left: 40px; top: 40px; width: 91px; height: 42px; background: url(../img/seta-esquerda-banner.png) no-repeat center; cursor: pointer;}

.galeria{height: 220px;}
.galeria img{float: left; height: 180px; margin-right: 10px; border:#ddd solid 1px; border-bottom: #ddd solid 5px;}


#novo_banner{height: 380px; background: #fff; }
#novo_banner .conteudo{height: 380px; background: #fff; background-image: url('../img/banner_novo.png'); background-size: cover; }




.add-telefone-safe{ display: none; background:url(../img/telefone-celular.png); background-repeat:no-repeat; background-position:center; position:fixed; z-index: 999999; left:10px; background-size: contain; bottom: 10px; width: 60px; height: 60px; }
.whatsapp-celular{ display: none; background:url(../img/whatsapp-celular.png); background-repeat:no-repeat; background-position:center; position:fixed; z-index: 999999; right:10px; background-size: contain; bottom: 10px; width: 60px; height: 60px; }
.link-telefone{ background-color: #77b3d4; background-image: url(../img/telefone-celular.png); height: 60px; width: 60px ; background-size: contain; background-repeat: no-repeat; display: block; position: fixed; bottom: 10px; left: 10px; z-index: 999999999; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); border-radius: 60px; display: none; }

#banner_celular{ display: none; }

#texto-servicos{width: 860px; float: right; margin-top: 60px;}
#galeria-servicos{float: left; margin-top: -250px; margin-left: 340px;}

.link-produtos-mobile{display: none;}

@media (max-width: 1060px){

	.conteudo{width: calc(100% - 20px); margin-left: 10px;}

	.produtos .items{ margin-top: 20px; }

	#novo_banner{display: none;}
	.novo-topo .logo{ width: 100%;  }
	.novo-topo .menu{ display: none; }
	.contato form{ width: 100%; height: unset; border-radius: 0px 0px 3px 3px; }
	.contato form fieldset .left{ width: 100%; float: none; margin-left: 0px; }
	.contato form fieldset .right{ width: 100%; float: none; border-left: 0px; }
	.produtos .items .item-01{ width: 100%; background-size: cover; overflow: hidden; }
	.produtos .items .item-02{ width: 100%; margin-left: 0px; background-size: cover; margin-top: 20px; overflow: hidden; }
	.produtos .items .item-03{ width: 100%; margin-left: 0px; background-size: cover; margin-top: 20px; overflow: hidden; }
	#banner_celular{ width: 100%; display: block; }
	.contato form fieldset .titulo{ width: 100%; margin-left: 0px; text-align: center; }
	.contato form fieldset .left label{ width: calc(100% - 20px); margin-left: 10px; }

	#texto-servicos{ width: calc(100% - 20px); float: none; }
	#img-servicos{ float: left; }
	.produtos .titulos{ margin-top: 20px; }

	#galeria-servicos{float: none; margin-top: 20px; margin-left: 0px; height: unset; clear: both; }
	.galeria img { margin-bottom: 20px; }


	.manutencao { clear: both; padding-top: 20px; }
	.manutencao .titulos{margin-top: 20px; margin-bottom: 20px;}
	.manutencao .texto{float: none; margin-bottom: 20px;}
	.manutencao .texto p{ width: calc(100% - 20px); margin-left: 10px; }

	.contato{ padding-top: 0px; background-size: cover; padding-bottom: 90px; margin-bottom: 0px; clear: both; }
	.contato form fieldset .right textarea{ width: calc(100% - 60px); margin-left: 10px; }
	.contato form fieldset .left input{ width: calc(100% - 20px); margin-left: 10px; }
	.contato form fieldset .right .btn-enviar-contato{ width: calc(100% - 20px); margin-left: 10px; }
	.contato .info-direita{position: unset; margin-top: 20px;}


	.filtros .filtros-categoria p.item{ width: unset; margin-right: 10px; padding-left: 10px; padding-right: 10px; font-size: 12px; color: #000;}
	.filtros .titulo-filtros{ width: unset; }
	.items-produto{ width: calc(100% - 20px); margin-left: 10px; }
	.items-produto .topo-produto{ width: 100%; background-size: cover; }
	.items-produto .imagem-produto{ width: calc(100% - 40px); }

	.produto-aberto .area-produto-aberto{ height: 100vh; width: calc(100% - 20px); margin-left: 10px; left: 0; top: 0; margin-top: 10px; }
	.produto-aberto .area-produto-aberto .imagem-produto-aberto{ width: 100%; padding: 20px 0px; }
	.produto-aberto .area-produto-aberto .texto-produto-aberto{ float: none; width: calc(100% - 20px); margin-left: 10px;  }
	.produto-aberto .area-produto-aberto .texto-produto-aberto p{padding: 10px; width: calc(100% - 20px);}
	.produto-aberto .area-produto-aberto .texto-produto-aberto .img-rodape-produto-aberto{ bottom: 6px; }
	.produto-aberto .area-produto-aberto .texto-produto-aberto .img-rodape-produto-aberto img{width: 100%;}

	.link-produtos-mobile{ display: inline-block; }
	.link-produtos-mobile{background: #8cb341; color:#fff; text-align: center; height: 40px; line-height: 40px; border-radius: 0px 10px 10px 10px; width: 100%; display: block; text-decoration: none; margin-top: 40px;}
	.link-produtos-mobile-baixo{ clear: both; width: calc(100% - 20px); margin-left: 10px; border-radius: 0px 0px 10px 10px; }


	.whatsapp-celular{ display: block !important; }
	.add-telefone-safe{ display: block !important; }
	.link-telefone{ display: block !important; }
}