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

html, body {
    font-family: 'Montserrat', sans-serif;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}

/** new **/
#header {
    background: #F2F2F2;
    /*background: url('../../versaoNOVA/img/header.png'), #F2F2F2;
    background-position: bottom left;
    background-size: 1000px;*/
    background-repeat: no-repeat;
    padding-bottom: 60px;
}
#header-content {
    padding-top: 80px;
}
.header-img {
    background: url('../../versaoNOVA/img/header.png');
    background-position: bottom center;
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 400px;
    position: relative; /* Add this line */
    bottom: 0; /* Add this line */
}
#h-text img {
    max-width: 280px;
}
#h-text h3 {
    margin-top: 30px;
    color: #F49100;
    font-size: 27px;
}
#h-text h1 {
    font-weight: 700;
    color: #002e5b;
    line-height: 1.1;
    font-size: 45px;
}
#h-text p {
    font-size: 22px;
    color: #ffffff;
    text-align: center;
    font-weight: 700;
    max-width: 280px;
    line-height: 1.1;
    border-radius: 15px;
    padding: 10px 0px;
    background: #F49100;
    margin-top: 20px;
}
#formbox {
    background: #ffffff;
    border: 5px solid #002e5b;
    border-radius: 30px;
    padding: 30px 0;
    text-align: center;
    position: relative;
    z-index: 99;
}
#contactform h2 {
    font-size: 30px;
    line-height: 1.1;
    font-weight: 700;
}
#fs {
    font-weight: 400;
    font-size: 20px;
}

.thankyou h2 {
    font-size: 30px;
    line-height: 1.1;
    font-weight: 700;
    margin: 0 auto 20px auto;
    max-width: 70%;
}
.thankyou p {
    max-width: 80%;
    margin: 0 auto;
}
.btn-ty {
    border-radius: 33px;
    background: #F49100;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    color: #ffffff;
    padding: 15px 0px;
    width: 80%;
    text-align: center;
    margin: 20px auto 0 auto;
    border: none;
    text-decoration: none;
}
.btn-ty:hover {
    background: #002e5b;
}

/* sec1 */
.vants {
    -webkit-clip-path: circle(300vw at 50% 300vw);
    -moz-clip-path: circle(300vw at 50% 300vw);
    -ms-clip-path: circle(300vw at 50% 300vw);
    -o-clip-path: circle(300vw at 50% 300vw);
    clip-path: circle(300vw at 50% 300vw);
    background-color: #ffffff;
    background-size: 1920px auto;
    background-position: center 20px;
    background-repeat: no-repeat;
    text-align: center;
    margin-top: -80px;
    margin-bottom: 100px;
}
#titles {
    padding-top: 60px;
}
#titles h2{
    color: #002e5b;
    font-size: 30px;
    font-weight: 400;
    padding-bottom: 50px;
    margin: 0 auto;
    max-width: 60%;
}
#vinfo img{
    height: 100px;
    padding-bottom: 20px;
}
#vinfo p {
    color: #002e5b;
    line-height: 1.1;
    font-size: 16px;
    font-weight: 700;
    max-width: 90%;
    margin: 0 auto;
}
/* sec2 */
#section2 {
    background: #F2F2F2;
    -webkit-clip-path: circle(300vw at 50% 300vw);
    -moz-clip-path: circle(300vw at 50% 300vw);
    -ms-clip-path: circle(300vw at 50% 300vw);
    -o-clip-path: circle(300vw at 50% 300vw);
    clip-path: circle(300vw at 50% 300vw);
    background-size: 1920px auto;
    background-position: center 20px;
    background-repeat: no-repeat;
    padding: 40px 0;
    text-align: center;
}
#sim-img {
    margin-top: 50px;
    padding-bottom: 100px;
}
#sim-img img {
    max-width: 85%;
    margin: 0 auto;
}
#sim-txt {
    text-align: center;    
}
#sim-txt h3 {
    font-weight: 700;
    color: #002e5b;
    font-size: 35px;
    margin-top: 30px;
}
#sim-small {
    font-weight: 400;
    color: #000000;
}
#sim-txt p {
    font-size: 20px;
    color: #000000;
    max-width: 70%;
    line-height: 1.2;
    padding: 20px 0;
    margin: 0 auto 30px auto;
}
.btns {
    border-radius: 33px;
    background: #F49100;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.2;
    color: #ffffff;
    padding: 15px 60px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto;
    border: none;
    text-decoration: none;
}
.btns:hover {
    background: #002e5b;
    border: none;
    color: #ffffff;
    text-decoration: none;
}
/* partners */
.parceiro-logo {
    height: 100px;
    margin: 0 auto;
    text-align: center;
}
/* banco */
.bloco-intermediario {
    background-color: #F2F2F2;
    padding: 30px 0;
}
#banco {
    text-align: left;
}
#banco p {
    color: #002e5b;
    text-transform: uppercase;
}
/* testemunhos */
#section4 {
    padding: 20px 15px 60px 15px;
}
#red {
    background: #002e5b;
    padding: 70px 30px;
}
#red p {
    font-weight: 400;
    font-size: 18px;
    color: #ffffff;
    line-height: 1.2;
}
#red h6 {
    font-weight: 700;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 20px;
}
#redbg {
    background-image: url("../../versaoNOVA/img/red.jpg");
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
}

