/* @import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@100&family=Coda&family=Mako&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@400&family=Coda&family=Mako&display=swap');
@import url('https://use.fontawesome.com/releases/v5.0.6/css/all.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');


@import url('https://fonts.googleapis.com/css2?family=Inria+Serif:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');



html,
body {
	height: 100%;


}

/* html {
  scroll-padding-top: 3em;
} */

body {
	font-family       : 'Mako', sans-serif;
	font-size         : 1em;
	font-weight       : lighter;
	position          : relative;
	padding-top       : 2.8em;
	scroll-padding-top: 2.8em;
}



h1 {
	font-family: 'Coda', cursive;
	font-size  : 1.8rem;
	font-weight: bold;
}


h3 {
	font-family: 'Coda', cursive;
	font-size  : 1.5rem;
	font-weight: bold;
}


h4 {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size  : 1.6em;
}


h5 {
	font-family: 'Coda', cursive;
	font-size  : 1em;
	font-weight: bold;
}



header {
	background-image   : url(../img/abelhas.jpg);
	height             : 60%;
	background-position: center top;
	transform-origin   : rotate(180deg);
	background-size    : cover;
	position           : relative;
}

#interno {
	height       : 0;
	margin-bottom: 30px;
}


/* menu navegação */



.navbar {
	margin-bottom   : 0;
	background-color: #c6ff00;
	z-index         : 9999;
	font-family     : 'Barlow Semi Condensed', sans-serif;
	font-size       : 1.1em !important;
	/* line-height  : 1.42857143 !important; */
	line-height     : 1.8 !important;
	border-radius   : 0;
	padding         : 0 3em 0 0.5em;

}

.navbar li a,
.navbar .navbar-brand {
	color      : #000 !important;
	/* display : block; */
	/*  padding: 12px; */

}

.navbar-nav {
	padding-right: 0.5em;
}

.navbar-nav li a:hover,
.navbar-nav li.active a {
	color           : #fff !important;
	background-color: #85b732 !important;
}

.navbar-default .navbar-toggle {
	border-color: transparent;
	color       : #fff !important;
}






/*
.navbar-nav li a.login:hover{
	background-color: #85b732; 
	color:#FFF;
} */



.banner-home h1 {
	margin-top : 0;
	font-weight: bold;
}


.banner-home {
	/*background-color: rgba(205, 250, 25, 0.75);*/
	background-color: rgba(255, 255, 255, 0.85);
	color           : black;
	padding         : 1.6em;
	position        : absolute;
	border-radius   : 12px;
	min-width       : 80%;
	top             : 50%;
	left            : 50%;
	transform       : translate(-50%, -50%);
	transition      : .3s;
}


.logo {
	max-width    : 90%;
	margin-bottom: 2rem;
}


.ct-btn-scroll {
	width             : 49px;
	height            : 49px;
	position          : absolute;
	top               : 89%;
	left              : 50%;
	transform         : translate(-50%, 0);
	/* position       : absolute;
  bottom           : 20px;
  left             : 0;
  right            : 0;
  margin           : auto;
  padding-top      : 500px;*/
	z-index           : 9;
	border-radius     : 50%;
	-webkit-transition: background-color 0.25s ease-in-out;
	transition        : background-color 0.25s ease-in-out;
}


.img-funcoes {
	padding-right: 0px;
	padding-left : 0px;
}


.texto-funcoes {
	padding     : 30px;
	margin-right: 0px;
	width       : auto;
}


.texto-funcoes .btn {
	margin-top: 8px;
}


.centraliza {
	text-align   : center;
	width        : 100%;
	padding-left : 1rem;
	padding-right: 1rem;
}


#Apresentacao .centraliza {
	padding: 2rem;
}


#Apresentacao p {
	margin-bottom: 0;
}


#Solucao {
	background-color: #DDDDDD;
	padding-top     : 0.5rem;
	/*margin-bottom : 2rem;*/
}


#Solucao .centraliza h4 {
	margin-bottom: 2rem;
}

#Solucao .centraliza h3 {
	margin-bottom: 0;
	margin-top   : 0;
}

#Solucao h3,
h4:last-child {
	margin-right: 1rem;
	margin-left : 1rem;
}


