@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');

html, body {
    font-family: 'Inter', sans-serif;
    margin: 0;
    padding: 0;
    overflow-x: hidden !important;
}

/* shared intermediary-credit PDF link */
.top-bar {
    width: 100%;
    background-color: #2438d4;
    padding: 16px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.top-bar a {
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
}
/* header */
.header {
    background-image: url(../../versaoNOVO/img/header.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    padding-bottom: 50px;
}
#transferenciaHeader{
    padding-bottom: 80px;
}
#header-content {
    margin-top: 35px;
}
#header-content img{
    max-width: 200px;
}
#pre-form span {
    position: relative;
    margin-left: -47px;
    margin-right: 12px;
    padding-top: 5px;
}

#sim::before, #sim2::before {
    content: 'Sim';
    display: inline-flex;
    margin: 2px 9px 0;
}

#nao::before, #nao2::before {
    content: 'Não';
    display: inline-flex;
    margin: 2px 9px 0;
}

.title {
    margin-top: 15px;
    color: #001E5A;
    font-size: 45px;
    font-weight: 700;
}
.subtitle {
    color: #000;
    font-size: 25px;
    font-weight: 400;
    line-height: 1.3;
    max-width: 90%;
    margin: 40px 0;
}
.list {
    display: inline-flex;
    margin-bottom: 20px;
    width: 100%;
}
.list img {
    max-width: 100%;
}
.list p {
    color: #000;
    font-size: 25px;
    font-weight: 400;
    margin: 5px 0 0 15px;
}
.banco {
    display: inline-flex;
    width: 90%;
}
.banco img {
    max-width: 100%;
}
.banco p {
    color: #000;
    font-size: 9px;
    font-weight: 400;
    margin: 5px 0 0 15px;
    line-height: 1.3;
}
/* Thank you */
.ty-title {
    color: #001E5A;
    font-size: 30px;
    font-weight: 700;
}
.ty-sub {
    font-size: 18px;
}
/* form */
.form-box {
    margin: 40px auto 0 auto;
    border-radius: 34px;
    background: #FFF;
    width: 400px;
    -webkit-box-shadow: 10px 10px 0px 5px rgba(217,217,217,1);
    -moz-box-shadow: 10px 10px 0px 5px rgba(217,217,217,1);
    box-shadow: 10px 10px 0px 5px rgba(217,217,217,1);
    z-index: 20;
    position: relative;
    padding: 30px;
}
.blue-c {
    width: 110px;
    height: 110px;
    background: #001E5A;
    border-radius: 110px;
    position: relative;
    margin-bottom: -85px;
    margin-left: 450px;
    margin-top: 40px;
    z-index: 30;
}
.orange-c {
    width: 180px;
    height: 180px;
    background: #EC8B00;
    border-radius: 110px;
    position: relative;
    z-index: 10;
    margin-top: -120px;
}
.form-title {
    color: #001E5A;
    font-size: 20px;
    font-weight: 700;
    max-width: 80%;
    margin-bottom: 20px;
}
/* preform */
.input-box {
    display: inline-flex;
    margin-top: 10px;
}
#input-tit {
    color: #001E5A;
    font-size: 14px;
    font-weight: 400;
    padding-right: 20px;
    margin-top: 8px;
    width: 210px
}
#sim, #sim2 {
    -webkit-appearance: none !important;
    width: 50px;
    height: 35px;
    border: 2px solid #EC8B00;
    background: #ffffff;
    border-radius: 10px;
    margin: 0 10px;
    color: #EC8B00;
}
#sim:hover, #sim2:hover{
    color: #ffffff;
    background: #EC8B00;
}
#sim.active, #sim2.active {
    color: #ffffff;
    background: #EC8B00;
}
#nao, #nao2 {
    -webkit-appearance: none !important;
    width: 50px;
    height: 35px;
    border: 2px solid #001E5A;
    background: #ffffff;
    border-radius: 10px;
    margin: 0 10px;
    color: #001E5A;
}
#nao:hover, #nao2:hover {
    color: #ffffff;
    background: #001E5A;
}
#nao.active, #nao2.active {
    color: #ffffff;
    background: #001E5A;
}
.slider-box {
    margin: 10px 0 0 0;
}
.preform-tit {
    color: #001E5A;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}
.preform-sub {
    color: #001E5A;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 5px 0;
}
.slider {
    background: #fcfcfc;
    display: flex;
    align-items: center;
    width: 100%;
}
.slider p {
    font-size: 12px;
    color: #001E5A;
    width: 70%;
    padding: 10px 0 10px 10px;
    text-align: left;
    font-weight: 700;
    border-radius: 10px;
    border: 2px solid #001E5A;
}

.input_for_ranges {
    font-size: 12px;
    color: #001E5A;
    width: 70%;
    padding: 10px 0 10px 10px;
    text-align: left;
    font-weight: 700;
    border-radius: 10px;
    border: 2px solid #001E5A;
}

.slider input[type="range"] {
    -webkit-appearance:none !important;
    width: 100%;
    height: 10px;
    margin-left: 20px;
    background: rgb(217, 217, 217);
    border: none;
    outline: none;
    border-radius: 50px;
    margin-bottom: 13px;
}
.slider input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    background-size: cover;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../../versaoNOVO/img/thumb.svg);
    cursor: pointer;
    outline: none !important;
}
.slider .custom-slider{
    --min-color: #D9D9D9;
    --max-color: #D9D9D9;
    background: linear-gradient(to right, var(--min-color), var(--min-color) 10%, var(--max-color) 10%, var(--max-color));
}
/*.slider .custom-slider#outra_divida {
    --min-color: #001E5A;
    --max-color: #D9D9D9;
    background: linear-gradient(to right, var(--min-color), var(--min-color) 10%, var(--max-color) 10%, var(--max-color));
}
.slider .custom-slider#soma {
    --min-color: #001E5A;
    --max-color: #D9D9D9;
    background: linear-gradient(to right, var(--min-color), var(--min-color) 10%, var(--max-color) 10%, var(--max-color));
}
.slider .custom-slider#meses {
    --min-color: #001E5A;
    --max-color: #D9D9D9;
    background: linear-gradient(to right, var(--min-color), var(--min-color) 10%, var(--max-color) 10%, var(--max-color));
}
.slider .custom-slider#myRange {
    --min-color: #001E5A;
    --max-color: #D9D9D9;
    background: linear-gradient(to right, var(--min-color), var(--min-color) 10%, var(--max-color) 10%, var(--max-color));
}*/
#break {
    border-top: 1px solid #7D7D7D;
    margin: 2px 0;
}
.dis-bank {
    color: #001E5A;
    font-size: 8px;
    line-height: 1.2;
    margin: 0;
    font-weight: 400;
}
.simulation {
    display: inline-flex;
    background: #D9D9D9;
    border-radius: 10px;
    width: 100%;
    padding: 8px 0;
    margin: 10px 0;
    text-align: center;
}
#sim-tit {
    color: #001E5A;
    font-size: 14px;
    font-weight: 700;
    padding-right: 20px;
    width: 60%;
    margin: 3px 0 0 0;
    display:flex;
    justify-content: center;
    align-items: center;
}
#sim-val {
    width: 40%;
    text-align: center;
    margin: 0;
    color: #001E5A;
    font-size: 20px;
    font-weight: 700;
    border: solid transparent;
    background: #D9D9D9;
}
.cta {
    width: 100%;
    height: 45px;
    background: #001E5A;
    border: none;
    border-radius: 10px;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-top: 10px;
}
.cta:hover {
    background: #EC8B00;
}
/* form */
contactform {
    display: none;
}
.passo:not(.active) {
    display: none;
}

