input[type=checkbox] {
	display:none;
} /* to hide the checkbox itself */

input[type=checkbox] + label {
	color:#000;
	font-weight: 400;
}
input[type=checkbox] + label:before { 
    font-family: 'FontAwesome';
    content: "\f096"; 
    margin-top: 0px;
    margin-right: 10px;
} /* unchecked icon */
input[type=checkbox]:checked + label:before {
	content: "\f046";
} /* checked icon */

input[type=checkbox]:checked + label:before {
	letter-spacing: 5px;
} /* allow space for check mark */

#contactform [type="checkbox"]:not(:checked),
#contactform [type="checkbox"]:checked {
    font-size: 0;
    height: 0;
    width: 0;
    opacity: 0;
}

#contactform [type="checkbox"]:not(:checked) + label,
#contactform [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    color: #070915;
    font-size: 13px;
    display: flex;
    align-items: center;
}

#contactform [type="checkbox"]:not(:checked) + label.termos-label,
#contactform [type="checkbox"]:checked + label.termos-label {
    padding-left: 25px;
    font-size: 13px;
}

#contactform [type="checkbox"]:checked + label:before,
#contactform [type="checkbox"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0;
    margin: auto;
    width: 27px;
    height: 27px;
    background: transparent;
    border-radius: 4px;
    border: 1px #070915 solid;
}

#contactform [type="checkbox"]:not(:checked) + label.termos-label:before,
#contactform [type="checkbox"]:checked + label.termos-label:before {
    width: 20px;
    height: 20px;
}

#contactform [type="checkbox"]:not(:checked) + label:after,
#contactform [type="checkbox"]:checked + label:after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    left: 2px;
    top: 19px;
    font-size: 30px;
    line-height: 0.8;
    background-color: transparent;
    transition: all 0.2s;
    border-radius: 2px;
    margin-top: -20px;
}

#contactform [type="checkbox"]:not(:checked) + label.termos-label:after, 
#contactform [type="checkbox"]:checked + label.termos-label:after {
    width: 16px;
    height: 16px;
    left: 1px;
    top: -3px;
    font-size: 20px;
}

#contactform [type="checkbox"]:checked + label:after {
    content: "✓";
    color: #53B991;
}

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

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

.objectivos-wrapper {
    height: 26px;
    margin: 10px 0;
}

.dropdown {
    max-height: 170px;
    overflow-y: scroll;
    border: solid 1px #aaaaaa;
    max-width: 400px;
    margin: auto;
    padding: 20px;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 5;
    background-color: #ffffff;
    box-shadow: 1px 1px 8px #aaaaaa;
}
#ent_selector {
    background-image: url("/img/form/formIcon_Banco.svg"), url("/img/closedropdown.png"); 
    background-size: 25px, 23px;
}
#ent_selector.active ~ .dropdown{
    display: block;
}

.caixa1 {
    max-width: 100%;
}

.headerInicial {
    background-image: url('/img/form/Header.svg');
    background-size: auto 450px !important;
    background-position: center top !important;
    background-repeat:no-repeat;
}


#data_nasc, #tipo_juro {
    max-width: 400px;
}

.tituloForm {
    color: #2d3186;
    text-transform: uppercase;
}

.dropdown {
    max-height: 170px;
    overflow-y: scroll;
    border: solid 1px #aaaaaa;
    max-width: 400px;
    margin: auto;
    padding: 20px;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 5;
    background-color: #ffffff;
    box-shadow: 1px 1px 8px #aaaaaa;
}

#ent_selector.active ~ .dropdown{
    display: block;
}

