/*@font-face {
    font-family: PTSerif;
    src: url(PT_Serif/PTSerif-Regular.ttf);
}

@font-face {
    font-family: PTSerif;
    font-style: italic;
    src: url(PT_Serif/PTSerif-Italic.ttf);
}

@font-face {
    font-family: PTSerif;
    font-weight: bold;
    src: url(PT_Serif/PTSerif-Bold.ttf);
}

@font-face {
    font-family: PTSerif;
    font-style: italic;
    font-weight: bold;
    src: url(PT_Serif/PTSerif-BoldItalic.ttf);
}*/

* {
    font-family: 'Montserrat', sans-serif;
}

body {
    background-color: #fff;
    color: #ccc;
}

.destaque-superior-home img {
    width: 100%;
    height: auto;
}

.header-logos img {
    max-width: 100%;
    height: auto;
}

.header-img-destaque img {
    width: 100%;
    height: auto;
}

.destaque-superior-home:not(.inf)::after,
.destaque-superior-home:not(.inf)::before {
    height: 1.56vw;
    content: " ";
    background-color: #9a845b;
    width: 58.5vw;
    display: block;
    margin: 0 auto;
}

.bgtt,
.bgbt {
    background-repeat: no-repeat;
    background-position-x: left;
    padding-left: 4vw;
    background-size: 2.5vw;
    background-position-y: 2.5vw;
}

.bgbt,
.bgtt {
    background-image: url('./bg-top-text.png');
}

.hm-tt h2.aal,
.hm-tt h1.aal {
    font-size: 3vw;
}

.hm-tt h2,
.hm-tt h1 {
    font-weight: bold;
    font-size: 5vw;
}

.hm-b3 {
    margin-bottom: 7vw;
}

.hm-b3 .hm-tt2,
.hm-b3 .tt-txt-sep {
    margin-left: 4vw;
}

.hm-b3 h3,
.hm-b3 h4 {
    font-size: 3vw;
}

.hm-b3 .tt-txt-sep {
    width: 40px;
    height: 5px;
    background-color: white;
    margin-left: 4vw;
    margin-top: 20px;
    margin-bottom: 20px;
}

.hm-tt2 h3 {
    color: #99855e;
    font-weight: 600;
}

.hm-tt p {
    font-size: 4.2vw;
}

.hm-tt {
    margin-top: 15vw;
}

h1,
h2 {
    margin-bottom: 40px;
}

.hm-tt.bgtt {
    margin-bottom: 15vw;
}

.hm-tt.bgbt {
    padding-bottom: 7.5vw;
}

.header-img-destaque{
	margin-bottom: 7vw;
}

.formcontainer {
    background-color: #c2a251;
    background-image: url('form-bg.png');
    background-size: contain;
    padding: 3.25vw 10.4vw;
}

.formcontainer input:not([type=submit]),
.formcontainer textarea {
    width: 100%;
    background-color: #978257;
    margin-top: 10vw;
    background-image: url('inputs-bg.png');
    background-size: contain;
}

.formcontainer input,
.formcontainer textarea {
    font-size: 3.01vw;
    color: #000;
    padding: 5px 20px;
    border: transparent;
    /*border: solid 2px #89734a;*/
}

.formcontainer input[type=submit] {
    margin-bottom: 20px;
    font-weight: bold;
    background-color: #89734a;
    float: right;
}

::-webkit-input-placeholder,
.formcontainer span,
.formcontainer div {
    color: #000;
}

.screen-reader-response {
    display: none;
}

hr {
    border-top: 2px solid #fff;
    margin-top: 80px;
    margin-bottom: 80px;
}

.scs div {
    margin: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
}

.scs.first {
    height: 15vw;
}

.scs {
    height: 13vw;
}

