.WhatsSobrepor {
	position: fixed !important;
}

a {
	text-decoration: none;
	color: blue;
}

a:hover {
	color: #004a1c;
}

.only-hover-anchor {
	text-decoration: none;
	color: inherit;
}

.only-hover-anchor:hover {
	color: #004a1c;
}

.no-color-anchor {
	color: inherit;
}

.no-color-anchor:hover {
	color: inherit;
}

button {
	cursor: pointer;
}

.clearfix:after {
	content: ' ';
	display: block;
	clear: both;
}

.modal-mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 10;
}

.modal {
	position: absolute;
	background-color: white;
	width: 20em;
	max-width: 90%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.modal-head {
	background-color: #004a1c;
	padding: 1em;
	text-align: center;
	color: white;
	text-transform: uppercase;
}

.modal-body {
	padding: 1.5em 1em;
	text-align: center;
}

.modal-footer {
	padding: 0 1em 1em 1em;
	text-align: center;
}

.default-offset {
	width: 90%;
	margin: 0 auto;
}

.btn {
	border: 0;
	padding: .5em;
	box-sizing: border-box;
	font-size: 1em;
	cursor: pointer;
}

.btn-3000-filled {
	background-color: #004a1c;
	color: white;
	text-transform: uppercase;
	border-radius: .25em;
	border: solid 2px #004a1c;
	border-radius: .25em;
}

.btn-3000-filled:hover {
	background-color: transparent;
	color: #333333;
	border: solid 2px #333333;
	border-radius: .25em;
	text-transform: uppercase;
}

.btn-3000-no-bg {
	background-color: transparent;
	color: #333333;
	border: solid 2px #333333;
	border-radius: .25em;
	text-transform: uppercase;
}

.btn-3000-no-bg:hover {
	background-color: #004a1c;
	color: white;
	text-transform: uppercase;
	border-radius: .25em;
	border: solid 2px #004a1c;
	border-radius: .25em;
}

* {
	font-family: arial;
}

html {
	font-family: arial;
	font-size: 14px;
}

body {
	padding-top: 5em;
}

header {
	background-color: #004a1c;
	border-bottom: solid 3px #66cc33;
	color: white;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 20;
}

.header-logo {
	float: left;
	padding: .5em 0;
	height: 5em;
	box-sizing: border-box;
	max-width: 75%;
}

.header-logo img {
	height: 100%;
	width: 100%;
}

.menu-toggler {
	display: none;
	background: transparent;
	border: 0;
	padding: 0;
	appearance: none;
	-webkit-appearance: none;
}

.menu-toggler, .header-nav {
	float: right;
}

.menu-toggler i, .header-nav a {
	color: white;
	text-transform: uppercase;
	text-decoration: none;
	float: left;
	padding: 2em 1em;
}

.menu-toggler i:hover, .header-nav a:hover {
	background-color: #27ae60;
}

.menu-toggler i {
	font-size: 2em;
	padding: .75em .5em;
}

.grid {
	margin: 0 -.5em;
}

.col {
	float: left;
	padding: 0 .5em;
	box-sizing: border-box;
}

.col-1 { width: 8.3333% }
.col-2 { width: 16.6666% }
.col-3 { width: 25% }
.col-4 { width: 33.3333% }
.col-5 { width: 41.6666% }
.col-6 { width: 50% }
.col-7 { width: 58.3333% }
.col-8 { width: 66.6666% }
.col-9 { width: 75% }
.col-10 { width: 83.333% }
.col-11 { width: 91.6666% }
.col-12 { width: 100% }

/**
 *  index.php
 */

#banner {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8f7fa+0,d8d8d8+100 */
	background: rgb(248,247,250); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(248,247,250,1) 0%, rgba(216,216,216,1) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(248,247,250,1) 0%,rgba(216,216,216,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  rgba(248,247,250,1) 0%,rgba(216,216,216,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f7fa', endColorstr='#d8d8d8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding-bottom: 6em;
	position: relative;
}

.banner-info {
	padding: 5em 0 0 0;
	width: 28em;
	font-size: 1.2em;
	float: left;
}

.banner-info h1 {
	font-size: 2em;
	color: #004a1c;
	text-transform: uppercase;
}

.banner-info p {
	font-size: 1.2em;
	padding: 2em 0;
	line-height: 1.5em;
	width: 20em;
}

.banner-picture {
	float: right;
	background-image: url(../img/car.png);
	width: 50%;
	height: 26em;
	background-size: cover;
	position: absolute;
	right: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: 5% bottom;
}

.banner-info-buttons {
	font-size: 1em;
}

.banner-info-buttons button {
	padding: .5em 2em;
	margin-right: .3em;
}

#servicos {
	text-align: center;
	margin-top: -3em;
}

.servico {
	width: 32.66%;
	margin-left: 1%;
	display: block;
	float: left;
	font-size: .9em;
	margin-bottom: 3em;
	position: relative;
	z-index: 3;
}

.servico:nth-child(3n + 1) {
	margin-left: 0;
}

.servico-thumbnail {
	background-color: black;
	height: 20em;
	background-size: cover;
	position: relative;
	background-position: center;
}

.servico-thumbnail-mask {
	/*background-color: rgba(255,255,255,0.5);*/
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.servico-thumbnail-text {
	display: none;
	float: left;
    width: 100%;
    height: 100%;
}

.servico-thumbnail:hover .servico-thumbnail-mask {
	display: none;
}

.servico-thumbnail:hover .servico-thumbnail-text {
	display: table;
}

.servico-thumbnail-text div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: white;
	font-size: 2em;
}

.servico-thumbnail-text div span {
    padding: .5em;
    border-bottom: solid 3px white;
    display: inline-block;
    max-width: 80%;
    box-sizing: border-box;
}

.servico h2 {
	font-size: 2em;
	color: #004a1c;
	padding: .5em 0;
}

.servico p {
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}

#video {
	background-image: url(../img/video-holder.png);
	background-size: cover;
	height: 20em;
}