input[name="pagos_dia"], input[name="propriedad_nombre"], input[name="dinero_extra"]{
    width:0;
    height:0;
    opacity:0;
}
#label-atrasos-sim, #label-atrasos-nao, #label-propriedad_nombre-sim, #label-propriedad_nombre-nao, #label-dinehiro_extra-sim, #label-dinehiro_extra-nao {
    width: 20px;
    height: 20px;
    margin-bottom: -4px;
    margin-right: 15px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#label-atrasos-sim, #label-propriedad_nombre-sim, #label-dinehiro_extra-sim{
    background-image: url('/img/form/Icon_Si.svg');
}
#label-atrasos-sim:hover, #label-propriedad_nombre-sim:hover, #label-dinehiro_extra-sim:hover {
    background-image: url('/img/form/Icon_Si_Over.svg');
}
#atrasosSim:checked + #label-atrasos-sim, #propriedad_nombreSim:checked ~ #label-propriedad_nombre-sim ,#dinehiro_extraSim:checked ~ #label-dinehiro_extra-sim{
    background-image: url('/img/form/Icon_Si_Down.svg');
}
#label-atrasos-nao, #label-propriedad_nombre-nao, #label-dinehiro_extra-nao{
    background-image: url('/img/form/Icon_No.svg');
}
#label-atrasos-nao:hover, #label-propriedad_nombre-nao:hover, #label-dinehiro_extra-nao:hover {
    background-image: url('/img/form/Icon_No_Over.svg');
}
#atrasosNao:checked + #label-atrasos-nao, #propriedad_nombreNao:checked ~ #label-propriedad_nombre-nao, #dinehiro_extraNao:checked ~ #label-dinehiro_extra-nao {
    background-image: url('/img/form/Icon_No_Down.svg');
}

.terms-text {
    margin-left: 20px;
    margin-top: 30px;
}

label.error {
    color: red;
    margin-top: 5px;
    text-indent: 10px;
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
}


@media (min-width: 1921px){
    .headerInicial {
        background-size: contain;
    }
}

.credito_pessoal {
    
    font-size: 23px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: normal;
    color: #ffffff;
    margin-top: 40px;
    margin-left: 15px;
}


.subtitulo_m.first {
    margin-top: 30px;
}
.subtitulo_m {
    font-size: 45px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 10px;
    margin-left: 15px;
}
.subtitulo {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 10px;
    margin-left: 15px;
}

.col-12 .subtitulo:first-child {
    margin-top: 40px;
    
}
.credito_pessoal span {
    font-weight: bold;
}
.backgroundSimuleJa {
    text-align: center;
}
.simuleja {
    font-size: 20px;
    max-width: 70%;
    margin: 0 auto;
    font-weight: 400;
    color: #040632;
    padding-top: 50px;
}
.backgroundSimuleJa h3 {
    font-size: 30px;
    font-weight: 700;
    color: #040632;
    margin-top: 10px;
    padding-bottom: 50px;
}

.montante-subtitle,
.montante-selector-title {
    margin-bottom: 10px;
    font-size: 25px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.39;
    letter-spacing: normal;
    text-align: center;
    color: #2d3186;
    padding-top: 36px;
    text-transform: uppercase;
}

.montante-subtitle {
    color: #000000!important;
    font-weight: bold!important;
}

.slidecontainer {
    width: 80%;
    margin: 28px auto;
}

.slider {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 8px;
    background: #dedede;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    border-radius: 8px;
}

.slider:hover {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    background: #2d3186;
    cursor: pointer;
    border-radius: 50%;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    background: #2d3186;
    cursor: pointer;
    border-radius: 50%;
}

.monto-credito {
    margin-bottom: -40px;
}

.valores {
    margin-bottom:0;
    font-size: 70px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #040632;
    padding-top:10px;
}

.extra-meses, .extra-€ {
    font-size: 35px;
    text-transform: uppercase;
    color: #7b7b7b;
    font-weight: normal;
}

.subtitle {
    
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.79;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    margin: auto;
}


.button1 {
    display: block;
    border-radius: 28px;
    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.2);
    background-color: #2d3186;
    border:none;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: 1.5px;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    padding: 16px 41px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}


.img3logos {
    width: 100%;
    margin-top: 61px;
    margin-bottom: 54px;
    height: 100%;
}

._3stepsSub {
    
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
}

._3stepsTitle {
    margin-top: 40px;
    font-size: 24px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
}

.inputsTitles {
    
    font-size: 25px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.1;
    letter-spacing: normal;
    text-align: center;
    color: #2d3186;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 450px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.inputsBloco {
    margin-left: auto;
    margin-right: auto;
}

.voltarBtn {
    border-radius: 28px;
    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.2);
    background-color: #a8a8a8;
    
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: 1.5px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
}

.proximoBtn, .thankYouBtn {
    border-radius: 28px;
    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.2);
    background-color: #30f5d2;
    border:none;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: 1.5px;
    text-align: center;
    text-transform: uppercase;
    color: #040632;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
}
.proximoBtn:hover, .thankYouBtn:hover {
    background: #2d3186;
    color: #ffffff;
}

.rowbtns {
    margin-top: 30px;
    padding-bottom: 50px;
    justify-content: center;
}