#orange {
    background: #F49100;
    padding: 70px 30px;
}
#orange p {
    font-weight: 400;
    font-size: 18px;
    color: #ffffff;
    line-height: 1.2;
}
#orange h6 {
    font-weight: 700;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 20px;
}
#orangebg {
    background-image: url("../../versaoNOVA/img/orange.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
/* footer */
#footer {
    background: #002e5b;
    padding: 30px 0;
}
#footerP {
    padding: 0 60px;
}
#footerP h1 {
    color: #ffffff;
    font-weight: 700;
    font-size: 40px;
}
.btnf {
    border-radius: 33px;
    background: #F49100;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.2;
    color: #ffffff;
    padding: 15px 60px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto;
    border: none;
    text-decoration: none;
}
.btnf:hover {
    background: #ffffff;
    color: #F49100;
    text-decoration: none;
}
/* responsive */
@media (max-width: 1440px) {
    .header-img {
        margin-top: 30px;
    }
    #h-text h1 {
        font-size: 42px;
    }
}
@media (max-width: 1380px) {
    .radios-input label{
        background-size: 75px !important;
        min-width: 125px !important;
        font-size: 14px !important;
        display: inline-table !important;
    }
    #h-text h3 {
        font-size: 22px;
    }
    #h-text h1 {
        font-size: 38px;
    }
}
@media (max-width: 1080px) {
    #h-text h3 {
        font-size: 20px;
    }
    #h-text p {
        font-size: 18px;
    }
    .parceiro-logo {
        max-height: 65px;
    }
    #red p, #orange p {
        font-size: 16px;
    }
    #red h6, #orange h6 {
        font-size: 18px;
    }
    #titles h2 {
        max-width: 75%;
    }
    #sim-txt h3 {
        font-size: 28px;
        margin-top: 0;
    }
    #sim-img img {
        max-width: 100%;
    }
    #sim-txt p {
        font-size: 16px;
        max-width: 100%;
    }
    .parceiros {
        margin-top: -60px;
    }
    .parceiros-title {
        padding: 40px 0 !important;
    }
    #footerP h1 {
        font-size: 30px;
    }
}
@media (max-width: 1180px) {
    #testi-img1, #testi-img2 {
        min-height: 550px;
    }
}
@media (max-width: 991px) {
    .header-img {
        min-height: 370px;
        margin-top: 0px;
    }
    #header-content {
        padding-top: 30px;
    }
    #h-text h1 {
        font-size: 43px;
    }
    #h-text h3 {
        font-size: 28px;
    }
    #h-text p {
        font-size: 22px;
        margin: 20px auto;
    }
    #footerP h1 {
        font-size: 30px;
    }
    .vants {
        margin-top: -40px;
    }
    #formbox {
        margin-bottom: 30px;
    }
}
@media (max-width: 800px) {
    #testi-txt1, #testi-txt2 {
        padding: 30px;
    }
    #testi-txt1 h2, #testi-txt2 h2 {
        font-size: 25px;
    }
    #testi-txt1 p, #testi-txt2 p {
        max-width: 90%;
        font-size: 16px;
    }
    #testi-img1, #testi-img2 {
        min-height: 500px;
    }
    #footerP {
        padding: 0 10px;
    }
    .btnf {
        font-size: 25px;
    }
}
@media (max-width: 767px) {
    #redbg, #orangebg {
        min-height: 300px;
    }
    .header-img {
        min-height: 280px;
    }
    #titles h2 {
        max-width: 100%;
    }
    #header {
        text-align: center;
    }
    #h-text img {
        max-width: 200px;
    }
    #h-text h1 {
        margin: 0 auto;
        max-width: 100%;
    }
    .vants {
        margin-bottom: 20px;
    }
    #sim-img {
        margin-top: 0px;
        padding-bottom: 20px;
    }
    #sim-txt p {
        max-width: 80%;
    }
    #sim-img img {
        max-width: 300px;
    }
    #sim-txt {
        padding-bottom: 100px;
    }
    #vinfo {
        max-width: 60%;
        margin: 0px auto 40px auto;
    }
    #testi-txt1, #testi-txt2 {
        text-align: center;
    }
    #testi-txt1 p, #testi-txt2 p, #testi-txt1 h6, #testi-txt2 h6 {
        margin:  0 auto;
    }
    .bloco-intermediario {
        text-align: center;
    }
    #banco-logo img {
        max-width: 50%;
        padding-bottom: 30px;
    }
    #banco p {
        text-align: center;
    }
    #footer {
        text-align: center;
        padding: 30px 0 60px 0;
    }
    #footerP h1 {
        font-size: 25px;
        padding-bottom: 30px;
    }
}
@media (max-width: 500px) {
    #orange, #red {
        text-align: center;
    }
}
@media (max-width: 414px) {
    #h-text h1 {
        font-size: 32px;
    }
    #h-text img {
        max-width: 145px;
    }
}
@media (max-width: 375px) {
    #h-text h3 {
        font-size: 20px;
        margin-top: 20px;
    }
    #h-text h1 {
        font-size: 26px;
    }
    .header-img {
        min-height: 205px;
    }
    #titles h2 {
        font-size: 20px;
    }
    #footerP h1 {
        font-size: 21px;
    }
    .btnf {
        padding: 15px 45px;
    }
}