.button-block {
    text-align: center;
}

.btn-form, .btn-end {
    width: 100%;
    height: 45px;
    background: #001E5A;
    border: none;
    border-radius: 10px;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-top: 10px;
}

.btn-end {
    font-size: 26px;
    padding: 3px;
}

.btn-form:hover, .btn-end:hover {
    background: #EC8B00;
    color: #ffffff;
}

.input-block {
    border-radius: 20px;
    background-color: #ffffff;
    margin: 0 auto 20px;
    width: 100%;
    text-align: left;
}
.situacao_prof-block {
    margin: 0 auto;
}

.slider-result, .input-title {
    /*display: flex;*/
    /*align-items: center;*/
    font-size: 16px;
    line-height: 1.2;
    color: #808080;
    margin-bottom: 10px;
    text-align: center;
}

.input-title {
    margin-bottom: 20px;
}

.input-title-special {
    font-size: 18px;
    line-height: 1.22;
    text-align: center;
    color: #8a2179;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.input-title-end {
    font-size: 18px;
    line-height: 1.22;
    text-align: center;
    color: #808080;
    margin-bottom: 50px;
}

.slider-result .result, .slider-result .currency {
    font-size: 45px;
    font-weight: 900;
    line-height: 0.8;
    text-align: right;
    color: #001e5a;
}

.slider-result .result {margin-left: auto;}
.slider-result .currency {font-size: 30px;align-self:end;margin-left:5px;}

.slider-input {
    text-align: center;
}
.slider-desc {
    display: flex;
    justify-content: space-between;
}

.anos,
.slider-desc
{
    font-size: 18px;
    line-height: 1.22;
    color: #808080;
}

.anos {margin: 0 12px;}

.input-slider {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 10px;
    background: #e6e6e6;
    outline: none;
    opacity: 1;
    -webkit-transition: .2s;
    transition: opacity .2s;
    border-radius: 10px;
}

.input-slider:hover {
    opacity: 1;
}