.progressoIMGs {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 100%;
    max-width: 950px;
}

.loadingIcon {
    max-width: 120px;
    display: block;
    margin: 60px auto 90px;
}

.btnFinal {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 70px;
}

.finalText {
    
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: 0.5px;
    text-align: center;
    color: #1b512d;
    margin-bottom: 60px;
}

.creditojalogo {
    max-width: 370px;
    width: 100%;
    padding: 40px auto 20px 15px;
    display: block;
}

.row-sliders {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.inputs-style {
    border-radius: 40px;
    border: solid 1px #aaaaaa;
    background-color: #ffffff;
    margin-bottom: 30px;
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: normal;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    /*text-indent: 40px;*/
    width: 100%;
    background-repeat: no-repeat;
    background-position: 4% center;
    padding: 12px 50px;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
}
.form-final input {
    margin-top: 10px !important;
}
.form-final label {
    font-size: 17px !important;
    text-transform: none !important;
    text-align: left !important;
    margin: 0 !important;
}
#spa-ex {
    margin-bottom: 30px;
    color: #0b2d50 !important;
    text-decoration: underline;
}

#matricula {
    text-indent: 0px;
}

.inputs-style-selects {
    background-repeat: no-repeat, no-repeat;
    background-position: 4% center, 95% center;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    margin-bottom: 30px;
}


@-moz-document url-prefix() {
    .inputs-style-selects {
        text-indent: 0!important;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .inputs-style-selects {
        padding-left: 50px!important; /* IE10+ CSS */
    }
}

@supports (-ms-accelerator:true) {
    .inputs-style-selects {
        padding-left: 50px!important;

        /* IE Edge 12+ CSS */
    }
}

@supports (-ms-ime-align:auto) {
    .inputs-style-selects {
        margin-left: 50px!important;

        /* IE Edge 16+ CSS */
    }
}

.select-estadocivil {
    background-image: url('/img/form/formIcon_Aneis.svg'), url('/img/form/dropdown.svg');
}

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

.select-dependentes {
    background-image: url('/img/form/formIcon_Pessoas.svg'), url('/img/form/dropdown.svg');
}

.select-casa {
    background-image: url('/img/form/formIcon_Casa.svg'), url('/img/form/dropdown.svg');
}

.input-mes-ano {
    background-image: url('/img/form/formIcon_Calendario.svg');
    background-repeat: no-repeat;
    background-position: 5% center;
}

.input-rendimentos {
    background-image: url('/img/form/formIcon_Euro.svg');
    background-repeat: no-repeat;
    background-position: 3% center;
}

.select-ordenado {
    background-image: url('/img/form/formIcon_Calendario.svg'), url('/img/form/dropdown.svg');
}

.select-emprestimos {
    background-image: url('/img/form/formIcon_Saco.svg'), url('/img/form/dropdown.svg');
}
.select-emprestimos-rendimentos {
    background-image: none, url('/img/form/dropdown.svg');
    text-indent: 0!important;
}

.select-banco {
    background-image: url('/img/form/formIcon_Banco.svg'), url('/img/form/dropdown.svg');
}

.select-pais {
    background-image: url('/img/form/formIcon_Bandeira.svg'), url('/img/form/dropdown.svg');
}


.input-radios {
    display: flex;
    justify-content: space-around;
    padding: 40px 0;
    flex-wrap: wrap;
}

.input-radios input {
    display: none;
}

.input-radios label {
    color: #7b7b7b;
    font-size: 18px;
    text-align: center;
    width: 24%;
}

.input-radios label span {
    display: block;
    width: 90px;
    height: 90px;
    margin: 0 auto 20px;
    border: 2px solid #7b7b7b;
    border-radius: 50%;
    background-size: 50px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.input-radios input:checked + label span,
.input-radios label:hover span {
    background-color: #2e89cc;
    border: 2px solid #2e89cc;
}

#hipoteca-compra-label span {
    background-image: url('/img/form/hipoteca_grey.svg');
}
#hipoteca-refinanciacion-label span {
    background-image: url('/img/form/refinanciacion_grey.svg');
}
#reunificacion-microcreditos-label span {
    background-image: url('/img/form/reunificacion_grey.svg');
}
#deudas-tarjetas-label span {
    background-image: url('/img/form/tarjetas_grey.svg');
}