.video-wrapper {
	height: 100%;
	width: 100%;
	overflow: hidden;
}

#video video {
	object-fit: cover;
	height: 100%;
	width: 100%;
}

#newsletter {
	background-color: #c4c4c4;
	border-top: solid 3px #cccccc;
	border-bottom: solid 3px #cccccc;
	padding: 2em 0;
}

.newsletter-inscrevase {
	width: 50%;
	float: left;
	font-size: 1.5em;
	box-sizing: border-box;
	padding-right: 5%;
}

.newsletter-inscrevase h3 {
	font-size: 1.2em;
	text-transform: uppercase;
	color: #004a1c;
}

.newsletter-inscrevase p {
	margin-top: .5em;
}

.newsletter-form {
	width: 50%;
	float: right;
	padding: 1.2em 0;
}

.newsletter-form .email-input {
	width: 79%;
	padding: .8em 1em;
	font-size: 1em;
	box-sizing: border-box;
	border-radius: 5px;
	border: solid 1px #cccccc;
}

.newsletter-form .submit-input {
	background-color: #72be44;
	padding: .8em 0;
	border-radius: 5px;
	color: white;
	width: 20%;
}

#contato {
	background-image: url(../img/info-bg.png);
	background-position: right -8em;
	background-repeat: no-repeat;
	padding: 3em 0;
}

.contato-logo {
	background-image: url(../img/logo.png);
	width: 20%;
	float: left;
	height: 12em;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
}

.contato-infos {
	width: 33%;
	float: left;
	font-size: 1.2em;
}

.contato-infos table {
	margin: .5em 0;
}

.contato-infos td {
	padding: .3em 0;
}

.contato-infos td:nth-child(1) {
	text-align: center;
	padding-right: .5em;
	color: #474b4d;
}

.contato-sobre-nos {
	width: 40%;
	float: left;
	padding: 1em;
	box-sizing: border-box;
}

.contato-sobre-nos h2 {
	font-size: 1.5em;
	margin-bottom: .4em;
}

.contato-sobre-nos p {
	font-size: 1.2em;
	padding-right: 3em;
	text-align: justify;
}

footer {
	border-top: solid 3px #72be44;
	text-align: center;
	padding: .5em 0;
	background-color: #c4c4c4
}

