/*
DEUCrédito v1.0 (http://deucredito.com.br)
Document   : style.css
Created on : Fevereiro/2018
Author     : Liane Bez (Layout e Front-end)
*/

/* reset */

:root {
    --main-bg-color: #142b49;
    /* --main-bg-color: #86C059; */
}


 
/* geral */
.none 								{ display: none; }
.nmbottom 							{ margin-bottom: 0px; }
.imgresponsiva 						{ max-width: 100%; height: auto !important; display: block; }
.bgCinza 							{ background-color: #F7F7F7; }
.bgCinzaInterno						{ background-color: #EEE; }
.pBottom50 							{ padding-bottom: 50px; }
.ptop50								{ padding-top: 50px; }
.mb20								{ margin-bottom: 20px; }

 
header h1.logo 						{ margin: 10px 0; }
header h1.logo a img				{ max-width: 100%; height: auto; display: block; margin: 0 auto; }

header nav.menuHeader 				{ margin: 10px 0; padding: 0; }
header nav.menuHeader ul 			{ margin-right: 0 !important; }
header nav.menuHeader ul li a 		{ color: #fff; padding: 0 7px; font-size: 12px; line-height: 40px; display: block; }
header nav.menuHeader ul li a:hover { color: var(--main-bg-color); }

header nav.menuHeader #navbar 		{ padding: 0; }

header a.btContratar 				{ margin: 10px 0; display: block; text-align: center; text-transform: uppercase; border: 1px solid #FFCA01; color: #fff; height: 40px; line-height: 40px; font-family: 'Montserrat', sans-serif; }
header a.btContratar:hover 			{ background: #FFCA01; }

header a.btEntrar 					{ background: #142b49; display: block; color: #fff; text-align: center; height: 100%; min-height: 62px; }
header a.btEntrar:hover 			{ background: var(--main-bg-color); }
header a.btEntrar i 				{ display: block; font-size: 20px; padding-top: 10px; margin-bottom: 8px; }
header a.btEntrar span 				{ display: block; text-transform: uppercase; font-size: 12px; }

 

footer .boxInfoFooter img 				{ max-width: 100%; height: auto; display: block; margin-bottom: 20px; }
footer .boxInfoFooter p 				{ color: #fff; line-height: 20px; font-size: 13px; }
footer .boxInfoFooter ul  				{ list-style-type: none; padding: 0; }
footer .boxInfoFooter ul li 			{ margin-right: 10px; float: left; }
footer .boxInfoFooter ul li a 			{ width: 30px; height: 30px; background: #fff; display: block; text-align: center; color: #231F20; transition: all 0.2s linear 0.2s; }
footer .boxInfoFooter ul li a:hover 	{ background: var(--main-bg-color); transition: all 0.2s linear 0.2s; }
footer .boxInfoFooter ul li a i 		{ font-size: 18px; line-height: 30px; }

footer h3.titleFooter 					{ font-weight: bold; color: var(--main-bg-color); font-size: 16px; text-transform: uppercase; margin: 0 0 20px; }

footer .boxMenusFooter ul 				{ list-style-type: none; padding: 0; }
footer .boxMenusFooter ul li a			{ color: #fff; display: block; transition: all 0.2s linear 0.2s; line-height: 25px; text-transform: uppercase; }
footer .boxMenusFooter ul li a:hover 	{ color: var(--main-bg-color); }
footer .boxMenusFooter p 				{ color: #fff; text-transform: uppercase;  }
footer .boxMenusFooter p span 			{ display: block; font-weight: bold; font-size: 28px; }

footer form.formNews div 				{ margin-bottom: 20px; position: relative; }
footer form.formNews input 				{ border-width: 0 0 1px 0; border-color: #fff; color: #fff; border-style: solid; background: #231F20; width: 100%; height: 30px; }
footer form.formNews div label.error 	{ position: absolute; bottom: 0; right: 0; color: #ff0000; }
footer form.formNews button 			{ background: var(--main-bg-color); border: none; width: 150px; height: 40px; text-transform: uppercase; color: #fff; font-size: 16px; font-weight: bold; float: right; }

.copyright 								{ padding: 20px 0 50px; }
.copyright  p 							{ font-size: 12px; line-height: 20px; margin-bottom: 20px; }

/* barra */
.barraFixa 								{ position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999; }
.barraFixa ul							{ background: var(--main-bg-color); width: 100%; height: 50px; list-style-type: none; padding: 0; margin: 0; }
.barraFixa ul li 						{ float: left; width: 25%; }
.barraFixa ul li a 						{ display: block; text-align: center; }
.barraFixa ul li a i 					{ color: #fff; font-size: 30px; line-height: 50px; transition: all 0.2s linear 0.2s; }
.barraFixa ul li:hover a 				{ background: #142b49; transition: all 0.2s linear 0.2s;}

/* etapas */
.etapas 								{ padding: 50px 0; }
.boxEtapa 								{ overflow: hidden; width: 25%; float: left; }
.boxEtapa p								{ color: #585858; text-align: center; text-transform: uppercase; }
.boxEtapa .img							{ background: url(../images/img-etapa.png) top center; height: 15px; margin: 10px 0; }

.boxEtapaAtiva							{ overflow: hidden; width: 50%; position: relative; left: 25%; right: 25%; }
.boxEtapaAtiva p						{ color: #04354a; text-align: center; text-transform: uppercase; }
.boxEtapaAtiva .img					    { background: url(../images/img-etapa-ativa.png) top center; height: 15px; margin: 10px 0; }
.boxEtapaAtiva p span					{ font-weight: bold; }

/* cadastro - etapa 01 */
.titleCadastro 							{ background-color: var(--main-bg-color); background: url(../images/bg-contrate.jpg) top center;}
.titleCadastro h1 						{ font-weight: bold; font-size: 20px; color: #fff; text-transform: uppercase; margin: 160px 0 20px; }

.formLogin 								{ background: #fff; padding: 20px; border: 1px solid #CED4DA; box-shadow: 0 0 30px #999; margin-bottom: 20px; }
.formLogin legend 						{ color: #142b49; text-align: center; text-transform: uppercase; font-size: 16px; font-weight: bold; border: none; }
.formLogin .form-group 					{ position: relative; }
.formLogin label 						{ display: block; text-transform: uppercase; }
.formLogin label.radio-inline 			{ line-height: 22px; }
.formLogin label.error 					{ position: absolute; top: 0; right: 0; color: #ff0000; font-size: 12px; padding-right: 15px; }
.formLogin span 						{ font-weight: bold; }
.formLogin select 						{ background: #F7F7F7; border: 1px solid #CED4DA; border-radius: 0; }
.formLogin input 						{ background: #F7F7F7; border: 1px solid #CED4DA; border-radius: 0; }
.formLogin button 						{ background: var(--main-bg-color); border: none; height: 40px; width: 100%; text-transform: uppercase; color: #fff; font-size: 16px; font-weight: bold; transition: all 0.2s linear 0.2s; }
.formLogin button:hover 				{ background: #142b49; transition: all 0.2s linear 0.2s;}

.obsForm 								{ text-align: center; font-style: italic; font-size: 12px; padding: 0 20px; }

.txtCadastro p 							{ line-height: 20px; }
.txtCadastro ul 						{ list-style-type: none; padding: 0; margin: 0 0 50px; }
.txtCadastro ul li						{ background: url(../images/icon-estrela.png) no-repeat top left; padding-left: 30px; line-height: 20px; margin-bottom: 10px; }

.boxComentario .balaoComentario 		{ background: #fff; padding: 20px; margin-bottom: 20px; }
.boxComentario .balaoComentario span 	{ color: #142b49; font-size: 90px; font-weight: bold; float: left; margin-right: 20px; line-height: 70px; }
.boxComentario figure 					{ float: left; margin-right: 20px; }
.boxComentario figure img 				{ border-radius: 100px; }
.boxComentario p.nomeComentario 		{ float: left; margin-top: 30px; }
.boxComentario p.nomeComentario span 	{ color: #142b49; display: block; }

/* cadastro - etapa 02 */
.infoProcessos 							{ margin-bottom: 50px; }
.infoProcessos h2 						{ text-align: center; }
.infoProcessos h2 span 					{ font-weight: bold; }
.infoProcessos p 						{ text-align: center; }
.infoProcessos p span 					{ font-weight: bold; }

.boxTipoDisponivel 						{ border: 1px solid #ccc; background: #fff; padding: 20px; }
.bgEscuro 								{ background: #142b49; }
.bgMedio1 								{ background: #195866 ; }
.bgMedio2 								{ background: #327C7F; }
.bgClaro 								{ background: #639E9E; }
.escolherseguros h3 					{ margin-top: 0; font-weight: bold; font-size: 18px; text-transform: uppercase; }
.escolherseguros p span				{ font-size: 28px; color: var(--main-bg-color); font-weight: bold; }

button.btGrande							{ background: #9FCC47; color: #fff; text-transform: uppercase; font-size: 16px; width: 100%; height: 50px; border: none; border-radius: 5px; font-weight: bold; transition: all 0.2s linear 0.2s; margin-bottom: 10px; }
button.btGrande:hover 					{ background: #142b49; transition: all 0.2s linear 0.2s; }
a.btVoltar 								{ color: #585858; }

.rowFaqInt 								{ padding: 50px 0; }
.rowFaqInt h3 							{ text-align: center; font-weight: bold; font-size: 26px; text-transform: uppercase; margin: 0 0 30px; }

.boXAccordion .accordion 				{ background-color: #fff; border: 1px solid #123D50; color: #585858; cursor: pointer; padding: 18px; width: 100%; text-align: left; outline: none; transition: 0.4s; margin-bottom: 10px; }
.boXAccordion .accordion:after 			{ content: '\002B'; color: #123D50; font-weight: bold; float: right; margin-left: 5px;}
.boXAccordion .active:after 			{ content: "\2212"; }
.boXAccordion .active 					{ margin-bottom: 0;  }
.boXAccordion .active, .accordion:hover { background-color: #EEEEEE; }
.boXAccordion .panel 					{ padding: 20px; border-radius: 0; margin-top: -1px; background-color: white; display: none; overflow: hidden; margin-bottom: 20px; border: 1px solid #123D50; back: no-repeat;  }

.rowCarrinho							{ position: fixed; top: 200px; right: -230px; padding: 0; background: #123D50; border-width: 1px 0 1px 1px; border-style: solid; padding: 20px; z-index: 9999; width: 230px; }
.rowCarrinho:hover 						{ right: 0; }
.rowCarrinho i 							{ position: absolute; top: -1px; left: -51px; background: #FFCB08; height: 50px; width: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 20px; }
.rowCarrinho h4 						{ color: #fff; font-size: 14px; border-bottom: 1px solid #ccc; padding-bottom: 10px; }
.rowCarrinho h4 span 					{ font-weight: bold; color: #FFCB08; }
.rowCarrinho .boxCarrinho p 			{ color: #fff; font-weight: bold; }
.rowCarrinho .boxCarrinho p span 		{ display: block; font-weight: 300; }
.rowCarrinho a 							{ background: #9FCC47; color: #fff; font-weight: bold; width: 100%; height: 40px; line-height: 40px; display: block; font-size: 12px; padding: 0 10px; text-align: center; }

/* etapa 02 - ML */
.boxMargemLivre 										{ border: 1px solid #CED4DA;}
.boxSaqueCartao 										{ border: 1px solid #CED4DA;}
.boxsegurosComplementarINSS                          { border: 1px solid #CED4DA;}
.rowValoresMargem 										{ background: #fff; padding: 20px; border-bottom: 1px solid #CED4DA; }
.rowValoresMargem h3 									{ margin: 0 0 30px; font-weight: bold; text-align: center; text-transform: uppercase; color: #142b49; }
.simulador 												{ margin: 30px 0 130px; display: block; margin-top: 30px!important; }
.rowSimulador 											{ margin-bottom: 15px; }
.simulador .rangeslider__fill 							{ background: var(--main-bg-color); }

.simulador output 										{ background: #E6E6E6; color: var(--main-bg-color); border-radius: 5px; text-align: center; padding: 10px; }
.simulador output input 								{ border: none; background: #E6E6E6; text-align: center; width: 75%; font-weight: bold; }

.rowValoresMargem p 									{ text-align: center; text-transform: uppercase; margin-bottom: 20px; }
.rowValoresMargem p span 								{ color: var(--main-bg-color); font-weight: bold; font-size: 20px; }
.rowParcelasMargem 										{ background: #E6E6E6; padding: 20px; overflow: hidden; }

.boxMargemLivre 										{ margin-bottom: 30px; }
.rowParcelasMargem h3 									{ margin: 0 0 30px; font-weight: bold; text-align: center; text-transform: uppercase; color: #142b49; }
.rowParcelasMargem .boxParcela 							{ background: #fff; padding: 10px 0; border-radius: 5px; border: 1px solid #CED4DA; margin-bottom: 20px; }
.rowParcelasMargem .boxParcela label 					{ width: 100%; text-align: center; border-bottom: 1px solid #E6E6E6; padding-bottom: 10px; }
.rowParcelasMargem .boxParcela p 						{ color: #142b49; text-align: center; font-size: 26px; font-weight: bold; }
.rowParcelasMargem .boxParcela p span					{ color: #585858; font-size: 14px; display: block; font-weight: 300; }
.rowParcelasMargem .boxParcela small 					{ font-size: 12px; text-align: center; display: block; }
.rowParcelasMargem .boxParcela small span				{ display: block; }

/* etapa 02 - cartão */
.formCartao .boxCartao 									{ background: #fff; border: 1px solid #CED4DA; padding: 20px; border-radius: 5px; margin-bottom: 20px; overflow: hidden; }
.formCartao .boxCartao h3 								{ margin: 0 0 30px; font-weight: bold; text-align: center; text-transform: uppercase; color: #327C7F; }
.formCartao .boxCartao p 								{ text-align: center; text-transform: uppercase; font-size: 16px; margin-bottom: 20px; }
.formCartao .boxCartao p span 							{ color: #9FCC47; font-weight: bold; display: block; font-size: 20px; }
.formCartao .boxCartao .boxParcela  					{ background: #fff; padding: 10px 0; border-radius: 5px; border: 1px solid #CED4DA; margin-bottom: 20px; }
.formCartao .boxCartao .boxParcela label 				{ width: 100%; text-align: center; border-bottom: 1px solid #CED4DA; padding-bottom: 10px; }
.formCartao .boxCartao .boxParcela .mImput 				{ padding: 20px 10px; }
.formCartao .boxCartao .boxParcela input[type="text"] 	{ border-width: 0 0 1px 0; border-color: #585858; border-style: solid; text-align: center; width: 100%; }
.formCartao .boxCartao .boxParcela p 					{ text-align: center; margin: 20px 10px; }

/* etapa 02 - refin e port. */
/* .formRefinPorta .boxChamadaForm 						{ background: #fff; border: 1px solid #CED4DA; padding: 20px; margin-bottom: 30px; border-radius: 5px; } */
/* .formRefinPorta .boxChamadaForm h3 						{ margin: 0 0 30px; font-weight: bold; font-size:20px; text-align: center; text-transform: uppercase; color: #195866; } */
/* .formRefinPorta .boxChamadaForm h3 span                 { font-weight: bold; display: block; font-size: 24px; } */
/* .formRefinPorta .boxChamadaForm p                       { text-align: center; margin: 0; } */

.formRefinPorta .boxChamadaPort h3 						{ color: #639E9E; margin-bottom: 20px; }

.formRefinPorta .form-group h3 							{ margin-top: 0; font-weight: bold; text-transform: uppercase; }
.formRefinPorta .boxTipoDisponivel ul 					{ list-style: none; margin: 0; padding: 0; overflow: hidden; }
.formRefinPorta .boxTipoDisponivel ul li 				{ border-right: 1px solid #CED4DA; }
.formRefinPorta .boxTipoDisponivel ul li:last-child 	{ border: none; }
.formRefinPorta .boxTipoDisponivel p 					{ text-align: center; font-size: 14px; line-height: 20px; }
.formRefinPorta .boxTipoDisponivel p span 				{ display: block; margin: 0; }

/* etapa 03 - resumo */
.etapaDocumentos .boxEtapaDoc 							{ background: #fff; border: 1px solid #CED4DA; padding: 20px; border-radius: 5px; text-align: center; margin-bottom: 20px; }
.etapaDocumentos .boxEtapaDoc i 						{ font-size: 30px; margin-bottom: 10px; }
.etapaDocumentos .boxEtapaDoc p 						{ text-transform: uppercase; font-size: 16px; }
.etapaDocumentos .boxEtapaDoc.active 					{ background: var(--main-bg-color); border: 1px solid var(--main-bg-color); }
.etapaDocumentos .boxEtapaDoc.active i,
.etapaDocumentos .boxEtapaDoc.active p 					{ color: #fff; }
.etapaDocumentos .check                                 { background: #C9C9C9; color: #9D9D9D; }

.boxResumo                                              { background: #fff; border: 1px solid #CED4DA; padding: 20px; border-radius: 5px; text-align: center; margin-bottom: 20px; }
.boxResumo h3                                           { font-weight: bold; font-size: 16px; text-transform: uppercase; margin-bottom: 20px; }
.boxResumo ul                                           { padding: 0; margin: 0 0 10px 0; overflow: hidden; border: 1px solid #CED4DA; margin-bottom: 20px; border-radius: 5px; background: #E6E6E6; }
.boxResumo ul li                                        { list-style-type: none; float: left; width: 16.66%; }
.boxResumo ul li p                                      { border-bottom: 1px solid #CED4DA; text-transform: uppercase; line-height: 30px; }
.boxResumo ul li span                                   { font-weight: bold;  line-height: 20px; display:block; margin-bottom:10px; }
.boxResumo ul li span.status                            { background: #FFA508; color: #fff; display: block; border-radius: 5px; }
.boxResumo ul li a                                      { background: #142b49; color: #fff; width: 100%; display: block; height: 20px; line-height: 20px; text-align: center; border-radius: 5px; }

/* etapa 03 - documentos */
.boxPassosDocumentos 									{ background: #fff; border: 1px solid #CED4DA; padding: 20px; border-radius: 5px; text-align: center; margin-bottom: 20px; overflow: hidden; }
.boxPassosDocumentos h3 								{ font-weight: bold;; text-align: center; text-transform: uppercase; font-size: 16px; margin-top: 0; }
.boxPassosDocumentos h3 i 								{ color: #142b49; }
.boxPassosDocumentos p 								    { line-height: 20px; }
.boxPassosDocumentos .escolhaTipoDoc button 			{ border: 1px solid #142b49; color: #585858; text-transform: uppercase; text-align: center; background: #fff; width: 50%; float: left; height: 40px; margin-bottom: 10px; }
.boxPassosDocumentos .escolhaTipoDoc button.ative		{ color: #fff; background: #142b49; }

.dropzone 												{ background: url(../images/selecionar-arquivo.jpg) no-repeat center center; border: solid 1px #CCC; text-align: center; height: 200px; vertical-align: middle; cursor: pointer; float: left; width: 100%; }
.dropzone.upload-rg 									{ width: 50%; }

/* etapa 03 - questionário */
.boxQuestionario 										{ background: #E6E6E6; border: 1px solid #CED4DA; margin-bottom: 20px;border-radius: 5px; }
.boxQuestionario h3 									{ text-transform: uppercase; padding: 20px; margin: 0; font-weight: bold; font-size: 20px; border-bottom: 1px solid #CED4DA; background: #fff; }
.boxQuestionario ul 									{ background: #E6E6E6; padding: 20px; list-style: none; margin: 0; }
.boxQuestionario ul li 									{ margin-bottom: 10px; }
.boxQuestionario button.btPergutna						{ float: right; margin: 0 20px 20px 0; background: var(--main-bg-color); color: #fff; font-size: 16px; color: #fff; text-transform: uppercase; border-radius: 5px; border: none; height: 40px; padding: 0 10px; font-weight: bold; }

/* etapa 03 - ass */
.boxAss 												{ background: #fff; border: 1px solid #CED4DA; margin-bottom: 20px; border-radius: 5px; padding: 20px; }
.boxAss img 											{ display: block; margin: 0 auto 20px; }
.boxAss p 												{ font-size: 16px; text-align: center; }
.boxAss p span 											{ font-weight: bold; font-size: 14px; }
.boxAss i 												{ color: #FFA300; text-align: center; font-size: 80px; margin-bottom: 20px; display: block; }

/* etapa 03 - ass */
.resumoFormulario 										{ background: #E6E6E6; padding: 20px 10px 10px; overflow: hidden; margin-bottom: 10px; }

/* login */
.esqSenha 												{ float: right; color: #ff0000; margin-bottom: 10px;  }
.esqSenha:hover 										{ color: #ff0000; text-decoration: underline; }

/* pedidos */
.boxResumoPedidos										{ background: #fff; border: 1px solid #CED4DA; padding: 20px; border-radius: 5px; text-align: center; margin-bottom: 20px; }
.boxResumoPedidos h2 									{ font-weight: bold;; font-size: 16px; text-transform: uppercase; margin-bottom: 50px; }
.boxResumoPedidos ul 									{ padding: 10px; margin: 0; overflow: hidden; border: 1px solid #CED4DA; margin-bottom: 20px; border-radius: 5px; background: #F7F7F7; }
.boxResumoPedidos ul li									{ list-style-type: none; float: left; width: 16.66%; }
.boxResumoPedidos ul li p 								{ border-bottom: 1px solid #CED4DA; text-transform: uppercase; line-height: 30px; }
.boxResumoPedidos ul li span 							{ font-weight: bold;; line-height: 20px; }
.boxResumoPedidos ul li span.status 					{ background: #FFA508; color: #fff; display: block; border-radius: 5px; }
.boxResumoPedidos ul li a 								{ background: #142b49; color: #fff; width: 100%; display: block; height: 20px; line-height: 20px; text-align: center; border-radius: 5px; }

/* index */
.rowBanner { position: relative; }
.rowBanner .iconMouse { display: block; width: 27px; height: 50px; background: url(../images/icon-mouse.png); position: absolute; bottom: 15px; left: 50%; transform: translate(-50%, 0%); }
.destaque { width: 100%; height: 600px; background-size: cover; background-position: center; }
.destaque .container { display: flex; align-items: flex-end; height: 100%; }
.destaque .container .texto {margin-bottom: 15%; }
.destaque .container .texto h3 { margin: 0; padding: 0; color: #FFF; font-weight: 800; font-size: 40px; text-shadow: 2px 2px 2px rgba(0,0,0,0.3); }
.destaque .container .texto h2 { margin: 0 0 20px; padding: 0; color: #fff; font-size: 40px; font-weight: 300; }
.destaque .container .texto .btn { padding: 0 30px; line-height: 60px; font-size: 18px; text-transform: uppercase; border: none; font-weight: 700; background: #142b49; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; color: #FFF; margin-bottom: 10px; }
.destaque .container .texto .btn:hover { border: none; background: var(--main-bg-color); }
#destaques { position: relative; }
#destaques .carousel-control { right: 14%; top: auto; left: auto; width: 40px; height: 40px; line-height: 36px; border: 1.5px solid #000; background: none; color: #000; text-shadow: none; border-radius: 100%; font-size: 30px; opacity: 1; }
#destaques .carousel-control:hover { background: #000; color: #FFF; }
#destaques .carousel-control.left { bottom: 120px;}
#destaques .carousel-control.left i { margin-right: 4px; }
#destaques .carousel-control.right { bottom: 75px; }
#destaques .carousel-control.right i { margin-left: 4px; }

.icon-scroll, .icon-scroll:before { position: absolute; left: 50%; }
.icon-scroll { width: 30px; height: 50px; margin-left: -20px; bottom: 30px; margin-top: -35px; -webkit-box-shadow: inset 0 0 0 1px #fff; box-shadow: inset 0 0 0 1px #fff; border-radius: 25px; }
.icon-scroll:before { content: ''; width: 8px; height: 8px; background: #fff; margin-left: -4px; top: 0; border-radius: 4px; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: scroll; animation-name: scroll; }
@-webkit-keyframes scroll {
  0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translateY(46px); transform: translateY(46px); }
}
@keyframes scroll {
  0% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translateY(46px); transform: translateY(46px); }
}

.rowChamada { padding: 30px 0; }
.rowChamada .titleChamada { font-size: 20px; text-transform: uppercase; text-align: center; }
.rowChamada .titleChamada span { font-weight: bold; color: #003547; display: block; }

.rowSimulacao { background: url(../images/bg-simulacao.jpg) top center; padding: 50px 0; }
.formSimulacao { border: 1px solid #CED4DA; background: #fff; padding: 20px; }
.formSimulacao h2 { color: #003547; font-size: 16px; margin-top: 20px; font-weight: bold; text-transform: uppercase; }
.formSimulacao .form-control { margin-top: 20px; }
.formSimulacao .simuladorHome { margin: 20px 0 0; }
.formSimulacao button { background: #142b49; color: #fff; text-transform: uppercase; margin: 0 auto 20px; border: none; display: block; height: 40px; padding: 0 20px; font-weight: 18px; font-weight: bold; transition: all 0.2s linear 0.2s; }
.formSimulacao button:hover { background: var(--main-bg-color); transition: all 0.2s linear 0.2s; }
.formSimulacao small { font-size: 12px; text-align: center; display: block; }
.formSimulacao small a { color: #003547; text-decoration: underline; }
.formSimulacao ul.listParcelas { list-style: none; margin: 0 0 20px; padding: 0; overflow: hidden; text-align:center; }
.formSimulacao ul.listParcelas li { width:14%; margin:0 1%; display:inline-block; }
.formSimulacao ul.listParcelas li p { border: 1px solid #CED4DA; background: #E6E6E6;min-width: 94px;
    min-height: 68px; border-radius: 5px; margin-bottom: 10px; text-align: center; padding: 10px; }
.formSimulacao ul.listParcelas li span { display: block; }

.rowVantagens { background: url(../images/img-vantagens.jpg) center right no-repeat; background-size: 50%; padding: 40px 0; }
.rowVantagens h2 { text-align: center; font-size: 26px; text-transform: uppercase; margin-bottom: 30px; }
.rowVantagens h2 span { font-weight: bold; }
.rowVantagens ul { margin: 0; padding: 0; list-style: none; }
.rowVantagens ul li { overflow: hidden; margin-bottom: 10px; }
.rowVantagens ul li img { float: left; }
.rowVantagens ul li .right { float: right; width: 80%; }
.rowVantagens ul li h3 { text-transform: uppercase; color: #585858; font-weight: bold; margin-top: 0; }
.rowVantagens ul li p {  }
.rowVantagens img.bg { width: 100%; height: auto; display: block; }

.rowDepoimentos { padding: 50px 0; background: #EBEBEB; }
.rowDepoimentos h2 { text-align: center; font-size: 26px; text-transform: uppercase; margin-bottom: 30px; }
.rowDepoimentos h2 span { font-weight: bold; }
.rowDepoimentos .owl-item { margin-bottom: 30px; }
.owl-dots { text-align: center; }
.owl-dots .owl-dot { display: inline-block; margin: 0 2px; border: 1px solid #142b49; background: #fff; height: 5px; width: 30px; }
.owl-dots .owl-dot.active { background: #142b49; width: 50px; }

.rowCTA { background: url(../images/bg-row-cta.jpg) top center no-repeat; padding: 50px 0; }
.rowCTA h2 { font-size: 30px; color: #fff; font-weight: bold; text-transform: uppercase; }
.rowCTA p { font-size: 16px; color: #fff; margin-bottom: 50px; }
.rowCTA a { font-size: 18px; color: #fff; font-weight: bold; background: #142b49; text-transform: uppercase; width: 400px; height: 50px; line-height: 50px; text-align: center; display: block; margin: 0 auto; transition: all 0.2s linear 0.2s; }
.rowCTA a:hover { background: var(--main-bg-color); transition: all 0.2s linear 0.2s;  }

.rowNoticias { background: #f7f7f7; padding: 50px 0; }
.rowNoticias h2 { text-align: center; font-size: 26px; text-transform: uppercase; margin-bottom: 30px;  }
.rowNoticias h2 span { font-weight: bold;}
.listNoticias { margin: 0 0 30px 0; padding: 0; list-style: none; overflow-y: hidden; }
.listNoticias li {  }
.listNoticias li .boxImgData { position: relative; }
.listNoticias-pequeno li .boxImgData img {    width: 359px !important; height: 195px !important; }
.listNoticias li .boxImgData img { width: 395px; height: 250px; display: block; }
.listNoticias li .boxImgData div { background: rgba(0,54,72, 0.8); padding: 10px 20px; position: absolute; top: 0; left: 0; }
.listNoticias li .boxImgData div p { color: #fff; text-align: center; margin: 0; }
.listNoticias li .boxImgData div p.dia { font-size: 20px; }
.listNoticias li .boxImgData div p.mes { font-size: 24px; text-transform: uppercase; font-weight: bold; }
.listNoticias li .boxImgData div p.ano { font-size: 14px; }
.listNoticias li .boxInfoNoticia { background: #fff; padding: 20px; }
.listNoticias li .boxInfoNoticia h3 { margin-top: 0; font-size: 16px; text-transform: uppercase; line-height: 20px; height: 40px; overflow: hidden; color: #585858; font-weight: bold; }
.listNoticias li .boxInfoNoticia p { line-height: 20px; height: 80px; overflow: hidden; color: #aaa; margin-bottom: 20px; }
.listNoticias li .boxInfoNoticia .left { color: #142b49; }
.listNoticias li .boxInfoNoticia .right { float: right; color: #585858;}
.listNoticias li:hover .boxInfoNoticia h3 { color: #142b49; }
.listNoticias li:hover .boxInfoNoticia p { color: #585858; }

.btTodas { width: 100%; height: 50px; line-height: 50px; color: #fff; background: #142b49; text-align: center; font-size: 18px; font-weight: bold; display: block; text-transform: uppercase; }
.btTodas:hover { background: var(--main-bg-color); color: #fff; }

.rowContador { background: url(../images/bg-contador.jpg) top center; padding: 50px 0; }
.rowContador ul { margin: 0; padding: 0; list-style: none; overflow-y: hidden; }
.rowContador ul li p { text-align: center; color: #fff; font-weight: bold; margin-bottom: 0; font-size: 30px; text-transform: uppercase; }
.rowContador ul li span { text-align: center; display: block; color: #fff; font-size: 18px; }

.rowParceiros { padding: 50px 0; }
.rowParceiros h2 { text-align: center; font-size: 26px; text-transform: uppercase; margin-bottom: 30px; }
.rowParceiros h2 span { font-weight: bold; }
.rowParceiros ul { margin: 0; padding: 0; text-align: center; }
.rowParceiros ul li { display: inline-block; }
.rowParceiros ul li img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
.rowParceiros ul li img:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); }

/* sobre nós*/
.rowBgInterna h2 { color: #fff; text-align: center; text-transform: uppercase; padding: 100px 0 50px; font-size: 30px; font-weight: bold; }

.titleInternas { background: #E6E6E6; padding: 15px 0; }
.titleInternas h1 { font-size: 20px; text-transform: uppercase; margin: 0; line-height: 30px; }

.compInterna { float: right; }
.compInterna p { float: left; line-height: 30px; margin: 0 10px 0; }
.compInterna ul { float: left; margin: 0; padding: 0; list-style: none; }
.compInterna ul li { display: inline-block;  }
.compInterna ul li button, .compInterna ul li a { padding:0; border: none; }
.compInterna ul li i { width: 30px; height: 30px; text-align: center; line-height: 30px; background: #999; color: #fff; }
.compInterna ul li:hover i { background: #142b49; }

.rowMain { padding: 30px 0; }

.texto p { color: #585858; }
.texto p b, .texto p strong { font-weight: bold; }
.texto p a { color: #142b49; }
.texto h2 { text-transform: uppercase; color: #142b49; font-size: 18px; font-weight: bold; }

/* Bg's */
.rowBgSobre { background: url(../images/bg-sobre-nos.jpg) top center; }
.rowBgComo { background: url(../images/bg-como-funciona.jpg) top center; }
.rowBgseguros { background: url(../images/bg-seguros.jpg) top center; }
.rowBgDuvida { background: url(../images/bg-duvidas-frequentes.jpg) top center; }
.rowBgBlog { background: url(../images/bg-blog.jpg) top center; }
.rowBgContato { background: url(../images/bg-contato.jpg) top center; }

/* contato */
.formContato { border: 1px solid #DED4DA; overflow: hidden; padding: 20px 0; border-radius: 5px; background: #e6e6e6; }
.formContato label { text-transform: uppercase; }
.formContato textarea { resize: none; }
.formContato button { background: var(--main-bg-color); border: none; border-radius: 5px; width: 100%; height: 40px; text-transform: uppercase; color: #fff; font-size: 16px; font-weight: bold; transition: all 0.2s linear 0.2s; }
.formContato button:hover { background: #142b49; transition: all 0.2s linear 0.2s; }

.infoContato p { line-height: 30px; color: #142b49; margin-bottom: 20px; line-height: 50px; }
.infoContato p i { border: 1px solid #DED4DA; background: #e6e6e6; margin-right: 10px; color: #142b49; width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 30px; border-radius: 100px; }
.infoContato p.numTel { font-size: 30px; font-weight: bold; }
.infoContato a { width: 48%; height: 40px; line-height: 40px; font-size: 18px; margin-bottom: 20px; transition: all 0.2s linear 0.2s; font-weight: bold; background: var(--main-bg-color); color: #fff; text-align: center; text-transform: uppercase; display: inline-block; }
.infoContato a:hover { background: #142b49; transition: all 0.2s linear 0.2s; }
.infoContato address { color: #142b49; }
.infoContato p.horaContato { font-weight: bold; line-height: 20px; }
.infoContato p.horaContato span { display: block; font-weight: 300; }

/* blog */
.formBusca { border: 1px solid #DED4DA; background: #e6e6e6; padding: 10px; margin-bottom: 20px; }
.formBusca .form-group { position: relative; margin: 0; }
.formBusca .form-group button { position: absolute; top: 7px; right: 10px; background: none; border: none; color: #142b49; }

.listCategorias { border: 1px solid #DED4DA; background: #e6e6e6; margin-bottom: 20px; }
.listCategorias h3 { margin: 0; padding: 10px; text-align: center; font-size: 18px; background: #142b49; color: #fff; font-weight: bold; text-transform: uppercase; }
.listCategorias ul { margin: 0; padding: 10px; list-style: none; }
.listCategorias ul li { border-bottom: 1px solid #DED4DA; }
.listCategorias ul li:last-child { border: none; }
.listCategorias ul li a { line-height: 40px; color: #585858; display: block; }
.listCategorias ul li a:hover { background: #fff; padding-left: 10px; }

.boxNews { border: 1px solid #DED4DA; background: #e6e6e6; margin-bottom: 20px; }
.boxNews h3 { margin: 0; padding: 10px; text-align: center; font-size: 18px; background: #142b49; color: #fff; font-weight: bold; text-transform: uppercase; }
.boxNews .formNewsAside { padding: 10px; }
.boxNews .formNewsAside legend { font-size: 14px; }
.boxNews .formNewsAside button { text-transform: uppercase; font-size: 16px; font-weight: bold; background: var(--main-bg-color); color: #fff; width: 100%; height: 40px; border: none; border-radius: 5px; transition: all 0.2s linear 0.2s; }
.boxNews .formNewsAside button:hover { background: #142b49; transition: all 0.2s linear 0.2s; }

.boxNoticia { border: 1px solid #DED4DA; background: #F7F7F7; padding: 20px; margin-bottom: 30px; }
.rowMainBlog { padding-bottom: 0; }

.boxRedes { border: 1px solid #DED4DA; background: #e6e6e6; margin-bottom: 20px; }
.boxRedes h3 { margin: 0; padding: 10px; text-align: center; font-size: 18px; background: #142b49; color: #fff; font-weight: bold; text-transform: uppercase; }
.boxRedes .face { padding: 10px; text-align: center; }

/* página não encontrada */
.boxNaoEncontrada h3 { text-align: center; }
.boxNaoEncontrada p { text-align: center; }
.boxNaoEncontrada ul { text-align: center; margin: 0; padding: 0; }
.boxNaoEncontrada ul li { display: inline-block; margin: 0 10px; }
.boxNaoEncontrada ul li a { background: #142b49; color: #fff; padding: 0 20px; height: 40px; line-height: 40px; display: block; }
.boxNaoEncontrada ul li a:hover { background: var(--main-bg-color); }

/* Telefones em paisagem a tablet em retrato */
@media (max-width: 767px) {
	.welcome_text {
    margin-top: 50px!important;
}
    .titleCadastro h1 					{ margin-top: 210px; }
	.navbar-toggle						{ border-color: #fff; margin: 0 auto; display: block; float: none; padding: 10px 50px; margin-bottom: 10px }
	.icon-bar							{ background-color: #fff; }
	header nav.menuHeader ul			{ margin: 0; }
	header nav.menuHeader ul li a		{ background: #142b49; color: var(--main-bg-color); text-align: center; }
	.boxResumoPedidos ul li				{ width: 100%; }
	.boxTipoDisponivel h3				{ Text-align: center; }
	.formRefinPorta .boxTipoDisponivel ul li { border-width: 0 0 1px 0; border-style: solid; border-color: #CED4DA; padding: 10px; }
    .boxResumo ul li { width: 100%; float: none; padding: 20px; }
    .rowContador ul li { margin-bottom: 20px; }
    .destaque .container .texto h3 { font-size: 20px; }
    .rowContador ul li, .destaque .container .texto h2 { font-size: 20px; }
    .destaque .container .texto .btn { font-size: 15px; }
    .destaque img { max-width: 100%; height: auto; display: block; }
    #destaques .carousel-control { display: none; }
    .rowVantagens { background: none; }
    .rowVantagens ul li .right { width: 75%; }
    .rowCTA a { width: 100%; font-size: 15px; }
    .rowBgInterna h2 { padding-top: 190px; }
    .formSimulacao ul.listParcelas li { width: 45%; }
    .icon-scroll { display: none; }
}

/* Tablet em retrato a paisagem e desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .titleCadastro h1 					{ margin-top: 210px; }
    .boxInfoFooter, .boxMenusFooter		{ margin-bottom: 30px; }
    .rowVantagens { background: none; }
    .rowBgInterna h2 { padding-top: 200px; }
}

/* Tablet em retrato a paisagem e desktop */
@media (min-width: 1023px) and (max-width: 1026px) {
    .titleCadastro h1 					{ margin-top: 160px; }
    .boxInfoFooter, .boxMenusFooter		{ margin-bottom: 30px; }
    .rowBgInterna h2 { padding-top: 140px; }
    .formSimulacao ul.listParcelas li { width: 20%; }
}

.painelverde {
    background: #142b49;
    color: #fff;
    padding: 20px;
    text-align: center;
}

input#InputFile {
    margin-top: 24px;
}