#imagem-1 {
	margin-left: -3rem;
}


#imagem-1,
#imagem-2 {
	margin-bottom: 1rem;
}


#Como-Funciona {
	background-color: #F4F3F3;
	padding-top     : 1rem;
	padding-bottom  : 1.5rem;
}


#Como-Funciona h4 {
	margin-top: 2rem;
}

#Principais-Numeros {
	/*	background-image: url(../img/background-numeros.jpg);*/
	background-repeat  : no-repeat;
	/*	background-color: #c6ff00; */
	padding            : 1.5rem;
}

#Principais-Numeros h3 {
	font-size  : 1.6rem;
	font-weight: bold;
	color      : black;
	margin     : 2rem 0;
}

.contador {
	background-color: rgba(255, 255, 255, 0.7);
	padding-top     : 3.5rem;
	width           : 10rem;
	height          : 10rem;
	margin          : 0 auto 0.5rem;
	border-radius   : 50% !important;
	font-family     : 'Coda', cursive;
	font-weight     : bold;
	font-size       : 2rem;
	text-align      : center;
}



.leg-contador {
	font-family  : 'Barlow Semi Condensed', sans-serif;
	font-size    : 1.3em;
	text-align   : center;
	margin-bottom: 2rem;
}


#Principais-Funcoes .centraliza:first-child {
	margin        : 2rem;
	padding-bottom: 20px;
}


main {
	overflow-x: hidden;
}


#segmentos,
#aplicativo {
	background-color: #F4F3F3;
	padding         : 2.5rem 0;
	/*margin-bottom : 2rem;*/
}


#segmentos h2,
#aplicativo h2 {
	color      : #ffc107;
	font-size  : 2rem;
	margin-left: 1.1rem;
}


#segmentos h4,
#aplicativo h4 {
	font-weight  : bolder;
	font-size    : 1.9rem;
	/*margin-left: 1.1rem;*/
}


#segmentos ul.timeline>li:before {
	background: #F4F3F3;
}


#cadastro {
	padding: 2rem;
}


.bg-verde {
	background-color: #c6ff00;
}


#Obrigado>.bg-verde {
	padding      : 2rem 4rem;
	margin-bottom: 2rem;
}


#Obrigado>.bg-verde img {
	max-width    : 80%;
	margin-bottom: 1rem;
}


#Obrigado a {
	margin-top: 1rem;
}


.form-group a {
	text-decoration: underline !important;
	color          : black;
}


footer {
	padding         : 3rem;
	text-align      : center;
	background-color: #FDDD00;
	margin-top      : 2px;
}


footer .logo,
.icones {
	margin: auto;
}


footer .icones {
	font-size: 1.2rem;
	color    : black;
}



footer .icones a {
	color: black;
}


footer .icones a:nth-child(2) {
	margin: 0 1.5rem;
}

footer .icones a:nth-child(3) {
	margin-right: 1.5rem;
}


footer p {
	line-height  : 1rem;
	margin-top   : 0.5rem;
	margin-bottom: 2rem;
}

footer .fas {
	font-size: 2.5em;
	color    : black;
}

.link-black a,
p a {
	color          : black;
	text-decoration: underline;
}

.link-black a:hover,
p a:hover {
	color      : black;
	font-weight: bolder !important;
}

.sucesso {
	max-width: 90%;
}

/* Trick header */

.target {
	position: relative;
	width   : 1px;
	height  : 1px;

}



/* Lista Estilo Timeline 

------------------------------------------------- */

ul.timeline {
	list-style-type: none;
	position       : relative;
}

/* Linha Vertical */
ul.timeline:before {
	content   : ' ';
	background: #d4d9df;
	display   : inline-block;
	position  : absolute;
	left      : 15px;
	width     : 2px;
	height    : 100%;
	z-index   : 400;
}

ul.timeline>li {
	margin      : 4px 0;
	padding-left: 1px;
}


/* Circulos */
ul.timeline>li:before {
	content      : ' ';
	background   : white;
	display      : inline-block;
	position     : absolute;
	border-radius: 50%;
	border       : 3px solid #ffc107;
	left         : 8px;
	width        : 16px;
	height       : 16px;
	margin-top   : 5px;
	z-index      : 400;
}

