/*
Whitelabel v1.0 
Document   : style.css
Created on : março/2018
Author     : Liane Bez (Layout e Front-end)
*/

/* reset */
html, body { height: 100%; font: normal 14px 'Montserrat', sans-serif; color: #282828; line-height: 25px; }
* { outline: none !important; }
body { padding-bottom: 0 !important; }
figure { margin: 0; }
a:hover { text-decoration: none; }

:root {
    --main-bg-color: #399137;
    --footer-text-color: #000;
    --footer-bg-color: #F2F2F2;
    --main-color-dark: #183d17;
}

@media (min-width: 768px) {
	.btContratar {
		margin-top: 5px;
	}
}

.logo-whitelabel {
    width: 170px;
}

/* geral */
.none { display: none; }
.imgresponsiva { max-width: 100%; height: auto !important; display: block; }
.padding40 { padding: 40px 0; }
.mb20 { margin-bottom: 20px; }

/* header */
.topHeader { background: var(--main-color-dark); }
.topHeader ul { margin: 0; padding: 0; list-style: none; }
.topHeader ul li { display: inline-block; }
.topHeader ul li a { line-height: 30px; padding: 0 10px; display: block; }
.topHeader ul li a i { color: #fff; }
.topHeader ul li:hover a { background: var(--main-bg-color); }

.topHeader p { line-height: 30px; margin: 0; text-align: center; color: #fff; }

.topHeader a.entrar { color: #fff; display: inline-block; line-height: 30px; float: right; padding: 0 10px; }
.topHeader a.entrar:hover { background: var(--main-bg-color); }

header.bgHeader { background: #fff; padding: 20px 0; border-bottom: 1px solid #cdcdcd; }
header.bgHeader h1 { margin: 0; }

header.bgHeader .navbar { margin: 0; }
header.bgHeader #navbar ul { margin: 0; }
header.bgHeader #navbar ul li a { color: #282828; line-height: 54px; padding: 0; padding: 0 10px; }
header.bgHeader #navbar ul li:hover a { background: var(--main-bg-color); color: #fff; }

header.bgHeader a.btContratar { background: var(--main-bg-color); color: #fff; line-height: 54px; display: block; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 16px; }
header.bgHeader a.btContratar:hover { background: var(--main-color-dark); }

button.navbar-toggle { background: var(--main-color-dark); }
button.navbar-toggle .icon-bar { background-color: #fff; }

/* index */
.rowBanner { position: relative; }
.destaque { width: 100%; height: 450px; background-size: cover; background-position: center; }
.destaque .container { display: flex; align-items: flex-end; height: 100%; }
.destaque .container .texto { margin-bottom: 10%; text-align: center; width: 100%; }
.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: var(--main-bg-color); -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-color-dark); }
#destaques { position: relative; }
#destaques .carousel-control { right: 14%; top: auto; left: auto; width: 40px; height: 40px; line-height: 36px; border: 1.5px solid var(--main-color-dark); background: none; color: var(--main-color-dark); text-shadow: none; border-radius: 100%; font-size: 30px; opacity: 1; }
#destaques .carousel-control:hover { background: var(--main-color-dark); 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; }

.rowSimulacao { background: #E0E0E0; padding: 40px 0; }
.rowSimulacao .formSimulacao { border: 1px solid #CED4DA; background: #fff; padding: 20px; }
.rowSimulacao .formSimulacao h2 { color: var(--main-color-dark); font-size: 16px; font-weight: bold; text-transform: uppercase; }

.rowSimulacao .formSimulacao .form-control { margin-top: 20px; }

.rowSimulacao .formSimulacao .simuladorHome { margin: 20px 0 0; overflow: hidden; }
.rowSimulacao .formSimulacao .simuladorHome .rowSimulador { margin-bottom: 20px; overflow: hidden; }
.rowSimulacao .formSimulacao .simuladorHome .rowSimulador .rangeslider__fill { background: var(--main-bg-color); }
.rowSimulacao .formSimulacao .simuladorHome .rowSimulador output { background: #E6E6E6; color: var(--main-color-dark); border-radius: 5px; text-align: center; padding: 10px; }
.rowSimulacao .formSimulacao .simuladorHome .rowSimulador output input { border: none; background: #E6E6E6; text-align: center; width: 100%; font-weight: bold; }

.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; border-radius: 5px; margin-bottom: 10px; text-align: center; padding: 10px; }
.formSimulacao ul.listParcelas li span { display: block; }

.rowSimulacao .formSimulacao small { font-size: 12px; text-align: center; display: block; }
.rowSimulacao .formSimulacao small a { color: var(--main-color-dark); text-decoration: underline; }
.rowSimulacao .formSimulacao button { background: var(--main-bg-color); 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; }
.rowSimulacao .formSimulacao button:hover { background: var(--main-color-dark); transition: all 0.2s linear 0.2s; }

.rowChamada h2 { font-size: 36px; margin-bottom: 20px; }
.rowChamada h2 span { color: var(--main-bg-color); display: block; margin-left: 40px; font-weight: bold; text-transform: uppercase; }
.rowChamada p { color: #666; }

.rowVantagens { background: #E0E0E0; }
.rowVantagens i { color: var(--main-color-dark); text-align: center; font-size: 60px; display: block; margin-bottom: 20px; }
.rowVantagens p { color: #282828; text-align: center; font-weight: bold; text-transform: uppercase; }
.rowVantagens span { color: #666; display: block; text-align: center; }

.rowNoticias h2 { margin: 0 0 40px; text-align: center; color: var(--main-color-dark); font-weight: bold; text-transform: uppercase; }
.rowNoticias .listNoticias { padding: 0; list-style: none; }
.rowNoticias .listNoticias li { margin-bottom: 20px; overflow: hidden; }
.rowNoticias .listNoticias li .boxNoticia { border: 1px solid #E0E0E0; }
.rowNoticias .listNoticias li .boxNoticia span.catNoticia { display: block; color: #666; margin: 10px; float: left; margin-right: 20px; }
.rowNoticias .listNoticias li .boxNoticia span.dataNoticia { display: block; color: #666; margin: 10px; float: right; }
.rowNoticias .listNoticias li .boxNoticia h3 { font-size: 16px; margin: 10px; line-height: 25px; height: 50px; overflow: hidden; text-transform: uppercase; color: var(--main-color-dark); font-weight: bold; clear: both; }
.rowNoticias .listNoticias li .boxNoticia p { color: #666; margin: 0 10px 10px; line-height: 20px; height: 80px; overflow: hidden; }
.rowNoticias .listNoticias li .boxNoticia span.btLerMais { color: var(--main-color-dark); display: block; text-align: right; margin: 0 10px 10px; }
.rowNoticias .listNoticias li:hover .boxNoticia { border-color: #282828; }
.rowNoticias .listNoticias li:hover .boxNoticia p { color: #282828; }
.rowNoticias a.btMais { background: var(--main-bg-color); height: 40px; line-height: 40px; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 16px; display: block; color: #fff; }
.rowNoticias a.btMais:hover { background: var(--main-color-dark); }

.rowDepoimentos { background: #E0E0E0; }
.rowDepoimentos h2 { margin: 0 0 40px; text-align: center; color: var(--main-color-dark); font-weight: bold; text-transform: uppercase; }

.rowDepoimentos .owl-carousel .item {}
.rowDepoimentos .owl-carousel .item img { width: 100px; height: 100px; border-radius: 100px; margin: 0 auto; }
.rowDepoimentos .owl-carousel .item .boxComentario { background: #fff; padding: 30px; margin: -10px 0 20px; }
.rowDepoimentos .owl-carousel .item .boxComentario p { text-align: center; }
.rowDepoimentos .owl-carousel .item .boxComentario strong { display: block; text-align: center; text-transform: uppercase; }
.rowDepoimentos .owl-carousel .item .boxComentario span { display: block; text-align: center; }

.rowDepoimentos .owl-carousel .owl-dots { text-align: center; }
.rowDepoimentos .owl-carousel .owl-dots .owl-dot { background: var(--main-bg-color); width: 10px; border-radius: 100px; height: 10px; display: inline-block; margin: 0 5px; }
.rowDepoimentos .owl-carousel .owl-dots .owl-dot.active { background: var(--main-color-dark); width: 50px; }

.rowNews .formNewsInline legend { font-size: 20px; font-weight: bold; color: var(--main-color-dark); margin: 0; border: 0; line-height: 40px; }
.rowNews .formNewsInline .form-group { margin: 0; }
.rowNews .formNewsInline .form-control { height: 40px; }
.rowNews .formNewsInline .form-control:focus { border-color: var(--main-color-dark); }
.rowNews .formNewsInline button { background: var(--main-bg-color); height: 40px; line-height: 40px; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 16px; display: block; color: #fff; border: 1px solid var(--main-bg-color); border-radius: 4px; width: 100%; }
.rowNews .formNewsInline button:hover { background: var(--main-color-dark); border-color: var(--main-color-dark); }

/* footer */
.rowFooter { background: var(--footer-bg-color); }

.rowFooter figure { margin-bottom: 20px;  }
.rowFooter p.txtFooter {
    color: var(--footer-text-color);
    line-height: 20px;
    margin-bottom: 20px;
}
.rowFooter address {
    color: var(--footer-text-color);
}
.rowFooter p.phoneFooter {
    color: var(--footer-text-color);
}

.rowFooter p.mailFooter {
    color: var(--footer-text-color);
    margin-bottom: 20px;
}
.rowFooter ul.listSocialFooter { list-style: none; padding: 0; margin: 0; }
.rowFooter ul.listSocialFooter li { display: inline-block; }
.rowFooter ul.listSocialFooter li a { padding: 0 10px; line-height: 30px; display: block; color: #fff; }
.rowFooter ul.listSocialFooter li:hover a { background: var(--main-bg-color); }

.rowFooter .titleFooter {
    text-transform: uppercase;
    color: var(--footer-text-color);
    font-weight: bold;
    font-size: 20px;
    margin-top: 0;
}

.rowFooter ul.menuFooter { list-style: none; padding: 0; }
.rowFooter ul.menuFooter li { }
.rowFooter ul.menuFooter li a { line-height: 30px; color: #fff; display: block; }
.rowFooter ul.menuFooter li a:hover { color: var(--main-bg-color); }

.copyright {background: var(--main-bg-color); padding: 15px 0; }
.copyright p { color: #fff; text-align: center; margin: 0; font-size: 12px; }

/* Páginas */
.bgTitle { background: #d8d8d8; padding: 20px; margin-bottom: 30px; }
.bgTitle h1 { text-align: center; text-transform: uppercase; font-size: 36px; font-weight: bold; margin: 0; }
.bgTitle .breadcrumb { background: none; text-align: center; margin: 0; padding: 0; }
.bgTitle .breadcrumb li a { color: var(--main-bg-color); }
.bgTitle .breadcrumb li a:hover { text-decoration: underline; }

.texto p, .texto ul li, .texto ol li { color: #555; }
.texto p a { color: var(--main-bg-color); }
.texto p a:hover { text-decoration: underline; }
.texto p strong, .texto p b { font-weight: bold; }
.texto h2 { text-transform: uppercase; color: var(--main-bg-color); font-size: 20px; font-weight: bold; }
.texto h3 { text-transform: uppercase; color: var(--main-bg-color); font-size: 16px; font-weight: bold; }

/* paginação */
.pagination .active a { background: var(--main-bg-color); border-color: var(--main-bg-color); }
.pagination li a, .pagTination li span { color: var(--main-bg-color); }

/* aside */
.formBusca { background: #e8e8e8; padding: 10px; margin-bottom: 20px; }
.formBusca .form-group { position: relative; margin: 0; }
.formBusca .form-group button { position: absolute; top: 4px; right: 10px; background: none; border: none; color: var(--main-bg-color); }

.titleAside { color: #282828; font-size: 18px; text-transform: uppercase; font-weight: bold; margin: 0 0 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; }

.boxCategorias { background: #e8e8e8; padding: 10px; margin-bottom: 20px; }
.boxCategorias ul { margin: 0; list-style: none; padding: 0; }
.boxCategorias ul li a { color: #555; display: block; padding: 5px 0; }
.boxCategorias ul li a:hover { background: #fff; padding-left: 5px;}

.boxNews { background: #e8e8e8; padding: 10px; margin-bottom: 20px; }
.boxNews legend { font-size: 14px; margin-bottom: 10px; }
.boxNews button { text-transform: uppercase; font-size: 16px; font-weight: bold; background: var(--main-color-dark); color: #fff; width: 100%; height: 40px; border: none; border-radius: 5px; transition: all 0.2s linear 0.2s; }
.boxNews button:hover { background: var(--main-bg-color); transition: all 0.2s linear 0.2s; }

/* contato */
.formContato .form-group { position: relative; }
.formContato label.error { position: absolute; top: 0; right: 0; color: #ff0000; font-size: 12px; }
.formContato textarea { resize: none; }
.formContato button { width: 100%; border: none; background-color: var(--main-color-dark); color: #fff; height: 40px; }

/* login */
.formLogin { background: #e8e8e8; border: 1px solid #cdcdcd; padding: 20px; }
.formLogin legend { text-transform: uppercase; color: #666; border: none; font-size: 16px; font-weight: bold; }
.formLogin form-group { position: relative; }
.formLogin label { font-weight: 300; text-transform: uppercase; }
.formLogin label.error { position: absolute; top: 0; right: 0; color: #ff0000; font-size: 12px; }
.formLogin a.esqSenha { display: block; float: right; color: #ff0000; margin-bottom: 10px; font-size: 12px; }
.formLogin button { background: var(--main-color-dark); border: none; height: 40px; width: 100%; text-transform: uppercase; color: #fff; font-size: 16px; font-weight: bold; }
.formLogin button:hover { background-color: var(--main-bg-color); }

/* contratar */
.bgContratar { background: url(../img/background/bg-contratar.png) top right no-repeat; }
.boxLateralContratar { margin: 0; padding: 0; list-style: none; }
.boxLateralContratar li { background: var(--main-bg-color); margin-bottom: 10px; }
.boxLateralContratar li i { font-size: 18px; }
.boxLateralContratar li p {}
.boxLateralContratar li span {}

/* geral etapas */
.boxAside { margin: 0; padding: 0; list-style: none; }
.boxAside li { margin-bottom: 10px; background: #D8D8D8; padding: 20px; border: 1px solid #cdcdcd; position: relative; }
.boxAside li p { text-transform: uppercase; color: var(--main-color-dark); font-size: 26px; font-weight: bold; }
.boxAside li span {}
.boxAside li i { position: absolute; top: 20px; right: 20px; color: #282828; }

.boxAside li.concluido { background: #E6E6E6; }
.boxAside li.concluido p, .boxAside li.concluido span { color: #ccc; }
.boxAside li.concluido i { color: #cdcdcd; }

.boxAside li.ativo { background: var(--main-color-dark); }
.boxAside li.ativo p, .boxAside li.ativo span { color: #fff; }
.boxAside li.ativo i { color: #F1C40F; }

.boxOla { margin-bottom: 10px; background: #D8D8D8; padding: 20px; border: 1px solid #cdcdcd; }
.boxOla h2 { margin: 0 0 10px; } 
.boxOla h2 span { font-weight: bold; }
.boxOla p { margin: 0; }
.boxOla p span { font-weight: bold; }

.boxConteudos { background: #D8D8D8; padding: 20px; border: 1px solid #cdcdcd; }

.boxChamadaServico { background: #fff; padding: 20px; margin-bottom: 10px; }
.boxChamadaServico h3 { margin: 0 0 10px; text-transform: uppercase; color: var(--main-color-dark); font-weight: bold; text-align: center; }
.boxChamadaServico p { text-align: center; margin: 0; }
.boxChamadaServico p span { display: block; color: var(--main-bg-color); font-size: 16px; }

button.btGrande { background: var(--main-bg-color); 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: var(--main-color-dark); transition: all 0.2s linear 0.2s; }
a.btVoltar { color: #585858; }

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

/* etapa 02 - cartão de credito */
.boxCartaoDeCredito { text-align: center; }
.boxCartaoDeCredito p { text-align: center; text-transform: uppercase; }

.boxParcela { background: #fff; padding: 10px 0; border-radius: 5px; border: 1px solid #CED4DA; margin-bottom: 20px; }
.boxParcela label { width: 100%; text-align: center; border-bottom: 1px solid #E6E6E6; padding-bottom: 10px; }
.boxParcela input { border: none; border-bottom: 1px solid #ccc; text-align: center; }
.boxParcela .mImput { padding: 20px 10px; }
.boxParcela p { color: var(--main-bg-color); text-align: center; font-size: 26px; font-weight: bold; margin: 0; }
.boxParcela p span { color: #585858; font-size: 14px; display: block; font-weight: 300; }
.boxParcela small { font-size: 12px; text-align: center; display: block; }
.boxParcela small span { display: block; }
.boxParcela input[type="text"] { border-width: 0 0 1px 0; border-color: #585858; border-style: solid; text-align: center; width: 100%; }
.boxParcela p { text-align: center; margin: 20px 10px; }

/* etapa 02 - ML */
.boxMargemLivre { margin-bottom: 20px; }
.boxMargemLivre h3 { text-align: center; text-transform: uppercase; font-size: 14px; }

.boxMargemLivre .boxSimulador { margin-bottom: 30px; overflow: hidden; padding-top: 20px; }
.boxMargemLivre .boxSimulador .rangeslider__fill { background: var(--main-bg-color); }
.boxMargemLivre .boxSimulador output { background: #E6E6E6; color: var(--main-bg-color); border-radius: 5px; text-align: center; padding: 10px; }
.boxMargemLivre .boxSimulador output input { border: none; background: #E6E6E6; text-align: center; width: 100%; font-weight: bold; }
.boxMargemLivre .boxMargemMensal p { text-align: center; margin: 0; }
.boxMargemLivre .boxMargemMensal p span { color: var(--main-bg-color); font-size: 24px; font-weight: bold; }

.rowParcelasMargem { background: #E6E6E6; padding: 20px; overflow: hidden; margin-bottom: 20px; }
.rowParcelasMargem h3 { margin: 0 0 30px; font-weight: bold; text-align: center; text-transform: uppercase; color: var(--main-color-dark); }

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

/* etapa 03 - geral */
.etapasSolicitar { margin-bottom: 10px; overflow: hidden; }
.etapasSolicitar .boxEtapaDoc { background: #fff; border: 1px solid #CED4DA; padding: 10px; border-radius: 5px; text-align: center; margin-bottom: 10px; }
.etapasSolicitar .boxEtapaDoc i { font-size: 30px; margin-bottom: 5px; }
.etapasSolicitar .boxEtapaDoc p { text-transform: uppercase; font-size: 16px; margin: 0; }
.etapasSolicitar .boxEtapaDoc.active { background: #9FCC46; border: 1px solid #9FCC46; }
.etapasSolicitar .boxEtapaDoc.active i,
.etapasSolicitar .boxEtapaDoc.active p { color: #fff; }
.etapasSolicitar .check { background: #C9C9C9; color: #9D9D9D; }

/* 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: 14px; margin-top: 0; }
.boxPassosDocumentos h3 i { color: var(--main-color-dark); }
.boxPassosDocumentos p { line-height: 20px; }
.boxPassosDocumentos .escolhaTipoDoc button { border: 1px solid var(--main-color-dark); color: #585858; text-transform: uppercase; text-align: center; background: #fff; width: 50%; float: left; height: 40px; margin-bottom: 10px; }
.boxPassosDocumentos .escolhaTipoDoc button. 		{ color: #fff; background: var(--main-color-dark); }

.dropzone { background: url(../img/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: #fff; padding: 20px; margin-bottom: 10px; }
.boxQuestionario ul { margin: 0; padding: 0; list-style: none; }

/* etapa 03 - confirmação */
.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: #003648; color: #fff; width: 100%; display: block; height: 20px; line-height: 20px; text-align: center; border-radius: 5px; }
.boxResumo ul li.firstCol { width: 10% }
.boxResumo ul li.secondCol { width: 23% }

/* etapa 03 - assinatura */
.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; }
.boxAss img { margin: 0; }

/* 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: #003648; color: #fff; width: 100%; display: block; height: 20px; line-height: 20px; text-align: center; border-radius: 5px; }


/* Telefones em paisagem a tablet em retrato */
@media (max-width: 767px) {  
	a.logo img { margin: 0 auto; }
	.topHeader ul { text-align: center; }
	.topHeader a.entrar { width: 100%; text-align: center; height: 50px; line-height: 50px; }
	.etapasSolicitar .boxEtapaDoc p { font-size: 12px; }
	.boxResumo ul li { width: 100% !important; }
	.boxResumoPedidos ul li { width: 100%; }
}
 
/* Tablet em retrato a paisagem e desktop */
@media (min-width: 768px) and (max-width: 979px) {
}  

/* Tablet em retrato a paisagem e desktop */
@media (min-width: 1023px) and (max-width: 1026px) {  
}


/* Telefones em paisagem a tablet em retrato */
@media (max-width: 767px) {  
    .formSimulacao ul.listParcelas li { width: 45%; }
}
 
/* Tablet em retrato a paisagem e desktop */
@media (min-width: 768px) and (max-width: 979px) {
}  

/* Tablet em retrato a paisagem e desktop */
@media (min-width: 1023px) and (max-width: 1026px) {  
	.formSimulacao ul.listParcelas li { width: 20%; }
}