.input-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    background: #EC8B00;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25);
    border: none;
}

.input-slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    background: #EC8B00;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25);
    border: none;
}

.radios-input {
    text-align: center;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.input-block.input-block-error {
    border-color: #bf0404;
}

div.error {
    flex: none;
    width: 100%;
    color: #bf0404;
}

.radios-input label {
    padding-top: 75px;
    background-size: 70px;
    background-repeat: no-repeat;
    background-position: center top;
    min-width: 90px;
    max-width: 50%;
    margin-bottom: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 1.22;
    color: #808080;
    cursor: pointer;
    width: 100%;
    font-weight: bold;
}

.radios-input .radio-label-special {
    padding: 0;
    max-width: 90px;
    height: 59px;
    background-size: cover;
    border-radius: 8px;
}

.radios-input .radio-label-txt {
    padding: 0;
}

.constrain {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.radios-nacionalidade {
    flex-wrap: wrap;
}

.radios-nacionalidade div {
    width: 33%;
    margin-bottom: 10px;
}

/*Radios creditos a decorrer*/
#label-ncreditos-1 {background-image: url(../../versaoNOVO/img/form/CMBCConsol_Icon1.svg);}
#label-ncreditos-2 {background-image: url(../../versaoNOVO/img/form/CMBCConsol_Icon2a4.svg);}
#label-ncreditos-5 {background-image: url(../../versaoNOVO/img/form/CMBCConsol_Icon5mais.svg);}

#label-ncreditos-1:hover {background-image: url(../../versaoNOVO/img/form/CMBCConsol_Icon1_OVER.svg);}
#label-ncreditos-2:hover {background-image: url(../../versaoNOVO/img/form/CMBCConsol_Icon2a4_OVER.svg);}
#label-ncreditos-5:hover {background-image: url(../../versaoNOVO/img/form/CMBCConsol_Icon5mais_OVER.svg);}

#ncreditos-1:checked ~ #label-ncreditos-1 {background-image: url(../../versaoNOVO/img/form/CMBCConsol_Icon1_OVER.svg);}
#ncreditos-2:checked ~ #label-ncreditos-2 {background-image: url(../../versaoNOVO/img/form/CMBCConsol_Icon2a4_OVER.svg);}
#ncreditos-5:checked ~ #label-ncreditos-5 {background-image: url(../../versaoNOVO/img/form/CMBCConsol_Icon5mais_OVER.svg);}

#titulares2:checked ~ #label-titulares2 {background-image: url(../../versaoNOVO/img/form/CMBCConsol_Icon2_OVER.svg);}

/*Radios SIM/NÃO*/

#label-pagamentos-sim,
#label-credito_hab-sim,
#label-rendimentos_pt-sim,
#label-residencia-sim {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconSim.svg);}

#label-pagamentos-nao,
#label-credito_hab-nao,
#label-rendimentos_pt-nao,
#label-residencia-nao {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconNao.svg);}


#label-pagamentos-sim:hover,
#label-credito_hab-sim:hover,
#label-rendimentos_pt-sim:hover,
#label-residencia-sim:hover {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconSim_OVER.svg);}

#label-pagamentos-nao:hover,
#label-credito_hab-nao:hover,
#label-rendimentos_pt-nao:hover,
#label-residencia-nao:hover {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconNao_OVER.svg);}


#pagamentos-sim:checked ~ #label-pagamentos-sim,
#credito_hab-sim:checked ~ #label-credito_hab-sim,
#rendimentos_pt-sim:checked ~ #label-rendimentos_pt-sim,
#residencia-sim:checked ~ #label-residencia-sim {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconSim_OVER.svg);}

#pagamentos-nao:checked ~ #label-pagamentos-nao,
#credito_hab-nao:checked ~ #label-credito_hab-nao,
#rendimentos_pt-nao:checked ~ #label-rendimentos_pt-nao,
#residencia-nao:checked ~ #label-residencia-nao {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconNao_OVER.svg);}

/*Radios titulares*/

#label-titulares1 {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconPessoa1.svg);}
#label-titulares2 {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconPessoa2.svg);}

#label-titulares1:hover {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconPessoa1_OVER.svg);}
#label-titulares2:hover {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconPessoa2_OVER.svg);}

#titulares1:checked ~ #label-titulares1 {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconPessoa1_OVER.svg);}
#titulares2:checked ~ #label-titulares2 {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconPessoa2_OVER.svg);}

/*Radios estado civil*/

#label-casado {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconECivCasado.svg);}
#label-solteiro {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconECivSolteiro.svg);}
#label-divorciado {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconECivDivorciado.svg);}
#label-viuvo {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconECivViuvo.svg);}

#label-casado:hover {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconECivCasado_OVER.svg);}
#label-solteiro:hover {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconECivSolteiro_OVER.svg);}
#label-divorciado:hover {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconECivDivorciado_OVER.svg);}
#label-viuvo:hover {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconECivViuvo_OVER.svg);}

#casado:checked ~ #label-casado {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconECivCasado_OVER.svg);}
#solteiro:checked ~ #label-solteiro {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconECivSolteiro_OVER.svg);}
#divorciado:checked ~ #label-divorciado {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconECivDivorciado_OVER.svg);}
#viuvo:checked ~ #label-viuvo {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconECivViuvo_OVER.svg);}

/*Radios dependentes*/

#label-dependentes-0 {background-image: url(../../versaoNOVO/img/form/CMBCConsol_Icon0.svg);}
#label-dependentes-1 {background-image: url(../../versaoNOVO/img/form/CMBCConsol_Icon1.svg);}
#label-dependentes-2 {background-image: url(../../versaoNOVO/img/form/CMBCConsol_Icon2.svg);}
#label-dependentes-3 {background-image: url(../../versaoNOVO/img/form/CMBCConsol_Icon3mais.svg);}

#label-dependentes-0:hover {background-image: url(../../versaoNOVO/img/form/CMBCConsol_Icon0_OVER.svg);}
#label-dependentes-1:hover {background-image: url(../../versaoNOVO/img/form/CMBCConsol_Icon1_OVER.svg);}
#label-dependentes-2:hover {background-image: url(../../versaoNOVO/img/form/CMBCConsol_Icon2_OVER.svg);}
#label-dependentes-3:hover {background-image: url(../../versaoNOVO/img/form/CMBCConsol_Icon3mais_OVER.svg);}

#dependentes-0:checked ~ #label-dependentes-0 {background-image: url(../../versaoNOVO/img/form/CMBCConsol_Icon0_OVER.svg);}
#dependentes-1:checked ~ #label-dependentes-1 {background-image: url(../../versaoNOVO/img/form/CMBCConsol_Icon1_OVER.svg);}
#dependentes-2:checked ~ #label-dependentes-2 {background-image: url(../../versaoNOVO/img/form/CMBCConsol_Icon2_OVER.svg);}
#dependentes-3:checked ~ #label-dependentes-3 {background-image: url(../../versaoNOVO/img/form/CMBCConsol_Icon3mais_OVER.svg);}
/* Radios situação profissional */

/* 1º titular */
#label-efetivo {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconJob_Empregado.svg);
}

#label-termo_certo_prof {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconJob_Contrato.svg);
}