.scs div {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.scs.cf div {
    background-image: url('logos/coelho-da-fonseca.jpg');
}

.scs.ci div {
    background-image: url('logos/concivil.png');
}

.scs.ec div {
    background-image: url('logos/estacorp.png');
}

.scs.im div {
    background-image: url('logos/imobiliaria-252.png');
}

.scs.st div {
    background-image: url('logos/stan.png');
}

.footer p {
    font-size: 1vw;
    padding-left: 1vw;
    margin-bottom: 1vw;
}

.txt-legal {
    margin: 25px 0;
}

.txt-legal p {
    font-size: 5px;
}

.rfi {
    margin-top: 10vw;
}

span.legenda {
    font-size: 9px;
    line-height: 10px;
    margin-top: 0px;
    display: block;
}

@media (min-width: 576px) {
    .footer p {
        font-size: 7px;
    }

    .rfi {
        margin-top: unset;
    }

    .scs.first {
        height: 13vw;
    }
}

@media screen and (min-width: 595px) {
    .hm-tt h1,
    .hm-tt h2 {
        font-size: 6.3vw;
    }
}

@media screen and (min-width: 625px) {
    .hm-tt h1,
    .hm-tt h2 {
        font-size: 4vw;
    }

    .hm-tt h1.aal,
    .hm-tt h2.aal {
        font-size: 3.43vw;
    }

    .hm-tt p {
        font-size: 3.5vw;
    }

    .hm-b3 h3, .hm-b3 h4 {
        font-size: 2vw;
    }
}

@media screen and (max-width: 991px) {
    body {
        padding-top: 16.5vw;
    }

    .header-img-destaque img {
        margin-top: 20px;
    }
}


@media screen and (min-width: 992px) {
    body {
        padding-top: 6vw;
    }

    .bgtt {
        background-image: url('./bg-top-text.png');
        background-position-y: center;
    }

    .bgbt {
        background-image: url('./bg-bot-text.png');
        background-size: contain;
    }

    .header-img-destaque img {
        margin-top: 35px;
    }

    .hm-tt h1,
    .hm-tt h2,
    .hm-tt h1.aal,
    .hm-tt h2.aal {
        font-size: 3vw;
    }

    .hm-tt p {
        font-size: 1.75vw;
    }

    .formcontainer {
        padding: 25px 81px;
    }

    .formcontainer input,
    .formcontainer textarea {
        font-size: 25px;
    }


    .formcontainer input:not([type=submit]),
    .formcontainer textarea {
        margin-top: 20px;
    }

    .hm-tt h1,
    .hm-tt h2 {
        font-size: 3vw;
    }

    .scs.first {
        height: 95px;
    }

    .scs {
        height: 85px;
    }

    h1,
    h2 {
        margin-bottom: 5vw;
    }

}

@media screen and (min-width: 1140px) {
    .hm-tt {
        margin-top: 135px;
    }

    .hm-tt.bgtt {
        margin-bottom: 135px;
    }

    .hm-tt.bgbt {
        padding-bottom: 70px;
    }

    .hm-tt h1,
    .hm-tt h2 {
        font-size: 40px;
    }

    h1,
    h2 {
        margin-bottom: 60px;
    }


    .hm-tt.bgtt p {
        font-size: 25px;
        margin-top: 50px;
    }

    .bgbt,
    .bgtt {
        background-size: 26px;
        padding-left: 45px;
    }

    .hm-b3 .hm-tt2,
    .hm-b3 .tt-txt-sep {
        margin-left: 45px;
    }

    .hm-b3 h3,
    .hm-b3 h4 {
        font-size: 19px;
    }

    .txt-legal p {
        font-size: 10px;
    }
}

.hm-tt p br,
.hm-tt h1 br,
.hm-tt h2 br {
    display: none;
}

.footer > .bars > .row > div {
    border-left: 1px solid white;
}

@media (min-width: 991px) {
    .container {
        max-width: 720px;
    }

    .footer p {
        font-size: 8px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 630px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 557px;
    }

    .hm-tt h1.aal,
    .hm-tt h2.aal {
        font-size: 32px;
    }
}