.clearfix::after { 
   content: ' ';
   display: block; 
   height: 0; 
   clear: both;
}

.banner {
    background-image: url(../../versaoNOVA/img/SMBhome_Header_new.svg);
    background-size: 1920px auto;
    background-position: center top;
    background-repeat: no-repeat;
    padding-bottom: 70px;
}
.banner .container {
    max-width: 951px;
}

.header {
    padding: 0;
}

.header-container {
    background-color: #f7f7f7;
}
.logo {
    max-height: 100%;
}


.top-container {
    padding-top: 60px;
}

.left_text .title {
  font-size: 40px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.11;
  letter-spacing: normal;
  text-align: left;
  color: #701511;
  text-transform: uppercase;
  max-width: 546px;
}

.left_text .subtitle {
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.21;
    letter-spacing: normal;
    text-align: left;
    color: #333333;
    max-width: 465px;
    margin-bottom: 40px;
}


.block-tabs {
    text-align: right;
    margin-top: -185px;
}

.block-tabs-img {
    width: 448px;
}

.blocks-heading {
    background-image: linear-gradient(96deg, #a81e1e, #002e5b 49%, #701511 100%);
    padding: 30px;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.21;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    text-transform: uppercase;
    margin-top: -81px;
}

.blocks-body{
    padding: 20px 0;
}

/********* FORMULÁRIO *********/

.passo:not(.active) {
    display: none;
}

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

.btn-form {
    border-radius: 33px;
    background: #F49100;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.2;
    color: #ffffff;
    padding: 15px 60px;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto;
    border: none;
}

.btn-form:hover {
    color: #fff;
    background: #002e5b;
}

.input-block {    
    padding: 20px 40px;
    max-width: 650px;
    margin: 0 auto;
    text-align: left;
}

.slider-result, .input-title {
    text-align: center;
    align-items: center;
    font-size: 16px;
    line-height: 1.22;
    color: #002e5b;
    margin-bottom: 10px;
}

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

.input-title-special {
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: #002e5b;
    margin-bottom: 20px;
}

.slider-result .result, .slider-result .currency {
    font-size: 45px;
    font-weight: 900;
    line-height: 0.8;
    text-align: right;
    color: #4b4b4b;
    padding: 10px 0 10px;
    
}

.anos, .slider-desc {
    font-size: 14px;
    line-height: 1.22;
    color: #002e5b;
}

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

.slider-input {
    text-align: center;
}

.input-slider {
    -webkit-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: #002e5b;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25);
}

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

.slider-desc {
    display: flex;
    justify-content: space-between;
    margin-left: 17px;
}

.percent {
    font-size: 12px;
}

.form-input-percentagem {
    border-radius: 40px;
    border: solid 1px #002e5b;
    background-color: #ffffff;
    font-size: 15px;
    line-height: 1.2;
    text-align: left;
    color: #002e5b;
    padding: 8px 0 8px 25px;
    background-size: 24px auto;
    background-position: 17px center;
    background-repeat: no-repeat;
    width: 100%;
    -webkit-appearance: none !important;
}


.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;
}

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

.radios-input label {
    padding-top: 95px;
    background-size: 90px;
    background-repeat: no-repeat;
    background-position: center top;
    min-width: 90px;
    max-width: 20%;
    text-align: center;
    font-size: 13px;
    line-height: 1.22;
    color: #002e5b;
    cursor: pointer;
}

/*#label-titulares2 {
    background-image: url(../../versaoNOVA/img/consolidado/CMBCConsol_IconPessoa2.svg);
}

#label-titulares1 {
    background-image: url(../../versaoNOVA/img/consolidado/CMBCConsol_IconPessoa1.svg);
}*/