#label-independente {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconContaPropria.svg);
}

#label-temporario {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconJob_Propria.svg);
}

#label-desempregado {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconJob_Desempregado.svg);
}

#label-reformado {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconJob_Reformado.svg);
}

#label-outro {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconProOutro.svg);
}

/* Hover 1º titular */
#label-efetivo:hover {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconJob_Empregado_OVER.svg);
}

#label-termo_certo_prof:hover {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconJob_Contrato_OVER.svg);
}

#label-independente:hover {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconContaPropria_OVER.svg);
}

#label-temporario:hover {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconJob_Propria_OVER.svg);
}

#label-desempregado:hover {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconJob_Desempregado_OVER.svg);
}

#label-reformado:hover {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconJob_Reformado_OVER.svg);
}

#label-outro:hover {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconProOutro_OVER.svg);
}

/* Checked 1º titular */
#efetivo:checked ~ #label-efetivo {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconJob_Empregado_OVER.svg);
}

#termo_certo_prof:checked ~ #label-termo_certo_prof {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconJob_Contrato_OVER.svg);
}

#independente:checked ~ #label-independente {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconContaPropria_OVER.svg);
}

#temporario:checked ~ #label-temporario {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconJob_Propria_OVER.svg);
}

#desempregado:checked ~ #label-desempregado {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconJob_Desempregado_OVER.svg);
}

#reformado:checked ~ #label-reformado {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconJob_Reformado_OVER.svg);
}

#outro:checked ~ #label-outro {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconProOutro_OVER.svg);
}


/* 2º titular */
#label-efetivo2 {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconJob_Empregado.svg);
}

#label-termo_certo_prof2 {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconJob_Contrato.svg);
}

#label-independente2 {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconContaPropria.svg);
}

#label-temporario2 {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconJob_Propria.svg);
}

#label-desempregado2 {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconJob_Desempregado.svg);
}

#label-reformado2 {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconJob_Reformado.svg);
}

#label-outro2 {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconProOutro.svg);
}

/* Hover 2º titular */
#label-efetivo2:hover {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconJob_Empregado_OVER.svg);
}

#label-termo_certo_prof2:hover {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconJob_Contrato_OVER.svg);
}

#label-independente2:hover {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconContaPropria_OVER.svg);
}

#label-temporario2:hover {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconJob_Propria_OVER.svg);
}

#label-desempregado2:hover {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconJob_Desempregado_OVER.svg);
}

#label-reformado2:hover {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconJob_Reformado_OVER.svg);
}