#hipoteca-compra-label:hover span,
#hipoteca-compra:checked + #hipoteca-compra-label span
{
    background-image: url('/img/form/hipoteca.svg');
}
#hipoteca-refinanciacion-label:hover span,
#hipoteca-refinanciacion:checked + #hipoteca-refinanciacion-label span {
    background-image: url('/img/form/refinanciacion.svg');
}
#reunificacion-microcreditos-label:hover span,
#reunificacion-microcreditos:checked + #reunificacion-microcreditos-label span {
    background-image: url('/img/form/reunificacion.svg');
}
#deudas-tarjetas-label:hover span,
#deudas-tarjetas:checked + #deudas-tarjetas-label span {
    background-image: url('/img/form/tarjetas.svg');
}


#financera-label span {
    background-image: url('/img/form/wallet.svg');
}
#juridico-label span {
    background-image: url('/img/form/auction.svg');
}
#dacion-label span {
    background-image: url('/img/form/home.svg');
}


#financera-label:hover span,
#financera:checked + #financera-label span
{
    background-image: url('/img/form/wallet_white.svg');
}
#juridico-label:hover span,
#juridico:checked + #juridico-label span {
    background-image: url('/img/form/auction_white.svg');
}
#dacion-label:hover span,
#dacion:checked + #dacion-label span {
    background-image: url('/img/form/home_white.svg');
}

.input-encargos {
    background-image: url('/img/form/formIcon_Casa.svg');
    background-repeat: no-repeat;
    background-position: 3% center;
}

.input-identidade {
    background-image: url('/img/form/formIcon_Pessoas.svg');
    background-repeat: no-repeat;
    background-position: 3% center;
}

.input-dia-mes-ano {
    background-image: url('/img/form/formIcon_Calendario.svg');
    background-repeat: no-repeat;
    background-position: 10% center;
    text-indent: 30px;
}

.input-nif {
    background-image: url('/img/form/formIcon_Cartao.svg');
    background-repeat: no-repeat;
    background-position: 3% center;
}

.input-email {
    background-image: url('/img/form/formIcon_Arroba.svg');
    background-repeat: no-repeat;
    background-position: 3% center;
}

.input-coord {
    background-image: url('/img/form/formIcon_Local.svg');
    background-repeat: no-repeat;
    background-position: 3% center;
}

.input-telemovel {
    background-image: url('/img/form/formIcon_Telemovel.svg');
    background-repeat: no-repeat;
    background-position: 3% center;
}

.input-telefone {
    background-image: url('/img/form/formIcon_Telefone.svg');
    background-repeat: no-repeat;
    background-position: 3% center;
}

.input-radio-sim-nao {
    max-width: 370px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
}
#exra-w {
    max-width: 550px;
}

.input-radio-sim-nao .col-6 {
    display: flex;
    justify-content: center;
}

.label-radios {
    
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.47;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}


#sim {
    width: 100%;
    text-align: left;
    font-size: 18px;
    line-height: 1.22;
    color: #808080;
    overflow-wrap: break-word;
    text-decoration: none;
    white-space: normal;
}
#sim:hover {
   text-decoration: none;
}
#sim::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('/img/form/vidaHabitacao_bullet.png');
    background-size: contain;
    background-position: center;
    margin-right: 10px;
}

@media (max-width:575px) {
    .proximoBtn {
        margin-bottom: 25px;
    }

    .inputs-multiple {
        max-width: none;
        width: 100%;
    }

    .cols-dia-mes-ano-mobile {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 20px;
    }

    .cols-dia-mes-ano-mobile:last-child {
        margin-bottom: 0px;
    }

    .input-dia-mes-ano {
        background-position: 3% center;
        text-indent: 40px;
    }

    .input-mes-ano {
        background-position: 2% center;
    }
}



@media (max-width:991px) {
    .credito_pessoal {
        margin-bottom:0;
    }

    .imgSenhora {
        max-width: 300px;
        margin-top: -325px;
        padding-bottom: 20px;
    }

    .simuleja {
        font-size: 25px;
        padding-left: 20px;
    }

    .valores {
        font-size: 65px;
    }
}

@media (max-width:767px) {
    .input-radios label {
        width: 50%;
        margin-bottom: 20px;
    }
    .input-radio-sim-nao {
        max-width: none;
    }
    
    .parceiros-title {
        font-size: 18px;
    }
    .imgSenhora {
        display: none;
    }

    .simuleja {
        text-align: center;
    }
    .inputs-style,
    .inputsTitles {
        max-width: 100%;
    }
    
    .rowbtns {
        margin-top: 30px;
        padding-bottom: 30px;
        justify-content: center;
    }

}