.carousel-inner {
	background-color: #738291;
}

.ico-funcao {
	border       : 1px solid rgb(201, 200, 200);
	padding      : 10px;
	border-radius: 10px;
	height       : 100%;
	margin-bottom: 20px;
}


.ico-funcao>h4 {
	/* text-transform: uppercase; */
	font-weight: 800;
	font-size  : 1.4em;
	margin-top : 20px;
}


.franquias-box {
	background-color: #6C7C89 !important;
	border-radius   : 8px;
	color           : #fff;
	margin-top      : 15px;
	padding         : 15px;
}

/* .ico-funcao>img {
	max-width: 160px;
} */

#ferramentas-gerir-equipa-terreno .col,
#ferramentas-gestao-equipe-externa .col {
	padding: 10px;
}

.hidePT {
	display: block;
}


#depoimentos {
	background-color: #F4F3F3;
	/*#c6ff00 */
	padding         : 2.4rem 0;
	margin-top      : 0.5rem;
	margin-bottom   : -2.5rem;

	.depoimento {
		font-family: "Inria Serif", serif;
		font-weight: 400;
		font-style : italic;
		font-size: 1.2em;;

	}
}




/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 762px) {
	/* Só celular */

	.banner-home a:last-child {
		margin-top: 10px;
	}

}

@media (max-width: 768px) {
	header {
		height: 95%;
	}

	.banner-home {
		width: 90%;
	}

	#btn-login {
		margin: 2em 0 0.5em 0;
	}

	.pricingTable {
		min-width: 70%;
	}

	body {
		padding-top       : 2em;
		scroll-padding-top: 2em;
	}

	.hidePT {
		display: none !important;
	}

}



@media (min-width: 768px) {
	#Solucao .centraliza h4 {
		font-size: 1.8em;
	}

	#Solucao .centraliza h3 {
		font-size: 1.8em;
	}

	#Como-Funciona .centraliza h4 {
		font-size: 1.8em;
	}

	#Como-Funciona .centraliza h3 {
		font-size: 1.8em;
	}

	#Apresentacao .centraliza {
		padding: 5rem;
	}


	#Apresentacao .centraliza h3,
	h4 {
		font-size: 1.8em;
	}


	#imagem-1 {
		margin-left: -3rem;
	}

	.logo {
		max-width: 200px;
	}

	.banner-home {
		min-width: 50%;
	}

	#Principais-Numeros h3 {
		font-size  : 1.8em;
		font-weight: bold;
	}

	#Principais-Funcoes .centraliza:first-child h4 {
		font-size  : 1.9em;
		line-height: .6em;
	}


	#Obrigado>.bg-verde img {
		max-width: 30%;
	}

	.rodape {
		max-width: 80%;
		margin   : auto;
	}

}

@media (min-width: 1024px) {

	.carousel-caption {
		min-height: 60% !important;
	}

	.container .carousel-caption:first-child p {
		margin-bottom: 40px !important;
	}

}

@media screen and (max-width: 990px) {
	.pricingTable {
		margin-bottom: 20px;
	}


	.scroll {
		position: relative;

	}



	.seta {
		position         : absolute;
		top              : -60px;
		z-index          : 1000;
		left             : 50%;
		margin-right     : -50%;
		margin-left      : -40px;
		-moz-transform   : translate(50%, 50%);
		-webkit-transform: translate(50%, 50%);
		-o-transform     : translate(50%, 50%);
		-ms-transform    : translate(50%, 50%);
		transform        : translate(50%, 50%);
	}

	#triangulo {
		width            : 40px;
		height           : 40px;
		background-color : #fff600;
		-moz-transform   : rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform     : rotate(45deg);
		-ms-transform    : rotate(45deg);
		transform        : rotate(45deg);
	}

}

/* Valores -------------------- */

#Valores {
	background-color: #DDDDDD;
	padding         : 2.5rem 0;
	text-align      : center;
	align-content   : center;
	margin-top      : 2.5rem;
	/*margin-bottom : 2rem;*/
}

#Valores h3 {
	font-size  : 1.8em;
	font-weight: bold;
	margin-top : 0.6em;
}

#Valores h4 {
	margin-bottom: 1em;
}


