/* Remove setas no input tipo number Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Remove setas no input tipo number Firefox */
input[type="number"] {
	-moz-appearance: textfield;
}

/* Tira a seta do Date Picker*/
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
	display: none;
	-webkit-appearance: none;
}

/* Mudar a fonte */
/* {
	/*font-family: 'Roboto Slab', serif;*/
/*}

/*				 #### CSS Específico pra Mobile ####					 */
@media (max-width: 600px) {
	input[type="date"]::-webkit-calendar-picker-indicator {
		display: none;
		-webkit-appearance: none !important;
	}

	input[type="date"]::-webkit-input-placeholder {
		visibility: hidden !important;
	}

	h1.titulo_pagina {
		font-size: 30px;
	}

	.secao {
		top: 12%;
	}

	.img_responsiva {
		max-width: 100%;
		height: auto;
	}

	.margem_inicio {
		margin-top: 30px;
	}

	.row .ipt_item {
		padding-bottom: 25px;
	}

	.margem_rodape {
		margin-bottom: 500px;
	}

	.btn-junto {
		float: left !important;
		width: 50% !important;
	}

	/* Tela Conclusão */
	.separa_conclusao {
		margin-top: 160px;
	}

	.separa_texto {
		margin-top: 10px;
	}

	.titulo-concluido {
		font-size: 30px;
	}

	.texto-concluido {
		font-size: 26px;
	}

	/* Área de Contato */
	.Espaco_contato {
		width: 320px;
		height: 160px;

		position: absolute;
		/*margin-left: -18px;*/
		left: 0%;

		border: 2px solid #5f5f5f;
		border-radius: 10px;

		background-color: #f3f3f3;
	}

	/* Lista da Área de Contato */
	.lista_contato {
		/*margin-left: 30px !important;*/
		margin: 10px auto 0px auto;

		position: relative;
		left: -1% !important;
	}

	.head_contato {
		margin-top: 30px;

		text-align: center;

		font-size: 22px;
		font-weight: bold;
	}

	/* Alinha perguntas */
	.perguntas_freq {
		margin-left: 0px !important;
		font-size: 30px !important;
	}

	/* Estilo das perguntas do FAQ */
	.faq_pergunta {
		display: block;
		border-radius: 3px;

		/*height: 60%;*/
		font-size: 18px;

		line-height: 26px;
		background-color: #f1f1f169 !important;

		/*box-shadow: 0px 3px 8px #636363;*/
		border-bottom: 2.3px solid #636363ba;

		text-align: justify;
	}

	/* Título do FAQ */
	.FAQ {
		color: #0392c1;

		font-weight: bold;
		font-size: 26px;
		text-align: center;

		margin-bottom: 30px;
	}

	/* Estilo do texto de Benefícios */
	.beneficios_titulo {
		font-size: 26px;
		text-align: center;
		font-weight: bold;
		color: #0392c1;

		margin-bottom: -10px;
	}

	/* Alinha texto de Benefícios */
	.lista_beneficios {
		margin-left: 5px !important;
		margin-top: 10px;
	}

	/* Tira elementos do mobile */
	.some_mobile {
		display: none !important;
	}

	.separa_header {
		margin-bottom: 2px;
	}

	.header_menor {
		height: 85%;
		width: 85%;
	}

	.ajusta-mobile {
		width: 45%;
		height: 45%;
	}

	.titulo_index {
		text-align: center;

		font-size: 34px;
		font-weight: bold;

		color: #0392c1;
	}

	.div_wpp {
		position: fixed;
		z-index: 100;

		/* bottom: 140px;
		right: 6px; */

		bottom: 60px;
		right: 6px;
	}

	.div_prox_float {
		position: fixed;
		bottom: 60px;
		right: 10px;
		z-index: 100;
	}

	.seta_alinhada{
		display: inline-block;
		position: relative;
		top: calc(50% - 24px);
		left: calc(50% - 21px);
	}

	.wpp_size {
		width: 70px;
	}

	.desc_texto{
		text-align: justify;
		font-size: 18px;
	}

	.texto_detaque{
		color: #1e7f9e;
		font-weight: bold;
		font-size: 20px;
	}
}