/*Tem credito*/
#label-temcredito-sim, #label-entrada-sim, #label-outroscreditos-sim, #label-projecto-sim {background-image: url(../../versaoNOVA/img/habitacao/CMBCHabitacao_IconSim.svg);}
#label-temcredito-nao, #label-entrada-nao, #label-outroscreditos-nao, #label-projecto-nao {background-image: url(../../versaoNOVA/img/habitacao/CMBCHabitacao_IconNao.svg);}

#label-temcredito-sim:hover, #label-entrada-sim:hover, #label-outroscreditos-sim:hover, #label-projecto-sim:hover {background-image: url(../../versaoNOVA/img/habitacao/CMBCHabitacao_IconSim_OVER.svg);}
#label-temcredito-nao:hover, #label-entrada-nao:hover, #label-outroscreditos-nao:hover, #label-projecto-nao:hover {background-image: url(../../versaoNOVA/img/habitacao/CMBCHabitacao_IconNao_OVER.svg);}


#temcredito-sim:checked ~ #label-temcredito-sim, #entrada-sim:checked ~ #label-entrada-sim, #outroscreditos-sim:checked ~ #label-outroscreditos-sim, #projecto-sim:checked ~ #label-projecto-sim {background-image: url(../../versaoNOVA/img/habitacao/CMBCHabitacao_IconSim_OVER.svg);}
#temcredito-nao:checked ~ #label-temcredito-nao, #entrada-nao:checked ~ #label-entrada-nao, #outroscreditos-nao:checked ~ #label-outroscreditos-nao, #projecto-nao:checked ~ #label-projecto-nao {background-image: url(../../versaoNOVA/img/habitacao/CMBCHabitacao_IconNao_OVER.svg);}


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

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

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

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

/*Radios SIM/NÃO*/

#label-pagamentos-sim,
#label-credito_hab-sim,
#label-rendimentos_pt-sim,
#label-segtit_sim,
#label-rendimento_declarado_sim,
#label-tem_atraso_sim{background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconSim.svg);}

#label-pagamentos-nao,
#label-credito_hab-nao,
#label-rendimentos_pt-nao,
#label-segtit_nao,
#label-rendimento_declarado_nao,
#label-tem_atraso_nao{background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconNao.svg);}


#label-pagamentos-sim:hover,
#label-credito_hab-sim:hover,
#label-rendimentos_pt-sim:hover,
#label-segtit_sim:hover,
#label-rendimento_declarado_sim:hover,
#label-tem_atraso_sim:hover{background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconSim_OVER.svg);}

#label-pagamentos-nao:hover,
#label-credito_hab-nao:hover,
#label-rendimentos_pt-nao:hover,
#label-segtit_nao:hover,
#label-rendimento_declarado_nao:hover,
#label-tem_atraso_nao:hover{background-image: url(../../versaoNOVA/img/habitacao/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,
#segtit_sim:checked ~ #label-segtit_sim,
#rendimento_declarado_sim:checked ~ #label-rendimento_declarado_sim,
#tem_atraso_sim:checked ~ #label-tem_atraso_sim{background-image: url(../../versaoNOVA/img/habitacao/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,
#segtit_nao:checked ~ #label-segtit_nao,
#rendimento_declarado_nao:checked ~ #label-rendimento_declarado_nao,
#tem_atraso_nao:checked ~ #label-tem_atraso_nao{background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconNao_OVER.svg);}

/*Radios titulares*/

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

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

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

/*Radios estado civil*/

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

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

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

/*Radios dependentes*/

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

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

#dependentes-0:checked ~ #label-dependentes-0 {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_Icon0_OVER.svg);}
#dependentes-1:checked ~ #label-dependentes-1 {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_Icon1_OVER.svg);}
#dependentes-2:checked ~ #label-dependentes-2 {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_Icon2_OVER.svg);}
#dependentes-3:checked ~ #label-dependentes-3 {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_Icon3mais_OVER.svg);}

/*Radios sit pro*/

#label-empregado {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Empregado.svg);}
#label-publico {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Publico.svg);}
#label-reformado {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Reformado.svg);}
#label-desempregado {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Desempregado.svg);}
#label-propria {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconContaPropria.svg);}
#label-outro {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconProOutro.svg);}


#label-empregado:hover {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Empregado_OVER.svg);}
#label-publico:hover {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Publico_OVER.svg);}
#label-reformado:hover {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Reformado_OVER.svg);}
#label-desempregado:hover {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Desempregado_OVER.svg);}
#label-propria:hover {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconContaPropria_OVER.svg);}
#label-outro:hover {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconProOutro_OVER.svg);}