.pricingTable {
	text-align   : center;
	border-radius: 8px;
	overflow     : hidden;
	/* margin    : auto; */

}

.pricingTable .pricingTable-header {
	/* background: #152a38; */
	background: #55616B;
}


.pricingTable .heading {
	display: block;
	padding: 15px 0;
}

.pricingTable .heading:after {
	content     : "";
	width       : 30%;
	/*border-top: 1px solid #7c888f;*/
	border-top  : 1px solid #ffc107;
	display     : block;
	margin      : 15px auto 0;
}

.pricingTable .heading h3 {
	font-size          : 20px;
	color              : #fff;
	/*   text-transform: uppercase;*/
	margin             : 0;
	letter-spacing     : 2px;
}

.pricingTable .price-value {
	font-size: 72px;
	color    : #fff;
	padding  : 10px 0 30px 0;
	display  : block;
}

.pricingTable .month {
	display       : block;
	font-size     : 20px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	margin-top    : 15px;
	/*color       : #7f909a;*/
	color         : #fff;
}

.pricingTable-sign-up {
	display          : block;
	font-size        : 22px;
	background       : #6C7C89;
	/*background     : #ffc107; FFD350*/
	border           : none;
	border-radius    : 0;
	padding          : 20px 0;
	/* text-transform: uppercase; 
    letter-spacing: 1px;*/
}

/*.pricingTable .texto{
    display: block;
    font-size: 18px;
    letter-spacing: 1.5px;
    color: white;
    margin-top: 15px;
    padding: 0 35px 30px 35px;
    color:#fff;
}*/

.pricingTable-header-espaco {
	background: #6c7c89;
}

.valorEspaco {
	display          : block;
	color            : white;
	background       : #93a9bb70;
	/*background     : #ffc107; FFD350*/
	border           : none;
	border-radius    : 0;
	padding          : 15px 0;
	/* text-transform: uppercase; */
}

.valorEspaco .texto {
	margin-top    : 0 !important;
	padding       : 0 35px 12px 35px !important;
	color         : #525e68 !important;
	font-size     : 16px !important;
	letter-spacing: 0 !important;
}

.valorEspaco h3 {
	padding       : 0 35px 5px 35px;
	line-height   : 1.5em;
	color         : #55616b !important;
	font-size     : 1.3em !important;
	letter-spacing: 1px;
}

.TextoFotos {
	margin-top: 15px;
}

.TextoFotos .texto {
	display       : block;
	font-size     : 18px;
	letter-spacing: 1px;
	margin-top    : 15px;
	padding       : 0 35px 30px 35px;
	color         : #fff;
}

.TextoFotos .heading {
	padding: 15px 0 10px !important;
}

.TextoFotos .subtitle {
	display       : block;
	font-size     : 16px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	margin-top    : 15px;
	color         : #fff;
}

.banner-app {
	text-align : center;
	padding-top: 20px;
}

.banner-app img {
	cursor: pointer;
}


/*
.pricingTable .btn:after{
    content: "\f00c";
    font-family: "Font Awesome 5 Free"; font-weight: 800;
    margin-left: 10px;
    opacity: 1;
    transition:all 0.5s ease 0s;
}
.pricingTable:hover .btn:after{
    opacity: 1;
}
*/

#whatsapp {
	position        : fixed;
	width           : 60px;
	height          : 60px;
	bottom          : 40px;
	right           : 40px;
	background-color: #25d366;
	color           : #FFF;
	border-radius   : 50px;
	text-align      : center;
	font-size       : 30px;
	box-shadow      : 1px 1px 2px #888;
	z-index         : 1000;
}

/* Botão Aceitar e Fechar do cookie */

.cookieinfo-close {
	margin-top  : 10px !important;
	margin-right: 80px !important;
}

.texto b {
	font-weight: 800 !important;
}

.texto h3,
.texto h4,
.texto h5 {
	font-family: 'Coda', cursive;
	font-weight: bold;
}

.texto h3 {
	font-size: 1.3em;
}

.texto h4 {
	font-size: 1.2em !important;
}

.texto h5 {
	font-size: 1.15em !important;
}

#theModalPrivacidade .modal-footer,
#theModalTermos .modal-footer {
	display: block !important;
}