#label-outro2:hover {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconProOutro_OVER.svg);
}

/* Checked 2º titular */
#efetivo2:checked ~ #label-efetivo2 {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconJob_Empregado_OVER.svg);
}

#termo_certo_prof2:checked ~ #label-termo_certo_prof2 {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconJob_Contrato_OVER.svg);
}

#independente2:checked ~ #label-independente2 {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconContaPropria_OVER.svg);
}

#temporario2:checked ~ #label-temporario2 {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconJob_Propria_OVER.svg);
}

#desempregado2:checked ~ #label-desempregado2 {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconJob_Desempregado_OVER.svg);
}

#reformado2:checked ~ #label-reformado2 {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconJob_Reformado_OVER.svg);
}

#outro2:checked ~ #label-outro2 {
    background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconProOutro_OVER.svg);
}

/*Radios Tipos de crédito*/

#label-tipo_creditos-consumo {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconCConsumo.svg);}
#label-tipo_creditos-habitacao {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconCHabitacao.svg);}
#label-tipo_creditos-ambos {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconCAmbos.svg);}

#label-tipo_creditos-consumo:hover {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconCConsumo_OVER.svg);}
#label-tipo_creditos-habitacao:hover {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconCHabitacao_OVER.svg);}
#label-tipo_creditos-ambos:hover {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconCAmbos_OVER.svg);}

#tipo_creditos-consumo:checked ~ #label-tipo_creditos-consumo {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconCConsumo_OVER.svg);}
#tipo_creditos-habitacao:checked ~ #label-tipo_creditos-habitacao {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconCHabitacao_OVER.svg);}
#tipo_creditos-ambos:checked ~ #label-tipo_creditos-ambos {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconCAmbos_OVER.svg);}

/* Radios Situação da Habitação */
#label-sit_hab-proprietario {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconECreditoProp.svg);}
#label-sit_hab-proprietario-credito {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconHProprietario.svg);}
#label-sit_hab-locatario {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconHLocatario.svg);}
#label-sit_hab-outro {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconHOutro.svg);}

#label-sit_hab-proprietario:hover {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconECreditoProp_over.svg);}
#label-sit_hab-proprietario-credito:hover {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconHProprietario_OVER.svg);}
#label-sit_hab-locatario:hover {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconHLocatario_OVER.svg);}
#label-sit_hab-outro:hover {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconHOutro_OVER.svg);}

#sit_hab-proprietario:checked ~ #label-sit_hab-proprietario {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconECreditoProp_over.svg);}
#sit_hab-proprietario-credito:checked ~ #label-sit_hab-proprietario-credito {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconHProprietario_OVER.svg);}
#sit_hab-locatario:checked ~ #label-sit_hab-locatario {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconHLocatario_OVER.svg);}
#sit_hab-outro:checked ~ #label-sit_hab-outro {background-image: url(../../versaoNOVO/img/form/CMBCConsol_IconHOutro_OVER.svg);}

/*Radios Nacionalidade*/

#label-nacionalidade-pt {background-image: url(../../img/pessoal/CMBCPessoal_IconPT.svg);}
#label-nacionalidade-ue {background-image: url(../../img/pessoal/CMBCPessoal_IconUE.svg);}
#label-nacionalidade-br {background-image: url(../../img/pessoal/CMBCPessoal_IconBR.svg);}
#label-nacionalidade-ru {background-image: url(../../img/pessoal/CMBCPessoal_IconRU.svg);}
#label-nacionalidade-ua {background-image: url(../../img/pessoal/CMBCPessoal_IconUA.svg);}
#label-nacionalidade-md {background-image: url(../../img/pessoal/CMBCPessoal_IconMD.svg);}
#label-nacionalidade-outra {background-image: url(../../img/pessoal/CMBCPessoal_IconOutra.svg);}

.label-nacionalidade {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    
}

.label-nacionalidade:hover {
    -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
    filter: grayscale(0);
    -webkit-box-shadow: 0px 10px 12px -8px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 10px 12px -8px rgba(0,0,0,0.6);
    box-shadow: 0px 10px 12px -8px rgba(0,0,0,0.6);
}

.input-nacionalidade:checked ~ .label-nacionalidade {
    -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
    filter: grayscale(0);
    -webkit-box-shadow: 0px 10px 12px -8px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 10px 12px -8px rgba(0,0,0,0.6);
    box-shadow: 0px 10px 12px -8px rgba(0,0,0,0.6);
}

.input-field {
    width: 100%;
    margin-bottom: 15px;
}

.input-field label {
    display: block;
    font-size: 15px;
    line-height: 1.19;
    text-align: left;
    color: #808080;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.input-field label span {
    font-size: 11px;
}

