@import url('../partials/rodape-slogan.css');
@import url('../partials/navbar.css');
@import url('../paginas/fale-com-um-consultor.css');

.area-form {
    padding: 50px 0% 0% 10%;
    height: 540px;
    overflow: hidden;
}

#hs-form-iframe-0 {
    width: 100%;
    height: 540px;
}

h1 {
    font-size: 1.4rem;
    padding: 10px 0px;
}

h2 {
    font-size: 45px;
    line-height: 50px;
    color: #3e4042;
    font-weight: 300;
}

h3 {
}

h4 {
}

h5 {
}


#contato {
    padding: 10px 20px;
    margin-top: 8px;
    background: url(/img/teclado.jpg) center top no-repeat;
}

#blog-recentes {
    padding: 10px 20px;
    margin-top: 8px;
}

.titulo-form-contato {
    font-size: 45px;
    color: #374c68;
    line-height: 45px;
    font-weight: normal;
    padding: 10px;
}

    .titulo-form-contato span {
        font-weight: bold;
    }

.subtitulo-contato {
    font-size: 25px;
    color: #374c68;
    line-height: 25px;
    font-weight: normal;
}

.paddform {
    padding: 50px 0px;
}



/*==============================================*/
/*==========  @Medias em resoluções  ===========*/
/*==============================================*/
@media all and (max-width:1300px) {
}

@media all and (max-width:1200px) {
}

@media all and (max-width:1100px) {
    .area-form {
        padding: 50px 0% 0% 6%;
        height: 540px;
        overflow: hidden;
    }
}

@media all and (max-width:960px) {
    .area-form {
        padding: 50px 0% 0% 23%;
    }
}

@media all and (max-width:800px) {
    .area-form {
        padding: 50px 0% 0% 18%;
    }
}

@media all and (max-width:720px) {
    .area-form {
        padding: 50px 0% 0% 14%;
    }
}

@media all and (max-width:600px) {
    .area-form {
        padding: 50px 0% 0% 5%;
    }
}

@media all and (max-width:560px) {
    .area-form {
        padding: 50px 0% 0% 5%;
    }
}

@media all and (max-width:480px) {
    .area-form {
        padding: 50px 0% 0% 8%;
    }
}

@media all and (max-width:400px) {
    .area-form {
        padding: 50px 0% 0% 10%;
    }
}

@media all and (max-width:380px) {
}

@media all and (max-width:360px) {
}

@media all and (max-width:330px) {
}

@media all and (max-width:320px) {
}

/* PERSONALIZAÇÃO DO FORM DO ACTIVE DIRECTOR */
._form-content ._form_element ._form-label {
    color: #374c68;
}

    ._form-content ._form_element ._form-label b {
        color: tomato;
    }