/*
	99Lime.com HTML KickStart by Joshua Gatcke
	style.css

*/

/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Arimo:400,700);
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');
/*---------------------------------
	OVERRIDES
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
font-family: "verdana", arial, arimo, sans-serif;
font-weight:normal;
}

thead th,
tbody th{
font-family: "verdana", arial, arimo, sans-serif;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: "verdana", arial, arimo, sans-serif;
}

.menu{
font-family: "verdana", arial, arimo, sans-serif;
}

blockquote{
font-family: "verdana", arial, arimo, sans-serif;
}

/*---------------------------------
	LAYOUT
-----------------------------------*/
body, html {
	margin:0;
	height: 100%;
	padding:0 0 0 0;
	color:#000;
	font:normal 0.9em/150% 'verdana', arial, arimo, sans-serif;
}

.space-grotesk-fatto {
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.all{
	width:100%;
}

.bg{
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Grade Desktop*/
.grade{
	margin:0 auto;
	padding:20px 0px;
	width:60%;
	height:auto;
	z-index:9;
	text-align:center;
	position:relative;
	top:10%;
}

.grade hr{
	height: 1px;
	background-color: #FFF;
}

.grade h3{
	margin-top:15%;
	/*font-size: 57px;*/
	font-size: 4.5em;
    text-align: center;
    color: #FFFFFF;
    font-family: "Space Grotesk";
    font-weight: 500;
    line-height: 120%;
    background-color: transparent;
}

.grade p{
	font-size: 1.3em;
    text-align: center;
    color: #FFFFFF;
    font-family: "Space Grotesk";
    font-weight: 400;
    line-height: 120%;
    background-color: transparent;
	width:100%;
	display:block;
	margin:0 auto;
	margin-bottom:35px;
}

.grade a{
	cursor:pointer;
	text-decoration:none;
	font-size: 2.0em;
    text-align: center;
    color:#333;
    font-family: "Space Grotesk";
    font-weight: 500;
    text-transform: capitalize;
    background-color: #FFF;
	border:1px solid #FFF;
    border-radius:60px;
	width:auto;
	padding:20px 30px;
	display:inline-block;
	margin:0 auto;
	transition:1s;
}

.grade a:hover{
    color:#FFF;
    background-color: transparent;
	border:1px solid #FFF;
}

.grade span{
	margin-top:80px;
	color:#FFF;
	font-size: 60px;
    color: #FFFFFF;
    font-family: "Space Grotesk";
    font-weight: 400;
    line-height: 60%;
    text-transform: lowercase;
    background-color: transparent;
	text-align:right;
	display:block;
}

/* Grade Mobile*/

.grademobile{
	margin:0 auto;
	padding:80px 0px;
	width:90%;
	height:auto;
	z-index:9;
	text-align:center;
	position:relative;
	top:10%;
}

.grademobile hr{
	height: 1px;
	background-color: #FFF;
}

.grademobile h5{
	margin-top:15%;
	font-size: 1.6em;
    text-align: center;
    color: #FFFFFF;
    font-family: "Space Grotesk";
    font-weight: 500;
    line-height: 120%;
    background-color: transparent;
}

.grademobile p{
	font-size: 1.3em;
    text-align: center;
    color: #FFFFFF;
    font-family: "Space Grotesk";
    font-weight: 400;
    line-height: 120%;
    background-color: transparent;
	width:100%;
	display:block;
	margin:0 auto;
	margin-bottom:35px;
}

.grademobile a{
	cursor:pointer;
	text-decoration:none;
	font-size: 1.2em;
    text-align: center;
    color:#333;
    font-family: "Space Grotesk";
    font-weight: 500;
    text-transform: capitalize;
    background-color: #FFF;
	border:1px solid #FFF;
    border-radius:60px;
	width:auto;
	padding:15px 30px;
	display:inline-block;
	margin:0 auto;
	transition:1s;
}

.grademobile a:hover{
    color:#FFF;
    background-color: transparent;
	border:1px solid #FFF;
}

.grademobile span{
	margin-top:80px;
	color:#FFF;
	font-size: 60px;
    color: #FFFFFF;
    font-family: "Space Grotesk";
    font-weight: 400;
    line-height: 60%;
    text-transform: lowercase;
    background-color: transparent;
	text-align:right;
	display:block;
}

.granito{
    background-repeat: no-repeat;
    min-height: 300px;
    padding: 40px 0px 30px;
    overflow: auto;
}

.granito .titulos{
	font-size: 0.8em;
	padding: 10px 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #282626;
    border-radius: 50px;
}

.granito .fale{
	cursor:pointer;
	text-decoration:none;
	font-size: 1.2em;
    text-align: center;
    color:#FFF;
    font-family: "Space Grotesk";
    font-weight: 500;
    text-transform: capitalize;
    background-color: #333;
	border:1px solid #333;
    border-radius:60px;
	width:320px;
	padding:15px 30px;
	display:inline-block;
	margin:0 auto;
	transition:1s;
}

.granito .fale:hover{
    color:#333;
    background-color: transparent;
	border:1px solid #333;
}

.detalhes img{
	/*filter: grayscale(100%);*/
	border:5px solid #FFF;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	-webkit-transition: 1s;
	transition:1s;
}

.detalhes img:hover{
	/*filter: grayscale(0%);*/
	-moz-box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px #333;
}

.container{
	border:none !important;
}

.container .paginas{
	color:#FFF;
	background-color:#333;
	width:400px;
	height:auto;
	position:absolute;
	padding:40px 80px;
	top:0px;
	bottom:0px;
	left:10%;
	z-index:9;
}

.container .paginas h2{
	border:1px solid red;
	display:block;
	width:300px;
}
.container .paginas p{
	margin-top:30px;
	border:1px solid red;
	display:block;
	width:300px;
	font-size: 1.2em;
}

.claro{
	color:#333;
}

.claro h4{
	
}

.claro p{
	font-size: 0.855em;
	min-height:90px;
}

.claro .box{
	border:1px solid #333;
	padding:30px;	
}

/* Fale Desktop*/

.claro .fale{
	cursor:pointer;
	text-decoration:none;
	font-size: 1.2em;
    text-align: center;
    color:#333;
    font-family: "Space Grotesk";
    font-weight: 500;
    text-transform: capitalize;
    background-color: transparent;
	border:1px solid #333;
    border-radius:60px;
	width:auto;
	padding:15px 30px;
	display:inline-block;
	margin:0 auto;
	transition:1s;
}

.claro .fale:hover{
    color:#FFF;
    background-color: #333;
	border:1px solid #333;
}

/* Fale Mobile*/

.claro .falemobile{
	cursor:pointer;
	text-decoration:none;
	font-size: 1.0em;
    text-align: center;
    color:#333;
    font-family: "Space Grotesk";
    font-weight: 500;
    text-transform: capitalize;
    background-color: transparent;
	border:1px solid #333;
    border-radius:60px;
	width:auto;
	padding:15px 30px;
	display:inline-block;
	margin:0 auto;
	transition:1s;
}

.claro .falemobile:hover{
    color:#FFF;
    background-color: #333;
	border:1px solid #333;
}

.escuro{
	color:#FFF;
	background-color:#333;
	padding:30px 0px;
	min-height:200px;
	overflow:auto;
}

.escuro .boxer{
	border-top:1px solid #FFF;
}

.escuro .boxer h4{
	display:block;
	min-height:85px;
}

.escuro .boxer p{
	font-size: 0.855em;
	display:block;
	min-height:60px;
}

.escuro .boxer img{
	border:1px solid #FFF;
}

.escuro .fale{
	cursor:pointer;
	text-decoration:none;
	font-size: 1.2em;
    text-align: center;
    color:#FFF;
    font-family: "Space Grotesk";
    font-weight: 500;
    text-transform: capitalize;
    background-color: transparent;
	border:1px solid #FFF;
    border-radius:60px;
	width:auto;
	padding:15px 30px;
	display:inline-block;
	margin:0 auto;
	transition:1s;
}

.escuro .fale:hover{
    color:#333;
    background-color: #FFF;
	border:1px solid #FFF;
}

.depoimentos{
	color:#333;
}

.depoimentos .fa-star{
	color:#F6BA04 !important;
	font-size: 1.4em;
}

.depoimentos h4{
	
}

.depoimentos .box{
	border:1px solid #333;
	padding:35px;	
	min-height:575px;
	overflow:hidden;
}

.depoimentos .box h5{
	min-height:50px;
	overflow:hidden;
}

.depoimentos .box .mensagem{
	font-size: 0.855em;
	height:190px;
	overflow:hidden;
	font-style:italic;	
}

.depoimentos .box .mensagem p{
	display:contents !important;
}


.depoimentos .fale{
	cursor:pointer;
	text-decoration:none;
	font-size: 1.2em;
    text-align: center;
    color:#333;
    font-family: "Space Grotesk";
    font-weight: 500;
    text-transform: capitalize;
    background-color: transparent;
	border:1px solid #333;
    border-radius:60px;
	width:auto;
	padding:15px 30px;
	display:inline-block;
	margin:0 auto;
	transition:1s;
}

.depoimentos .fale:hover{
    color:#FFF;
    background-color: #333;
	border:1px solid #333;
}

.pronto{
	color:#FFF;
	background-color:#333;
	padding:30px 0px;
	min-height:200px;
	overflow:auto;
	text-align:center;
}

.pronto h4{
	text-align:center;
}

.pronto p{
	font-size: 0.855em;
}

.topoescuro{
	color:#FFF;
	background-color:#333;
	padding:30px 0px;
	overflow:auto;
}

/* Fale Desktop*/
.pronto .fale{
	cursor:pointer;
	text-decoration:none;
	font-size: 1.2em;
    text-align: center;
    font-family: "Space Grotesk";
    font-weight: 500;
    text-transform: capitalize;
    background-color: #FFF;
	color:#333;
	border:2px solid #FFF;
    border-radius:60px;
	width:auto;
	padding:15px 30px;
	display:inline-block;
	margin:0 auto;
	transition:1s;
}

.pronto .fale:hover{
	background-color:transparent;
    color:#FFF;
	border:2px solid #FFF;
}

/* Fale Mobile*/

.pronto .falemobile{
	cursor:pointer;
	text-decoration:none;
	font-size: 0.9em;
    text-align: center;
    font-family: "Space Grotesk";
    font-weight: 500;
    text-transform: capitalize;
    background-color: #FFF;
	color:#333;
	border:2px solid #FFF;
    border-radius:60px;
	width:auto;
	padding:15px 30px;
	display:inline-block;
	margin:0 auto;
	transition:1s;
}

.pronto .falemobile:hover{
	background-color:transparent;
    color:#FFF;
	border:2px solid #FFF;
}

.quemsomos{
    background-repeat: no-repeat;
    min-height: 300px;
	padding:30px 0px;
    overflow: auto;
}

.quemsomos .titulos{
	font-size: 0.8em;
	padding: 10px 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #282626;
    border-radius: 50px;
}

.quemsomos .fale{
	cursor:pointer;
	text-decoration:none;
	font-size: 1.2em;
    text-align: center;
    color:#333;
    font-family: "Space Grotesk";
    font-weight: 500;
    text-transform: capitalize;
    background-color: transparent;
	border:1px solid #333;
    border-radius:60px;
	width:auto;
	padding:15px 30px;
	display:inline-block;
	margin:0 auto;
	transition:1s;
}

.quemsomos .fale:hover{
    color:#FFF;
    background-color: #333;
	border:1px solid #333;
}

.quem img{
	/*filter: grayscale(100%);*/
	border:5px solid #FFF;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	-webkit-transition: 1s;
	transition:1s;
}

.quem img:hover{
	/*filter: grayscale(0%);*/
	-moz-box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px #333;
}

.rodape{
	padding:15px 20px;
	min-height:10px;
	overflow:auto;
	background-color:#FFF;
	min-height:100px;
	overflow:auto;
	color:#333;
	font-size:0.80000em !important;
}


.rodape h5{
	margin-bottom:10px;
	font-size:1.222em;
	color:#333;
	border-bottom:1px solid #333;
	display:block;
}

.mail{
	color:#333;
	text-decoration:none;
	transition:1s;
}

.mail:hover{
	text-decoration:underline;
}

.redes{
	float:left;
}

.assinatura{	
	background-color:#FAFAFA;
	min-height:20px;
	padding:10px 0px 20px;
	overflow:auto;
	color:#333;
}

.assinatura span{	
	font-size:0.755000em !important;
	font-family: "verdana", arimo, arial, sans-serif;
}

.maps{
	min-height:10px;
	overflow:auto;
	border-top:5px solid #f6f6f6;
}

.maps iframe{
	width:100% !important;
}

.flutuar{
	z-index:9999;
	position:fixed;
	bottom:30px;
	right:0px;
	/*width:60px;
	height:60px;
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	padding:10px 0px 0px 4px;
	background-color:#0DC143;*/
}

.flutuar a{
	text-decoration:none;
	color:#FFF !important;
	margin-left:5px;
}

.contato .texto{
	font-size:0.95555000em !important;
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	border-radius:0px !important;
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
	border-top:none !important;
	border-left:none !important;
	border-right:none !important;
	background-color:#F3F3F3 !important;
	border-bottom:2px solid #F39E2A !important;
	color:#000 !important;
	width:100% !important;
	
}

.contato label{
	width:100% !important;
	margin-bottom:10px;
	
}

.contato textarea{
	border-top:none !important;
	border-left:none !important;
	border-bottom:2px solid #F39E2A !important;
	border-right:none !important;
	background-color:#F3F3F3 !important;
	color:#000 !important;
	width:100% !important;
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	border-radius:0px !important;
	resize:none;
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
	font-size:0.95555000em !important;
	
}

.contato .botao{
	text-shadow:none !important;
	color:#FFF !important;
	font-size:0.95555000em !important;
	-moz-border-radius:0px !important;
	-webkit-border-radius:0px !important;
	border-radius:0px !important;
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
	border:1px solid #363531 !important;
	background:#363531 !important;
	margin:2px 0px !important;
	width:100px !important;
	transition:1s;
}

.contato .botao:hover{
	border:1px solid #F39E2A !important;
	background:#F39E2A !important;
	color:#363531 !important;
}