#empregado:checked ~ #label-empregado {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Empregado_OVER.svg);}
#publico:checked ~ #label-publico {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Publico_OVER.svg);}
#reformado:checked ~ #label-reformado {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Reformado_OVER.svg);}
#desempregado:checked ~ #label-desempregado {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Desempregado_OVER.svg);}
#propria:checked ~ #label-propria {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconContaPropria_OVER.svg);}
#outro:checked ~ #label-outro {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconProOutro_OVER.svg);}

/*Radios sit pro 2*/

#label-empregado2 {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Empregado.svg);}
#label-publico2 {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Publico.svg);}
#label-reformado2 {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Reformado.svg);}
#label-desempregado2 {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Desempregado.svg);}
#label-propria2 {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconContaPropria.svg);}
#label-outro2 {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconProOutro.svg);}


#label-empregado2:hover {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Empregado_OVER.svg);}
#label-publico2:hover {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Publico_OVER.svg);}
#label-reformado2:hover {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Reformado_OVER.svg);}
#label-desempregado2:hover {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Desempregado_OVER.svg);}
#label-propria2:hover {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconContaPropria_OVER.svg);}
#label-outro2:hover {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconProOutro_OVER.svg);}

#empregado2:checked ~ #label-empregado2 {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Empregado_OVER.svg);}
#publico2:checked ~ #label-publico2 {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Publico_OVER.svg);}
#reformado2:checked ~ #label-reformado2 {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Reformado_OVER.svg);}
#desempregado2:checked ~ #label-desempregado2 {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Desempregado_OVER.svg);}
#propria2:checked ~ #label-propria2 {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconContaPropria_OVER.svg);}
#outro2:checked ~ #label-outro2 {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconProOutro_OVER.svg);}


/*Radios tipo contrato */

#label-termo_certo {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Contrato.svg);}
#label-conta_prop {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Propria.svg);}

#label-termo_certo:hover {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Contrato_OVER.svg);}
#label-conta_prop:hover {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Propria_OVER.svg);}

#termo_certo:checked ~ #label-termo_certo {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Contrato_OVER.svg);}
#conta_prop:checked ~ #label-conta_prop {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Propria_OVER.svg);}

/*Radios tipo contrato 2*/

#label-termo_certo2 {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Contrato.svg);}
#label-conta_prop2 {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Propria.svg);}

#label-termo_certo2:hover {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Contrato_OVER.svg);}
#label-conta_prop2:hover {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Propria_OVER.svg);}

#termo_certo2:checked ~ #label-termo_certo2 {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Contrato_OVER.svg);}
#conta_prop2:checked ~ #label-conta_prop2 {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconJob_Propria_OVER.svg);}


/*Radios Tipos de crédito*/

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

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

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

/* Radios Situação da Habitação */
#label-sit_hab-proprietario,#label-sit_hab-proprietarioS {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconHProprietario.svg);}
#label-sit_hab-locatario {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconHLocatario.svg);}
#label-sit_hab-outro {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconHOutro.svg);}

#label-sit_hab-proprietario:hover,#label-sit_hab-proprietarioS:hover {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconHProprietario_OVER.svg);}
#label-sit_hab-locatario:hover {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconHLocatario_OVER.svg);}
#label-sit_hab-outro:hover {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconHOutro_OVER.svg);}

#sit_hab-proprietario:checked ~ #label-sit_hab-proprietario,#sit_hab-proprietarioS:checked ~ #label-sit_hab-proprietarioS {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconHProprietario_OVER.svg);}
#sit_hab-locatario:checked ~ #label-sit_hab-locatario {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconHLocatario_OVER.svg);}
#sit_hab-outro:checked ~ #label-sit_hab-outro {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconHOutro_OVER.svg);}

/*Radios Nacionalidade*/

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

#label-mais_2anos,#label-mais_2anos2 {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_Icon2mais.svg);}
#mais_2anos:checked ~ #label-mais_2anos,#mais_2anos2:checked ~ #label-mais_2anos2, #label-mais_2anos:hover, #label-mais_2anos2:hover {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_Icon2mais_OVER.svg);}

#label-menos_2anos,#label-menos_2anos2 {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_Icon2menos.svg);}
#menos_2anos:checked ~ #label-menos_2anos,#menos_2anos2:checked ~ #label-menos_2anos2, #label-menos_2anos:hover,#label-menos_2anos2:hover {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_Icon2menos_OVER.svg);}

#sit_hab-locatario:checked ~ #label-sit_hab-locatario {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconHLocatario_OVER.svg);}
#sit_hab-outro:checked ~ #label-sit_hab-outro {background-image: url(../../versaoNOVA/img/habitacao/CMBCConsol_IconHOutro_OVER.svg);}