.form-input {
    border-radius: 40px;
    border: solid 1px #ED8B00;
    background-color: #ffffff;
    font-size: 15px;
    line-height: 1.2;
    text-align: left;
    color: #808080;
    padding: 8px 0 8px 50px;
    width: 100%;
    max-width: 318px;
    background-size: 24px auto;
    background-position: 17px center;
    background-repeat: no-repeat
}

#form-opton {
    margin-top: 20px;
    text-align: center;
    border-radius: 40px;
    border: solid 1px #ED8B00;
    background-color: #ffffff;
    font-size: 15px;
    line-height: 1.2;
    color: #808080;
    padding: 8px 0;
    width: 100%;
    max-width: 318px;
}
#form-opton:hover, #form-opton:focus {
    background-color: #ED8B00;
    color: #ffffff;
}

.form-input.error {
   border: solid 1px #de4545; 
}

.form-input::placeholder {
    color: #bfbfbf;
}

.form-input:focus,
.form-input:active {
    outline: none;
}

.nome-input {background-image: url(../../versaoNOVO/img/form/CMBCConsol_iconFormName.svg);}
.data-input {background-image: url(../../versaoNOVO/img/form/CMBCConsol_iconFormAge.svg);}
.email-input {background-image: url(../../versaoNOVO/img/form/CMBCConsol_iconFormEmail.svg);}
.telefone-input {background-image: url(../../versaoNOVO/img/form/CMBCConsol_iconFormPhone.svg);}
.mnt-input {background-image: url(../../versaoNOVO/img/form/CMBCConsol_iconFormValor.svg);}
.nif-input {background-image: url(../../versaoNOVO/img/form/CMB_CConsol_iconFormNIF.svg);}

input[type="checkbox"] {
    display: none;
}

input[type="checkbox"]:not(:checked) + label,
input[type="checkbox"]:checked + label {
    position: relative;
    cursor: pointer;
}

input[type="checkbox"]:not(:checked) + label::before,
input[type="checkbox"]:checked + label::before {
    content: "";
    visibility: visible;
    position: absolute;
    width: 18px;
    height: 18px;
    border: 1px solid #001E5A;
    border-radius: 5px;
    left: -30px;
    top: -2px;
    background: #fff;
    display: inline-block;
    margin-right: 2px;
}

input[type="checkbox"]:not(:checked) + label::after,
input[type="checkbox"]:checked + label::after {
    content: "\2713";
    color: #EC8B00;
    font-weight: 900;
    font-size: 14px;
    visibility: visible;
    position: absolute;
    width: 14px;
    height: 14px;
    left: -29px;
    top: 0px;
    line-height: 1;
    transition: all 0.2s;
    border-radius: 4px;
}

input[type="checkbox"]:not(:checked) + label::after {
    opacity: 0;
    transform: scale(0);
}

input[type="checkbox"]:checked + label::after {
    opacity: 1;
    transform: scale(1);
}

.terms {
    width: 100%;
    padding-left: 20px;
    margin-bottom: 5px;
    text-align: center;
}

.terms label {
    font-size: 12px;
    line-height: 1.3;
    color: #001E5A;
}
#termos-erro {
    width: 100%;
    font-size: 12px;
    text-align: left;
    display: block;
    color: #de4545;
}

.clearfix::after {
    display: none;
}
#terms-link {
    color: #001E5A;
    text-decoration: underline;
}
#terms-link:hover {
    color: #EC8B00;
}


label.error {
    font-size: 12px;
    text-transform: initial;
    color: #de4545;
    display: block;
    margin: 0;
    height: auto;
}

#data_nascimento-error, #data_nascimento2-error {
    text-align: center;
    padding-top: 5px
}

#qnt_tempo-error {
    text-align: center;
}

.loading {
    text-align: center;
}

.loading img {
    height: 130px;
    width: 130px;
    -webkit-animation: rotate 0.8s linear infinite;
    -moz-animation: rotate 0.8s linear infinite;
    -ms-animation: rotate 0.8s linear infinite;
    -o-animation: rotate 0.8s linear infinite;
    animation: rotate 0.8s linear infinite;
}

.loading-title {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    color: #808080;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 10px;
}

.loading-title-special {
    margin-top: 30px;
    font-size: 27px;
    font-weight: bold;
    line-height: 1.22;
    text-align: center;
    color: #EC8B00;
}

.loading-desc {
    font-size: 20px;
    line-height: 1.2;
    text-align: center;
    color: #808080;
    max-width: 450px;
    margin: 20px auto 0;
}

/*** FORMULARIO END ***/

