@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,300italic,400italic,600italic);


/* RESET */
* { margin:0; padding:0; list-style:none; border:0; vertical-align:baseline; font-family: 'Open Sans', sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0); transition: all 0.2s linear;  -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; }
/* tap-hig... removendo quadro azul links mobile */
h1, h2, h3, h4, h5, h6 { font-weight:300; color:#333; }
img, picture, video, embed { max-width: 100%; } /* truque para deixar as imagens e outros elementos adaptáveis */
a { color:#007AFF; text-decoration:none; }
a:hover { text-decoration:underline; }
input:focus, button:focus, textarea:focus, select:focus { outline: none; }
input, select, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0px; } 

input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type=number] { -moz-appearance:textfield; }
/* remover setas contador input tipo number */

.clearfix:before,.clearfix:after { content: " "; display: table; } 
.clearfix:after { clear: both; } 
.clearfix { *zoom: 1; }
/* fazer com que todos elementos fiquem dentro da div #conteudo por exemplo */

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* todos os elementos agora levarão em conta apenas a largura e altura determinada, sem somar a este valor a borda e o padding */

/* BASE */
html, body { height:100%; }
body { color:#4D4D4D; font-size:16px; background:#fff; }
#tudo { position:relative; float:left; width:100%; height:100%; min-width:320px;  }

/* CABEÇALHO */
#header { position:fixed; top:0; left:0; width:100%; background:#1e88e5; z-index:9; }
#header a.logo-topo { float:left; width:164px; height:54px; margin:15px 0; }

#header .menu { float:right; }
#header .menu .botao-acao { float:right; height:84px; color:#fff; font-size:16px; text-align:center; padding:10px 30px 0 30px; background:#6ec63f; }
#header .menu .botao-acao span { font-size:16px; font-weight:600; }
#header .menu .botao-acao:hover { text-decoration:none; }
#header .menu ul { float:right; font-size:18px; }
#header .menu ul li { float:right; }
#header .menu ul li a { color:#fff; display:block; padding:0 15px; height:84px; line-height:84px; }
#header .menu ul li a:hover { color:#007AFF; text-decoration:none; background:#f2f2f2; }

#header.fixo { box-shadow: 0px 2px 2px rgba(0,0,0,.1); }

/* MENU MOBILE */
nav { position:fixed; bottom:0; left:0; width:100%; height:60%; padding:10px 30px; background:#fff; z-index:8; overflow:auto; }
nav ul { float:left; width:100%; font-size:18px; margin-bottom:15px; }
nav ul li { width:100%; border-bottom:1px solid; border-color: rgba(0, 0, 0,.2); }
nav ul li a { padding:15px 0; color:#000; display:block; text-indent:5px; }
nav ul li a:hover { color:#007AFF; text-decoration:none; }

nav { 
	-webkit-transform: translateY(100%); 
	-moz-transform: translateY(100%); 
	-ms-transform: translateY(100%); 
	transform: translateY(100%); 
}

/* BANNER PRINCIPAL */
.banner-principal { position:relative; float:left; width:100%; height:calc(100% - 84px); min-height:530px; margin-top:84px; overflow:hidden; background:#ccc url(imagens/vinhetas/banner-principal.jpg) no-repeat left; background-size:cover; }
.banner-principal .chamada { float:left; width:520px; margin-top:5%; }
.banner-principal h1 { float:left; width:100%; font-size:44px; font-weight:600; color:#1a1a1a; }
.banner-principal .descricao { float:left; width:100%; font-size:22px; line-height:32px; color:#4d4d4d; margin:5% 0; }
.banner-principal .descricao p { margin-bottom:15px; }

/* CONTEÚDO */
#container { float:left; width:100%; }
.meio-conteudo { width:1120px; margin:0 auto; }
.bloco-conteudo { float:left; width:100%; padding:40px 0; background:#fff; }
.bloco-conteudo.bg { background:#333; color:#fff; }
.bloco-conteudo.bg2 { background:#f2f2f2; }
.bloco-conteudo .bloco { float:left; width:48.4375%; }
.bloco-conteudo .bloco.direito { float:right; }
.bloco-conteudo .bloco.imagem { text-align:center; }
.bloco-conteudo p { margin-bottom:20px; line-height:24px; }
.bloco-conteudo h2 { font-size:36px; margin-bottom:20px; }
.bloco-conteudo h3 { font-size:18px; font-weight:600; margin-bottom:5px; }
.bloco-conteudo.bg h2 { color:#fff; }
.bloco-conteudo.bg h3 { color:#f9ee8c; }
.bloco-conteudo ul { float:left; width:100%; }
.bloco-conteudo ul li { line-height:24px; margin-bottom:20px; }

/* RODAPÉ */
#rodape { float:left; width:100%; padding:40px 0; font-size:14px; background:#E6E6E6; text-align:center; }

.fone-rodape { float:left; width:100%; color:#fff; font-size:18px; text-align:center; padding:30px; background:#6ec63f; display:none; }
.fone-rodape span { font-size:20px; font-weight:600; }

/* PÁGINA CONCLUÍDO */
.concluido-topo { float:left; width:100%; padding:40px; color:#fff; text-align:center; font-size:60px; font-weight:300; background:#1e88e5; }
.concluido-topo .logo { display:inline-block; width:200px; font-size:0; }
.concluido-meio { float:left; width:100%; padding:40px; text-align:center; font-size:36px; font-weight:300; }
.concluido-meio a.link { margin-top:20px; display:inline-block; }

/* FORMULÁRIO */
.form-coluna { float:left; width:100%; padding:0 20px 20px 0; }
.form-coluna.coluna2 { width:50%; }
.form-coluna.coluna3 { width:33.33333333%; }
.form-coluna-buttom { clear:both; float:left; width:100%; text-align:center; }

input, textarea { float:left; width:100%; padding:10px; font-size:14px; color:#999; border:1px solid #ccc; transition: all 0.2s linear; }
select { float:left; width:100%; padding:10px; font-size:14px; color:#999; border:1px solid #ccc; background:#fff url(imagens/vinhetas/iconSelect.png) no-repeat; background-position:98% 50%; background-size:16px 10px; transition: all 0.2s linear; }
input:focus, textarea:focus, select:focus { border:1px solid #00a0d8; }
.caixa-erro, .caixa-erro:focus { border:1px solid #ea3d4a; }

.botao-form { float:none; display:inline-block; width:auto; padding:15px 40px; color:#fff; font-size:14px; font-weight:600; border:0; cursor:pointer; background:#39B54A; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.botao-form:hover { color:#fff; background:#007AFF; }

/* BOTÕES */
.botao-link { display:inline-block; padding:15px 40px; color:#fff; font-size:14px; font-weight:600; background:#534741; border-radius:5px; }
.botao-link { color:#fff; background:#6ec63f; }
.botao-link:hover { color:#fff; background:#1e88e5; text-decoration:none; }

/* CAIXA MODAL */
.bloco-modal { position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.8); z-index:999; display:none; transition: all 0.25s linear; }
.bloco-modal .modal { position:absolute; top:50%; left:50%; width:600px; height:300px; margin-top:-150px; margin-left:-300px; font-size:16px; text-align:center; padding:30px; background:#fff; -webkit-box-shadow: 0px 5px 15px rgba(0,0,0,.4); -moz-box-shadow: 0px 5px 15px rgba(0,0,0,.4); box-shadow: 0px 5px 15px rgba(0,0,0,.4); transition: all 0.25s linear; }
.bloco-modal .modal h2 { color:#000; font-size:24px; font-weight:600; margin-bottom:20px; }
.bloco-modal .modal .acoes { float:left; width:100%; margin-top:40px; }

.modal-active .bloco-modal { 
	display:block;
}


/* DIVERSOS */
.text-center { text-align:center; }
.fonte12 { font-size:12px; }
.fonte-cinza { color:#808080; }
.quebra-linha { clear:both; }

.msgEnvio { float:left; width:100%; color:#7caf24; border:1px #7caf24 solid; padding:20px; margin-bottom:20px; }
.msgEnvio.erro { color:#d35050; border:1px #d35050 solid; }

#header, #menu, #rodape, .meio-conteudo {
	transition: all 0.25s linear;
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-ms-transition: all 0.25s linear;
}

.borda-redonda {
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	overflow:hidden; 
}

/* ICONE MENU HAMBURGUER */
.hamburguer {
  float:right;
  width: 25px;
  height: 20px;
  display: none;
  position: relative;
  margin-top:32px;
}
.hamburguer:after, .hamburguer:before, .hamburguer span {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: #fff;
  left: 0;
  position: absolute;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.hamburguer:before {
  top: 2px;
}
.hamburguer:after {
  bottom: 2px;
}
.hamburguer:focus {
  outline: none;
}
.hamburguer label {
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1000;
  display: block;
  position: absolute;
  background:none;
}
.hamburguer span {
  top: 9px;
}

.menu-active .hamburguer:before, .menu-active .hamburguer:after {
  top: 10px;
  margin-top: -10%;
}
.menu-active .hamburguer:before {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.menu-active .hamburguer:after {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.menu-active .hamburguer span {
  opacity: 0;
}

@media screen and (max-width: 1120px) {
	.meio-conteudo { width:100%; padding:0 20px; }
}

@media screen and (max-width: 900px) {
	#header .menu { display:none; }	
	.oculto-mobile { display:none; }
	.hamburguer { display:block; }
	
	.menu-active nav { 
		-webkit-transform: translateY(0); 
		-moz-transform: translateY(0); 
		-ms-transform: translateY(0); 
		transform: translateY(0); 
	}
	
	#rodape { display:none; }
	.fone-rodape { display:block; }
	
	.botao-link, .botao-form { width:100%; text-align:center; }
}

@media screen and (max-width: 768px) {	
	.banner-principal h1 { font-size:38px; }
	.bloco-conteudo .bloco { width:100%; }
	.form-coluna, .form-coluna.coluna3 { width:100%; padding-right:0; }	
	
	.banner-principal .chamada { width:100%; }
	.bloco-conteudo .bloco.pessoas { display:none; }
}

@media screen and (max-width: 480px) {	
	.banner-principal h1 { font-size:34px; }
	.banner-principal .descricao { font-size:18px; }
	.banner-principal .valor { float:left; width:100%; font-size:18px; color:#736357; margin-bottom:10px; }
	.banner-principal .valor .texto { margin-top:-10px; }
	.banner-principal .valor .cifra { font-size:36px; }
	.banner-principal .valor .numero { font-size:60px; }
	
	.bloco-conteudo h2 { font-size:28px; }
	
	.concluido-topo { padding:20px; font-size:48px; }
	.concluido-meio { padding:20px; font-size:24px; }
	
	.banner-principal { background:#e6e6e6; }
	
}

@media screen and (max-width: 320px) {
	.bloco-conteudo h2 { font-size:24px; }
	
	.concluido-topo { padding:15px; font-size:44px; }
	.concluido-meio { padding:15px; font-size:20px; }
	
}