.input-field {
    margin-bottom: 15px;
    max-width: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.input-field label {
    display: block;
    font-size: 16px;
    line-height: 1.19;
    text-align: left;
    color: #002e5b;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.input-field label span {
    font-size: 11px;
}

.form-input {
    border-radius: 40px;
    border: solid 1px #002e5b;
    background-color: #ffffff;
    font-size: 15px;
    line-height: 1.2;
    text-align: left;
    color: #002e5b;
    padding: 8px 0 8px 50px;
    background-size: 24px auto;
    background-position: 17px center;
    background-repeat: no-repeat;
    width: 100%;
    -webkit-appearance: none !important; 
}

.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(../../versaoNOVA/img/habitacao/CMB_CHabitacao_iconFormNome.svg);}
.data-input {background-image: url(../../versaoNOVA/img/habitacao/CMB_CHabitacao_iconFormIdade.svg);}
.idade-input {background-image: url(../../versaoNOVA/img/habitacao/CMB_CHabitacao_iconFormIdade.svg);}
.email-input {background-image: url(../../versaoNOVA/img/habitacao/CMB_CHabitacao_iconFormEmail.svg);}
.telefone-input {background-image: url(../../versaoNOVA/img/habitacao/CMB_CHabitacao_iconFormTelefone.svg);}
.mnt-input {background-image: url(../../versaoNOVA/img/habitacao/CMB_CHabitacao_iconFormValor.svg);}
.cp-input {background-image: url(../../versaoNOVA/img/habitacao/CMB_CHabitacao_iconFormCPostal.svg);}
.nif-input {background-image: url(../../versaoNOVA/img/habitacao/CMB_CHabitacao_iconFormNIF.svg);}

.check-container {
  display: block;
  position: relative;
  padding-left: 64px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 1.21;
  color: #002e5b;
  max-width: 650px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  text-align: left;
}
.check-container2 {
  display: block;
  position: relative;
  padding-left: 64px;
  cursor: pointer;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 1.21;
  color: #002e5b;
  max-width: 650px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  text-align: left;
}

.check-container a {
    color: #002e5b;
    text-decoration: underline;
}

.check-container a:hover {
    color: #9c9c9c;
    text-decoration: underline;
}

.check-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.check-container2 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 40px;
  height: 14px;
  width: 14px;
  background-color: #ffffff;
  border: 1px solid #5579c4;
}

.check-container:hover input ~ .checkmark {
  background-color: #5579c4;
}


.check-container input:checked ~ .checkmark {
  background-color: #5579c4;
}

.check-container2:hover input ~ .checkmark {
  background-color: #5579c4;
}


.check-container2 input:checked ~ .checkmark {
  background-color: #5579c4;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.check-container input:checked ~ .checkmark:after {
  display: block;
}
.check-container2 input:checked ~ .checkmark:after {
  display: block;
}

.check-container .checkmark:after {
  left: 3px;
  top: 0px;
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} 

.check-container2 .checkmark:after {
  left: 3px;
  top: 0px;
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} 


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

.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: #002e5b;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 10px;
}

.loading-title-special {
    margin-top: 30px;
    font-size: 27px;
    color: #002e5b !important;
    font-weight: bold;
    line-height: 1.22;
    text-align: center;
    color: rgb(201, 42, 42);
}

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

/*** FORMULARIO END ***/

.parceiros {
    -webkit-clip-path: circle(300vw at 50% 300vw);
    -moz-clip-path: circle(300vw at 50% 300vw);
    -ms-clip-path: circle(300vw at 50% 300vw);
    -o-clip-path: circle(300vw at 50% 300vw);
    clip-path: circle(300vw at 50% 300vw);
    background-size: 1920px auto;
    background: #ffffff;
    text-align: center;
    margin-top: -80px;
    padding-bottom: 80px;
}

.parceiros-title {
    font-size: 35px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    color: #002e5b;
    padding: 80px 0 40px 0;
}

.parceiro-slide {
    padding: 30px;
    margin-bottom:10px;
}

.parceiro-slide .inner {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 160px;
    max-width: 230px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 6px;
    -webkit-box-shadow: 0px 12px 21px 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 12px 21px 3px rgba(0,0,0,0.15);
    box-shadow: 0px 12px 21px 3px rgba(0,0,0,0.15);
}

.img-final {
    text-align: center;
}

.img-final img {
    max-height: 120px;
}

/* Pre footer */

.pre-footer {
    padding: 70px 0 82px;
    background-color: #f7f7f7;
}
.topics-title {
    font-size: 30px;
    line-height: 1.2;
    text-align: center;
    color: #4b4b4b;
    text-transform: uppercase;
    margin-bottom: 50px;
}
.topic {
    text-align: center;
}

.topic-icon {
    height: 100px;
    width: 100px;
    margin-bottom: 30px;
}