/* section 1 */
.section1 {
    text-align: center;
    padding: 70px 0 50px 0;
}
#partner-title h3 {
    color: #001E5A;
    font-size: 40px;
    margin-bottom: 30px;
    font-weight: 700;
}
#part-img img {
    max-width: 180px;
}
.partners .slick-slide{
    filter: grayscale(100%);
    height: 80px;
    margin: 0 15px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(0.8);
    transition: all 0.4s ease-in-out;
}
.partners .slick-slide,
.partners .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
    transform: scale(0.8, 0.8);
    transition: all 0.4s ease-in-out;

}
.partners .slick-center,
.partners .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
    transform: scale(1.1);
    filter: none;
}
.partners .slick-current.slick-active{
    transform: scale(1.1);
    filter: none;
}
/* section 2 */
.section2 {
    background-image: url(../../versaoNOVO/img/section2.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    min-height: 900px; 
}
#sec2-title {
    margin: 140px 0 30px 0;
}
#sec2-title h3 {
    color: #001E5A;
    font-size: 30px;
    font-weight: 700;
}
#icon {
    margin-right: 67px;
}
#arrow {
    margin-right: -145px;
}
#icon-sub {
    color: #001E5A;
    font-size: 18px;
    font-weight: 400;
    margin-top: 20px;
}
#icon-t {
    color: #001E5A;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 auto 20px auto;
    max-width: 80%;
}
#icon-txt {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    max-width: 90%;
    margin: 0 auto;
}
/* section 4 */
.section4 {
    padding: 60px 0;
}
#sec3-title {
    color: #001E5A;
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 20px;
}
.sec3-txt {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    max-width: 90%;
}
#score {
    text-align: center;
}
#score img {
    max-width: 100%;
}
#premio {
    text-align: right;
}
#premio img {
    max-width: 100%;
}
#selo {
    margin-top: 60px;
}
#selo-txt p {
    color: #000;
    font-size: 25px;
    font-weight: 400;
}
/* footer */
.footer {
    background-image: url(../../versaoNOVO/img/footer.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    min-height: 750px; 
}
#footer-content {
    padding-top: 260px;
}
#footer-txt {
    text-align: left;
}
#footer-txt h2 {
    color: #000;
    font-size: 25px;
    font-weight: 400;
    max-width: 90%;   
}
.cta-footer {
    margin-top: 30px;
    border-radius: 100px;
    border: none;
    background: #001E5A;
    width: 330px;
    height: 55px;
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}
.cta-footer:hover {
    background: #EC8B00;
}


/*Term animation */
.termContainer {
  width: 100%;
  font-size: 12px;
  color: #1E1E1E;
  margin-top: 20px;
  cursor: pointer;
  text-align: center;
}
.termContainer a{
  color: #001E5A;
}
.termContainer input {
  display: none;
}
.termContainer a:hover {
  color: #001E5A !important;
}
.termContainer svg {
  overflow: visible;
  max-height: 15px;
  max-width: 15px;
  margin-right: 5px;
  margin-top: 1px;
  vertical-align: baseline;
  translate: 0 2px;
}

.path {
  fill: none;
  stroke: #001E5A;
  stroke-width: 5px;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke-dasharray 0.5s ease, stroke-dashoffset 0.5s ease;
  stroke-dasharray: 241 9999999;
  stroke-dashoffset: 0;
}

