/* BLOCO DE ESTRUTURA */

body{font-family: 'Montserrat', sans-serif;}


.color-grey{ color: #3b4641; }
.color-green{ color: #24ac52; }

/* ESPAÇOS */

.default-space	{ height: 50px; display: block; }
.medium-space	{ height: 25px; display: block; }
.small-space	{ height: 10px; display: block; }

.negativeMarginFix{ margin-top: -25px; }

.padding-vertical{ padding-top: 3rem; padding-bottom: 3rem; }


.off-canvas{
	background-color: #3b4641;
}

.off-canvas .accordion-menu a{color: white;}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
    border-color: #5a9f72 transparent transparent;
}


.first-line{
	background-color: #3b4641;
	color: white;
	font-size: 0.75rem;
}

.first-line .bg-green{background: #24ac52;}
.first-line .paddingDefault{padding: 15px 0;}

.second-line{}

.secund-line .logo-desk{ padding: 15px 0; }
.secund-line .menu a{ font-size: 0.75rem; padding: 3rem 1rem !important; color: #237f42 }
.secund-line .menu a:hover{ background-color: #237f42; color: white; }


.mega-menu{ background: #237f43; min-height: 500px; }


.h2-header-call{ line-height: 2rem; font-size: 1.5rem; }
.h2-header-call strong{ display: block; font-size: 2.25rem; line-height: 2.25rem; }

.filtros{ background-color: #efefef; padding-top: 15px; padding-bottom: 15px; }
.filtros .controls ul li{ text-align: center; border-right: 1px solid #3b4641; padding: 5px 25px; }
.filtros .controls ul li:last-child{ border-right: 0; }

.filtros .controls button{cursor: pointer; color: #3b4641}

.pre-footer{}
.pre-footer .bg-newsletter-img{
	background-image: url('../img/bg-newsletter.jpg'); background-size: cover;
}
.pre-footer .bg-newsletter-grey{ background-color: #eaecf0; }
.pre-footer .bg-newsletter-grey .newsletter-text{ padding: 10% 20%; }

footer{}
footer .bg-dark-grey{ background-color: #3b4641; color: #c3c3c4;}
footer h1,
footer h2,
footer h3,
footer h4{color: #24a951; font-size: 1.15rem; margin-top: 15px; margin-bottom: 10px;}
footer .widget-container{ padding: 5% 10% 2% 10%; }
footer .widget-container i{font-size: 2rem; color: #24a951; margin-right: 10px;}
footer ul,
footer p{font-size: 0.75rem}
footer ul.footer-menu{}
footer ul.footer-menu {}
footer ul.footer-menu li{}
footer ul.footer-menu li a {color: #c3c3c4 !important; padding: 0.25rem 1rem !important;}

footer .phone-call-to-action { font-size: 1.75rem; font-weight: 700; }

footer .copyright-container{ padding: 10px 10% }
footer .copyright-container .copyright{ font-size: 0.75rem; color: #24a951; padding-top: 3px; }


/* Small only */
@media screen and (max-width: 39.9375em) {
	/*filtros da home*/
	.filtros{ padding: 0; }
	.filtros .controls ul li{ border-bottom: 1px solid white; border-right: 0; width: 100%; padding: 10px; }
	.filtros .controls ul li:last-child{ border-bottom: 0; }
	.filtros .controls button{cursor: pointer;}

	/* ajustes com blocos de padding no desktop, zerando valores */
	.pre-footer .bg-newsletter-grey .newsletter-text{ padding: 10% 10px; }
}





.grid {
	/*position: relative;
	clear: both;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;*/
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	/*margin: 10px 1%;*/
	min-width: 320px;
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: auto;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
	font-size: 2rem;
}
.grid figure h3{
	font-size: 1rem;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure .info,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
	width: 100%;
}





/*-----------------*/
/***** Goliath *****/
/*-----------------*/

figure.effect-goliath {
	background: black;
}

figure.effect-goliath .button {
	background: #237f43;
	color: white;
}

figure.effect-goliath img,
figure.effect-goliath .info {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}


figure.effect-goliath img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-goliath .info,
figure.effect-goliath p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 5px 30px 5px 30px;
}

figure.effect-goliath p {
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
}

figure.effect-goliath:hover img {
	-webkit-transform: translate3d(0,-80px,0);
	transform: translate3d(0,-80px,0);
}

figure.effect-goliath:hover .info {
	-webkit-transform: translate3d(0,-100px,0);
	transform: translate3d(0,-100px,0);
}

figure.effect-goliath:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}