.topic-text {
    font-size: 20px;
    height: 48px;
    font-weight: bold;
    line-height: 1.2;
    color: #4b4b4b;
    max-width: 267px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* FAQS */

.faqs {
    padding: 70px 0 20px;
}

.faqs .container {
    max-width: 980px;
}

.faq-title {
    font-size: 30px;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: #4b4b4b;
    margin-bottom: 50px;
    text-transform: uppercase;
}

.faq {
    margin-bottom: 50px;
}

.faq .q {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.24;
    color: rgb(201, 42, 42);
    text-transform: uppercase;
    margin-bottom: 10px;
}

.faq .q::before {
    background-image: url('../../versaoNOVA/img/habitacao/CMBCHabitacao_bullet.svg');
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.faq .a {
    font-size: 18px;
    line-height: 1.22;
    color: #002e5b;
}

/* Footer */

.footer {
    padding: 115px 0;
    background-image: url('../../versaoNOVA/img/SMBhome_Footer_new.svg');
    background-repeat: no-repeat;
    background-size: 1920px auto;
    background-position: center bottom;
}

.footer-title {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    color: #333333;
    max-width: 950px;
    text-transform: uppercase;
    margin: 0 auto 30px;
}

.footer-cta {
    padding: 15px 100px 15px 60px;
    display: inline;
    border-radius: 33px;
    box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.25);
    background-color: #ffffff;
    font-size: 30px;
    font-weight: 900;
    line-height: 1.2;
    color: rgb(201, 42, 42);
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
}

.footer-cta:hover {
    background: linear-gradient(96deg, #a81e1e, #002e5b 49%, #701511 100%);
    color: #ffffff;
    text-decoration: none;
}

.footer-cta::after {
    content: '';
    height: 25px;
    width: 25px;
    background-image: url('../../versaoNOVA/img/habitacao/vidaHabitacao_buttonArrow.svg');
    background-size: auto;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: calc(50% - 11px);
    right: 60px;
}

.footer-cta:hover::after {
    background-image: url('../../versaoNOVA/img/buttonArrow_White.svg');
}


/* PÁGINA DE AGRADECIMENTO */

.agradecimento-img {
    max-height: 150px;
    margin: 20px auto;
    display: block;
}

.partner-img {
    max-width: 245px;
    width: 100%;
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.partner-img img {
    max-height: 140px;
    max-width: 200px;
}

.partners-block {
    max-width: 490px;
    margin: 0 auto;
}


.mediador-about {
    font-size: 14px;
    line-height: 1.21;
    text-align: left;
    color: #002e5b;
    max-width: 650px;
    margin: 20px auto;
    
}

.mediador-about-title {
    text-transform: uppercase;
    margin-bottom: 20px;
}

.btn-mediador {
    border-radius: 33px;
    background: #F49100;
    font-size: 25px;
    font-weight: 900;
    line-height: 1.2;
    color: #ffffff;
    padding: 15px 71px 15px 40px;
    text-align: left;
    position: relative;
    text-transform: uppercase;
    display: inline-block;
    border: none;
}

.btn-mediador::after {
    content: '';
    height: 20px;
    width: 20px;
    background-image: url('../../versaoNOVA/img/buttonArrow_White.svg');
    background-size: 11px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: calc(50% - 10px);
    right: 40px;
    text-decoration: none;
}

.btn-mediador:hover {
    color: #fff;
    background: #002e5b;
    text-decoration: none;
}

@media (max-width: 991px) {
    #h-text {
        text-align: center;
    }
    #orange h3 {
        font-size: 22px;
    }
    #orange p {
        font-size: 14px;
    }
    #orange h6 {
        font-size: 17px;
    }
    .banner .container {
        max-width: 750px;
    }
    
    .left_text .title {
        font-size: 39px;
        max-width: 375px;
    }
    
    .left_text .subtitle {
        font-size: 19px;
        max-width: 245px;
    }
    
    .block-tabs {
        margin-top: -208px;
    }
    
    .block-tabs-img {
        width: 434px;
    }

    .block {
        width: 240px;
        padding: 15px;
    }
    
    .block-img {
        height: 70px;
        background-size: auto 70px;
        margin-bottom: 5px;
    }
    
    .block-text {
        height: 36px;
        font-size: 15px;
    }
    
    .parceiros {
        padding: 30px 0 50px;
    }
    
    .parceiros-title {
        font-size: 22px;
    }
    
    .pre-footer {
        padding: 40px 0 52px;
    }
    
    .topics-title {
        font-size: 22px;
        max-width: 720px;
    }
    
    .topic {
        margin-bottom: 20px;
    }
    
    .topic-icon {
        height: 80px;
        width: 80px;
        margin-bottom: 10px;
    }
    
    .topic-text {
        font-size: 15px;
    }
    
    .footer {
        padding: 97px 0 80px;
        background-size: 1500px auto;
    }
    
    .footer-title {
        font-size: 22px;
        max-width: 720px;
    }
    
    .footer-cta {
        font-size: 22px;
        padding-right: 70px;
    }
    
    
    .footer-cta::after {
        height: 18px;
        width: 18px;
        background-size: contain;
        top: calc(50% - 9px);
        right: 33px;
    }
}