/* 				#### CSS Específico pra Desktop ####				 */
@media (min-width: 600px) {
	h1.titulo_pagina {
		font-size: 50px;
	}

	.secao {
		left: 10%;
		right: 10%;
		top: 12%;
	}

	.img_responsiva {
		max-width: 50%;
		height: auto;
	}

	.margem_inicio {
		margin-top: 30px;
	}

	.row .ipt_item {
		padding-bottom: 50px;
	}

	.ajusta_coluna {
		margin-top: 30px !important;
	}

	/* Tela Conclusão */
	.separa_conclusao {
		margin-top: 240px;
	}

	.separa_texto {
		margin-top: 40px;
	}

	.titulo-concluido {
		font-size: 48px;
	}

	.texto-concluido {
		font-size: 40px;
	}

	/* Área de Contato */
	.Espaco_contato {
		width: 340px;
		height: 160px;

		position: absolute;
		/*margin-left: 260px;*/
		left: 29.5%;

		border: 2px solid #5f5f5f;
		border-radius: 10px;

		background-color: #f3f3f3;
	}

	/* Alinhando os textos de Contato */
	.lista_contato {
		/*margin-left: 320px !important;*/
		margin-top: 12px;

		position: relative;
		left: 31% !important;
	}

	/* Texto sobre nos contatar */
	.head_contato {
		margin-top: 30px;
		margin-left: -40px;
		text-align: center;
		font-size: 22px;
		font-weight: bold;
	}

	/* Título de FAQ */
	.FAQ {
		color: #0392c1;

		font-weight: bold;
		font-size: 32px;
		text-align: center;

		margin-bottom: 30px;
	}

	/* Alinha lista de Contato */
	.perguntas_freq {
		margin-left: 0px !important;
		font-size: 30px !important;
	}

	/* Estilos de Contato */
	.faq_pergunta {
		display: block;
		border-radius: 3px;
		height: 50px;
		line-height: 50px;
		background-color: #f1f1f169 !important;

		/*box-shadow: 0px 3px 8px #636363;*/
		border-bottom: 2.3px solid #636363ba;
	}

	/* Texto de Títulos */
	.beneficios_titulo {
		font-size: 32px;
		text-align: center;
		font-weight: bold;
		color: #0392c1;
	}

	/* Alinha texto de benefícios */
	.lista_beneficios {
		margin-left: 100px !important;
		margin-top: 10px;
	}

	.separa_header {
		margin-top: 20px;
		margin-bottom: 2px;
	}

	.titulo_index {
		text-align: center;

		font-size: 42px;
		font-weight: bold;

		color: #0392c1;
	}

	.header_menor {
	}

	.some_mobile {
	}

	.hoverTeste{
		display: none;
	}

	.div_wpp {
		position: fixed;
		z-index: 100;
		
		/* bottom: 40px;
		left: 15px; */

		bottom: 40px;
		right: 15px;
	}

	.div_prox_float {
		position: fixed;
		bottom: 42px;
		right: 15px;
		z-index: 100;
	}

	.wpp_size {
		width: 100px;
	}

	.desc_texto{
		text-align: justify;
		font-size: 20px;
	}

	.texto_detaque{
		color: #1e7f9e;
		font-weight: bold;
		font-size: 24px;
	}
}

/*				#### INDEX ####				*/

/* Alinha a Lista de Benefícios */
.faq_reposta {
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 30px;
}

/* Alinha o Texto da Lista de Benefícios */
.beneficios {
	font-size: 20px;
	text-align: justify !important;
}

/* Faz girar os Ícones FontAwesome */
.fa-spin-hover:hover {
	-webkit-animation: fa-spin 2s infinite linear;
	-moz-animation: fa-spin 2s infinite linear;
	-o-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
}

/* Texto da Área de Contato */
.p_contato {
	vertical-align: middle;
	height: 45px;
	line-height: 40px;
	margin-left: 8px;
	font-size: 18px;
	color: #545454;
	font-weight: bold;
}


/*		 #### PAGINAS DO FORM ####			 */

/* Mensagens de Erro */
.erro {
	margin-top: 5px;

	color: #ff3333;
	font-weight: bold;
}

/* Perguntas do Form */
.form_label {
	color: #007acc;
	font-weight: bold;
	font-size: 20px;
}

/* Texto de Campos Obrigatórios */
.campo_obrigatorio {
	color: red;
	font-weight: bold;
	font-size: 20px;
}

/* Texto sobre Dados Seguros */
.dados_seguros {
	margin-top: 10px;
	color: #484848;
	text-align: center;
	/*font-weight: bold;*/
	font-size: 20px;
}

/* Form Pag 3 - Ramos de Seguro */
.textoDestacado {
	color: #009900;
	font-weight: bolder;
}

/*		 #### PAGINA DE CONCLUSAO #### 		 */

/* Título de concluído */
.titulo-concluido {
	font-weight: bolder;
	color: white;
	text-align: center;
	text-shadow: 2.5px 2.5px black;
}

/* Texto de concluído */
.texto-concluido {
	color: white;
	text-align: center;
	text-shadow: 2px 2px black;
}

/*		 #### TODAS PAGINAS ####	 		 */

/* Body */
.body_padrao {
	width: 100%;
	height: 100%;
}

/* Imagem de Fundo */
.background {
	background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
		url("../img/Cartao_com_app.jpg") no-repeat center center fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;

	width: 100%;
	height: 100%;

	display: block;
	position: fixed;
	z-index: -1;

	left: 0;
	right: 0;

	filter: blur(2.5px);
}

/* Header */
.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
	background-color: white;
}

/* CTA do Header */
.btn_solicite {
	display: block;
	position: fixed !important;
	top: 2%;
	right: 10%;
	z-index: 1500;
	background-color: white;
}

/* Wrapper / Container */
.secao {
	background-color: white;
	border-radius: 10px;

	z-index: 100;
	position: absolute;

	margin-bottom: 80px;
}

/* Rodapé */
.rodape {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #262626;
	color: white;
	text-align: center;
	z-index: 9999;
}

h1.titulo_pagina {
	color: #002db3;
	text-align: center;
	margin-bottom: 10px;
}

p.titulo_secao {
	color: #009ee2;
	font-size: 200%;
}

.apresenta_texto {
	margin-left: 40px;
	font-size: 30px;
}

.hidden {
	display: none;
}

.btn-alinha {
	text-align: right;
}

.esconde {
	display: none;
}

.v_alinha {
	display: table-cell;
	vertical-align: middle;
}

ul > li {
	margin-bottom: 25px;
}

li {
	list-style: none;
}

td > * {
	vertical-align: middle;
}