.termContainer input:checked ~ svg .path {
  stroke-dasharray: 70.5096664428711 9999999;
  stroke-dashoffset: -262.2723388671875;
}
#particularForm .ty-sub{
    font-weight: 700;
    font-size: 20px;
    color: #EC8B00;
}
/* responsive */
@media (min-width: 2001px){
    .blue-c {
        margin-left: 63%;
    }
    .orange-c {
        margin-top: -110px;
        margin-left: 24%;
    }
}
@media only screen and (max-width: 2000px) and (min-width: 1800px) {
    .blue-c {
        margin-bottom: -85px;
        margin-left: 500px;
        margin-top: 40px;
    }
    .orange-c {
        margin-top: -140px;
        margin-left: 50px;
    }
    .section2 {
        min-height: 1050px;
    }
    #sec2-title {
        margin: 200px 0 30px 0;
    }
    .footer {
        min-height: 850px;
    }
    #footer-content {
        padding-top: 300px;
    }
}
@media (max-width: 1024px){
    .blue-c {
        margin-bottom: -85px;
        margin-left: 330px;
        margin-top: 40px;
    }
    .orange-c {
        width: 180px;
        height: 180px;
        margin-top: -100px;
        margin-left: -60px;
    }
    #part-img img {
        max-width: 120px !important;
    }
    #sec3-title {
        font-size: 28px;
    }
    .sec3-txt {
        font-size: 15px;
    }
    #selo-txt p {
        font-size: 20px;
    }
}
@media (max-width: 991px){
    #icon {
        margin: 0;
    }
    #arrow {
        display: none;
    }
    #icon-t {
        font-size: 16px;
    }
    #icon-txt {
        font-size: 11px;
    }
    #footer-img img {
        max-width: 100%;
    }
}
@media (max-width: 767px){
    
    #header-content {
        text-align: center;
    }
    .title {
        margin-top: 40px;
    }
    .subtitle {
        max-width: 80%;
        margin: 0 auto 20px auto;
        font-size: 20px;
    }
    .list {
        width: 32%;
    }
    .list p {
        font-size: 15px;
        margin: 12px 0 0 15px;
    }
    .form-box {
        width: 80%;
    }
    .blue-c {
        margin-left: 550px;
        margin-bottom: -115px;
    }
    .orange-c {
        margin-left: 10px;
    }
    .section2 {
        background-image: none;
        background: #F7F7F7;
        padding: 50px 0;
    }
    #sec2-title {
        margin: 0px 0 30px 0;
    }
    #icon-t {
        font-size: 22px;
    }
    #icon-txt {
        text-align: center;
        font-size: 14px;
        max-width: 70%;
        margin: 0 auto 30px auto;
    }
    .section3 {
        text-align: center;
        padding: 40px 0 0 0;
    }
    #score img {
        max-width: 200px;
    }
    .sec3-txt {
        margin: 0 auto 40px auto;
    }
    #premio {
        text-align: center;
        margin-bottom: 20px;
    }
    #footer-content {
        padding-top: 150px;
    }
    #footer-txt {
        text-align: center;
    }
    #footer-txt h2 {
        width: 80%;
        margin: 0 auto;
    }
    .cta-footer {
        margin-bottom: 40px;
    }
}
@media (max-width: 500px){
    #sim, #sim2 {
        width: 40%;
        text-align: center; 
    }
    #nao, #nao2 {
        width: 40%;
        text-align: center; 
    }
    .slider input[type="range"]::-webkit-slider-thumb {
        border: none !important;
        box-shadow: none !important;
    }
    .form-box {
        width: 100%;
    }
    .orange-c {
        margin-left: -65px;
    }
    .blue-c {
        margin-left: 355px;
        margin-bottom: -115px;
    }
    .list p {
        text-align: left;
        line-height: 1.1;
        font-size: 14px;
    }
    #part-img img {
        max-width: 100% !important;
    }
}
@media (max-width: 414px){
    #nao, #nao2 {
        width: 40%;
        text-align: center;
    }
    .slider input[type="range"]::-webkit-slider-thumb {
        border: none !important;
        box-shadow: none !important;
    }
    .form-title {
        max-width: 100%;
        margin: 0 auto 20px auto;
        text-align: center;
    }
    .subtitle {
        font-size: 15px;
        max-width: 90%;
    }
    .list {
        width: 75%;
    }
    .list p {
        font-size: 18px;
    }
    .blue-c, .orange-c {
        display: none;
    }
    .input-box {
        display: flex;
    }
    .simulation {
        display: block;
    }
    #sim-tit, #sim-val {
        width: 100%;
        padding: 0;
    }
    #sim-val {
        font-size: 25px;
    }
    .cta-footer {
        width: 100%;
    }
    .form-box {
        text-align: center;
    }
    .input-box {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        justify-content: center;
    }
    #input-tit {
        width: 100%;
        padding: 0;
    }
    .title {
        font-size: 36px;
    }
    .subtitle {
        font-size: 14px;
    }
}
@media (max-width: 375px){ 
    #sim, #sim2 {
        width: 40%;
        text-align: center;
    }
    #nao, #nao2 {
        width: 40%;
        text-align: center;
    }
    .slider input[type="range"]::-webkit-slider-thumb {
        border: none !important;
        box-shadow: none !important;
    }
    .title {
        font-size: 33px;
    }
    .subtitle {
        font-size: 14px;
    }
}
@media (max-width: 320px){ 
    .title {
        font-size: 27px;
    }
    .subtitle {
        font-size: 12px;
    }
    #sim, #sim2 {
        width: 33%;
        text-align: center;
    }
    #nao, #nao2 {
        width: 33%;
        text-align: center;
    }
}

.selo .ztooltip {
    display: none;
    position: absolute;
    top: -30px;
    left: 43%;
    align-items: center;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 10px;
    background-color: #fff;
    color: #001E5A;
    line-height: 1.19;
    width: 125px;
    font-weight: bold;
    -webkit-box-shadow: 0px 10px 14px 0px rgba(0,0,0,0.33);
    -moz-box-shadow: 0px 10px 14px 0px rgba(0,0,0,0.33);
    box-shadow: 0px 10px 14px 0px rgba(0,0,0,0.33);
    text-decoration: none!important;
}

.selo .ztooltip::after {
    display: block;
    content: '';
    width: 0px;
    height: 0px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 9px solid #fff;
    position: absolute;
    bottom: -8px;
    left: 7px;
}

.slide-main .selo .ztooltip {
    top: -20px;
    left: -7%;
}

.slide-main .selo .ztooltip::after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    bottom: -7px;
    left: 97px;
}

.selo.opentooltip .ztooltip,
.selo:hover .ztooltip {
    display: flex;
}
.selo.opentooltip i,
.selo:hover i {
    display: none;
}