@media (max-width: 767px) {
    /*.input-block {    
        padding: 10px 20px;
    }*/
    #formbox .button-block{
        padding-top:30px;
    }
    .img-final img {
        max-height: 70px;
    }
    .parceiro-slide {
        padding: 30px 20px;
    }
    .parceiro-slide .inner {
        min-height: 80px;
    }
    .logo {
        text-align: center;
    }
    .banner {
        padding-bottom: 20px;
    }
    .banner .container {
        max-width: 372px;
    }
    
    .left_text .title {
        text-align: center;
        font-size: 25px;
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .left_text .subtitle {
        font-size: 15px;
        text-align: center;
        margin-bottom: 10px;
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .block-tabs-img {
        height: auto;
        width: 100%;
        max-width: 250px;
    }
    
    .block-tabs {
        margin-top: 0px;
        text-align: center;
    }
    
    .blocks-heading {
        margin-top: -46px;
        padding: 50px 20px 20px;
        text-align: center;
        font-size: 18px;
    }
    
    .blocks-body {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .slider-result, .input-title {
       display: block;
       font-size: 20px;
       text-align: center;
    }
    
    .slider-result .result, .slider-result .currency {
       font-size: 39px;
       text-align: center;
       line-height: 1.4;
    }
    
    .radios-input {
        flex-direction: inherit;
        align-content: center;
    }
    
    .percentagem{
        margin: 10px 0;
    }

    .radios-input label {
      padding-top: 75px;
      background-size: 70px;
      margin-bottom: 25px;
    }
    
    .form-input {
        font-size: 14px;
    }
    
    .input-field {
        width: 100%;
    }
    /*.input-block-text {
        padding: 20px 10px 30px;
    }*/
    .input-block-text .form-input {
        width: 100%;
        font-size: 13px;
        background-size: 20px auto;
    }
    
    .input-field label {
        font-size: 13px;
    }
    
    .input-title-special {
        font-size: 16px;
        margin-bottom: 20px;
    }
    
    .btn-form {
        font-size: 25px;
        padding: 10px 60px;
    }
    
    .check-container {
        padding-left: 40px;
    }
    
    .check-container2 {
        padding-left: 40px;
        margin: 0 25px 0 0px;
    }
    .checkmark {
        left: 20px;
    }
    
    
    
    .parceiros {
        padding: 30px 15px 50px 15px;
    }
    
    .parceiros-title {
        font-size: 22px;
        padding: 0 0 20px 0 !important;
    }
    
    .pre-footer {
        padding: 20px 0 0px;
    }
    
    .topics-title {
        font-size: 22px;
        max-width: 720px;
    }
    
    .topic {
        margin-bottom: 20px;
    }
    
    .topic-icon {
        height: 80px;
        width: 80px;
        margin-bottom: 10px;
    }
    
    .topic-text {
        font-size: 15px;
    }

    .footer-title {
        font-size: 17px;
        max-width: 320px;
    }
    
    .footer-cta {
        font-size: 15px;
        padding: 10px 60px 10px 20px;
    }
    
    
    .footer-cta::after {
        height: 20px;
        width: 20px;
        right: 31px;
        background-size: 10px;
        top: calc(50% - 10px);
    }
    
    .btn-mediador {
        font-size: 12px;
        padding: 12px 53px 12px 24px;
    }
    
    .btn-mediador::after {
        height: 14px;
        width: 14px;
        background-size: 8px;
        top: calc(50% - 7px);
        right: 29px;
    }
    
    .agradecimento-img {
        width: 100%;
        max-height: auto;
    }
    
    .loading img {
        height: 60px;
        width: 60px;
    }
    
    .loading-title {
        font-size: 22px;
        margin-bottom: 15px;
    }
    
    .loading-title-special {
        margin-top: 15px;
        font-size: 16px;
    }
    
    .loading-desc {
        font-size: 12px;
        margin: 5px auto 0;
    }
}

.preload-img {
    display: none!important;
}


/* COOKIES BUTTON */

.btn-cookies {
    background: #F49100;
    padding: 10px 0;
    width: 300px;
    margin: 0 auto;
    border-radius: 8px;
    color: #fff;
    font-weight: bold;
    border: none;
}

.btn-cookies:hover {
    color: #fff;
    background: #002e5b;
}

@media (max-width: 390px){
    .form-input {
        font-size: 10px;
    }
}

/* ANIMATIONS */

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}