@media(max-width: 1024px) {

	html {
		font-size: 11px;
	}

	.menu-toggler {
		display: block;
	}

	.header-nav {
		display: none;
		position: absolute;
		top: 100%;
		top: calc(100% + 3px);
		right: 0;
		left: 0;
		background-color: #004a1c;
		width: 100%;
		box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
		z-index: 30;
	}

	.header-nav.is-open {
		display: block;
	}

	.header-nav a {
		float: none;
		display: block;
		padding: 1.5em 1em;
	}

	.banner-info {
		margin: 0 auto;
		float: none;
		text-align: center;
		width: 100%;
		padding-top: 4em;
	}

	.banner-info p {
		width: 100%;
	}

	.banner-picture {
		position: static;
		background-size: contain;
		background-position: center;
		width: 100%;
		height: 20em;
		margin: 2em 0 1em 0;
	}

	#contato {
		padding: 0;
	}

	.contato-logo {
		width: 30%;
	}

	.contato-sobre-nos {
		display: none;
	}

	.contato-infos {
		width: 70%;
		text-align: right;
	}

	.contato-infos table {
	    margin: 2.5em 0;
	    display: inline-block;
	}

	.contato-infos table tr {
		display: inline;
	}

	.contato-infos table td {
		display: inline-block;
	}

	.contato-infos table td:nth-child(1) {
		font-size: 3em;
		border: solid 3px #474b4d;
		border-radius: 50%;
		text-align: center;
		padding: .3em;
		width: 1em;
	}

	.contato-infos table td:nth-child(2) {
		display: none;
	}

	.newsletter-inscrevase {
		width: 100%;
		text-align: center;
	}

	.newsletter-form {
		width: 100%;
	}

}

@media(max-width: 620px) {

	html {
		font-size: 12px;
	}

	.servico p {
		display: none;
	}

	#contato {
		background-size: cover;
	}

	.contato-logo {
		width: 60%;
		background-position: center;
		background-origin: content-box;
		padding: 1em 0;
		box-sizing: border-box;
		margin: 0 auto;
		float: none;
		max-width: 20em;
		min-width: 15em;
	}

	.contato-infos {
		width: 100%;
		text-align: center;
	}

	.contato-infos table {
		margin-top: 0;
	}

	.contato-infos table td:nth-child(1) {
		font-size: 1.5em;
	}

	#video video {
		display: none;
	}

	.newsletter-form {
		text-align: center;
		padding-bottom: 0;
	}

	.newsletter-form .email-input {
		width: 100%;
		margin-bottom: 1em;
	}

	.banner-info {
		font-size: .8em;
	}

	#servicos {
		font-size: .6em;
	}

	.servico-thumbnail-mask {
		display: none;
	}

	.servico-thumbnail-text {
		display: table;
		font-size: .8em;
	}

}

/**
 *  servicos.php
 */

.servicos-header {
	text-align: center;
	font-size: 1.2em;
	padding: 3em 0;
}

.servicos-header h1 {
	font-size: 2em;
	font-weight: bolder;
	text-transform: uppercase;
}

#servicos-page #servicos {
	margin-top: 0;
	border-bottom: solid 3px #cccccc;
}

#servicos-page .servico {
	/*width: 30%;
    margin-left: 3.3%;
    margin-bottom: 2.8em;*/
}

#servicos-page .servico-thumbnail-text {
	display: table;
	font-size: .7em;
	text-transform: uppercase;
}

.servico-thumbnail-text div span {
    line-height: 1.5;
}


@media(max-width: 620px) {

	.servicos-header {
		font-size: .9em;
	}

}

/**
 *  Páginas de serviços
 */

.servicos-header h2 {
	font-size: 1.4em;
	margin-top: 1em;
}

#servico {
	border-bottom: solid 3px #cccccc;
	padding-bottom: 4em;
}

.servico-side-img {
	width: 30%;
	height: 20em;
	float: left;
	background-size: cover;
	background-position: center;
}

.servico-description {
	width: 70%;
	float: left;
	box-sizing: border-box;
	padding-left: 1.5em;
	font-size: 1.3em;
	text-align: justify;
}

.diferenciais {
	margin-top: 3em;
}

.diferencial {
	float: left;
	width: 25%;
	text-align: center;
}

.diferencial-thumb {
	height: 5em;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	background-origin: content-box;
	padding: 1em;
	box-sizing: border-box;
}

@media(max-width: 620px) {

	.servico-side-img {
		width: 20em;
		max-width: 90%;
		margin: 0 auto;
		float: none;
		margin-bottom: 3em;
	}

	.servico-description {
		width: 100%;
		float: none;
		padding-left: 0;
	}

}

/**
 *  localizacao.php
 */

.map-wrapper {
	max-width: 100%;
	width: 50em;
	height: 20em;
	margin: 0 auto;
}