@media (max-width:575px) {
    .input-radios label {
        width: 100%;
    }
    .inputExtraEmprestimo .input-encargos {
        margin-top: 15px;
    }

    .credito_pessoal {
        margin-bottom: 25px;
        font-size: 25px;
        text-align: center;
        padding-bottom: 0px;
    }

    .imgSenhora {
        margin-top: -334px;
        padding-bottom: 79px;
    }

    .simuleja {
        font-size: 20px;
        text-align: center;
        padding-left: 0;
    }

    .valores {
        font-size: 85px;
    }

    .button1 {
        font-size: 12px;
        padding: 15px 15px;
    }

    .proximoBtn {
        font-size: 15px;
        max-width: 200px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    
    .thankYouBtn {
        font-size: 14px;
        padding-bottom: 12px;
    }
    
    .voltarBtn {
        font-size: 15px;
        max-width: 200px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .footerLogos {
        margin-bottom: 30px;
    }
}


#divExtraBanco {
    display: none;
}

.divextrainputs {
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
}

.input-errors {
    font-size: 15px;
    color: red;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}

@media (max-width:767px) {
    .maisbarato {
        font-size: 20px;
        margin-top: 25px;
    }

    .img3logos {
        display: none;
    }

    .imgpassosMobile {
        width: 100%;
        max-width: 180px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
}

@media (min-width:768px) {
    .imgpassosMobile {
        display: none;
    }
}

@media (max-width:767px) {
    .footerTitle {
        font-size: 25px;
    }

    .footerSubTitle {
        font-size: 20px;
    }

    .footerLogos {
        margin-top: 20px;
    }
}

@media (min-width:768px) {
    .progressosMobile {
        display: none;
    }
}

@media (max-width:767px) {
    .progressoDesk {
        display: none;
    }
}

.progressosMobile {
    padding-top: 10px;
    padding-bottom: 0px;
}

@media (max-width:767px) {
   .credito_pessoal {
        font-size: 20px;
        margin-top: 25px;
        margin-bottom: 0;
        padding-bottom: 0px;
    }
    .subtitulo {
        font-size: 23px;
    }

}






@media (max-width:767px) {
   
   .valores{
       font-size: 45px;
       padding-top:0px;
   }
   
   
   
   .montante-selector-title{
       padding-top: 20px;
   }
   
   .slidecontainer{
       margin: 20px auto 20px;
   }
   
   .botaoespaco{
        padding-top: 10px;
        padding-bottom: 10px;
   }
   
   
   
   .extra-meses, .extra-€ {
        font-size: 25px;
        text-transform: uppercase;
        color: rgb(123, 123, 123);
        font-weight: normal;
    }

}

.radio-hidden {
    display: none;
}

.radio-to-button {
    text-transform: uppercase;
    border-radius: 40px;
    text-align: left;
    cursor: pointer;
    color: #fff;
    background-color: #2d3186;
    padding: 20px 50px;
    display: block;
    line-height: 1;
    font-size: 18px;
    background-image: url('/img/setaBotaoCompare.png');
    background-size: 40px auto;
    background-position: right 20px center;
    background-repeat: no-repeat;
}

.inputs_wrapper {
    padding-bottom: 50px;
}

input[type="radio"].radio-sim, 
input[type="radio"].radio-nao {
    display: none;
}

label.radio-sim, 
label.radio-nao {
    padding-left: 50px;
    cursor: pointer;
    background-size: 40px;
    background-position: left center;
    background-repeat: no-repeat;
    line-height: 2.8;
} 

label.radio-sim {
    background-image: url('/img/form/icon_SimOFF.svg');
}
label.radio-nao {
    background-image: url('/img/form/icon_NaoOFF.svg');
}

input[type="radio"].radio-sim:checked ~ label.radio-sim,
label.radio-sim:hover {
    background-image: url('/img/form/icon_SimON.svg');
}

input[type="radio"].radio-nao:checked ~ label.radio-nao,
label.radio-nao:hover {
    background-image: url('/img/form/icon_NaoON.svg');
}




@media (max-width: 767px) {
    .radio-to-button {
        font-size: 14px;
    }
}