.map-wrapper iframe {
	width: 100%;
	height: 100%;
}

/**
 *  sobre.php
 */

 .about-page {
 	padding-bottom: 0 !important;
 }

.about-paragraph {
	font-size: 1.3em;
	text-align: justify;
	margin-bottom: 1em;
	line-height: 1.3;
}

.second-header {
	padding: 1em 0;
}

.second-header h2 {
	font-size: 2em;
}

.porque-contratar {
	font-size: 1.2em;
	padding-bottom: 1em;
}

.porque-contratar ul {
	list-style-image: url('../img/sobre-seta.png')
}

.porque-contratar li {
	width: 50%;
	height: 4em;
	float: left;
	padding: 1em 0;
	box-sizing: border-box;
	line-height: 1.5;
}

.porque-contratar li:nth-child(2n) {
	padding-left: 1em;
}

.porque-contratar li:nth-child(2n+1) {
	padding-right: 3em;
}

.sobre-banner {
	clear: left;
	background-image: url(../img/sobre-banner.jpg);
	text-align: center;
	color: white;
	font-size: 1.8em;
	padding: 3em 0;
	background-size: cover;
	background-position: center;
}

.sobre-banner h2 {
	font-size: 1.2em;
	margin-bottom: .5em;
	text-transform: uppercase;
}

@media (min-width: 621px) {

	.about-paragraph {
	 	width: 50%;
	 	float: left;
	 }

	.about-paragraph:nth-child(2n) {
		padding-left: 1em;
		box-sizing: border-box;
	}

	.about-paragraph:nth-child(2n+1) {
		padding-right: 1em;
		box-sizing: border-box;
	}

}

@media (max-width: 621px) {

	.sobre-banner {
		font-size: 1em;
	}

}

@media (max-width: 740px) {

	.porque-contratar li {
		width: 100%;
		padding: 1em 0 !important;
	}

}

/**
 *  contato.php
 */

 .contato-page {
 	font-size: .9em;
 }

.contatos-icons {
	margin-bottom: 2em;
}

.contato-icon {
	width: 25%;
	float: left;
	text-align: center;
	font-size: 1.2em;
}

.contato-icon-img {
	font-size: 3em;
}

.contato-icon-label {
	margin: 1em 0;
	font-size: 1.4em;
}

@media (max-width: 600px) {

	.contato-icon {
		font-size: .9em;
	}
}

@media (max-width: 500px) {

	.contato-icon {
		font-size: 1em;
		width: 50%;
		margin-bottom: 2em;
	}
}

.contato-form {
	font-size: 1.3em;
	text-align: right;
}

.contato-form input, .contato-form textarea {
	display: block;
	padding: .5em;
	border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-sizing: border-box;
	font-size: 1em;
}

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

.contato-form input {
	width: 32.46%;
	margin-right: 1.3%;
	float: left;
	margin-bottom: 1em;
}

.contato-form input:nth-child(3n) {
	margin-right: 0;
}

.contato-form textarea {
	clear: both;
	width: 100%;
	margin-bottom: 1em;
	height: 6em;
}

.contato-form .btn-3000-filled {
	padding: .5em;
}

@media (max-width: 600px) {
	.contato-form input {
		width: 100%;
	}
}

/**
 *  acompanhe-seu-servico.php
 */

 .acompanha-os-form {
	 max-width: 800px;
	 margin: 0 auto;
 }

 .acompanha-os-form label {
	 padding: .5em 0;
	 display: block;
 }

 @media (max-width: 600px) {
 	.col {
		width: 100%;
		text-align: center;
	}
 }
 .whatsapp-float {
    position: fixed;
    right: 25px;
    bottom: 25px;
    width: 72px;
    height: 72px;
    background: #25d366;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    z-index: 99999;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
    transition: transform 0.2s ease;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}

.whatsapp-float:hover {
    transform: scale(1.08);
}

.whatsapp-float i {
    font-size: 42px;
    line-height: 1;
}
.btn-contato-grande {
    transform: scale(2);
    transform-origin: center;
}
.banner-info-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 600px) {
    .whatsapp-float {
        right: 16px;
        bottom: calc(16px + env(safe-area-inset-bottom, 0px));
        width: 64px;
        height: 64px;
    }

    .whatsapp-float i {
        font-size: 36px;
    }
		
}