@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://use.typekit.net/zkx5ncc.css");

:root {
    --textfont: 1.4375em;
    --bigfont: 4.375em;
    --bannerfont: 7em;
    --bigfont_mobile: 3.0625em;
    --bannerfont_mobile: 4.9em;
}

.albert-sans-400 {
    font-family: "Albert Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.albert-sans-500 {
    font-family: "Albert Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

.argent-cf-100 {
    font-family: argent-cf, serif;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
}

.argent-cf-100-italic {
    font-family: argent-cf, serif;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: italic;
}

a,
a:hover {
    color: #444
}
header,
header ul li a:not(.redes):after {
    -webkit-transition: .15s all ease-in-out
}
a,
header ul li a {
    text-decoration: none
}
*,
:after,
:before {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}
html {
    font-size: 62.5%
}
body {
    font-family: "Albert Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 16px
}

h1, h2, h3 {
    font-family: argent-cf, serif;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
}

h1 {
    font-style: italic;
}

.clearfix:after,
.clearfix:before {
    content: ' ';
    display: table
}
.clearfix:after {
    clear: both
}
img {
    max-width: 100%;
    vertical-align: bottom
}
a:active,
a:focus,
a:hover {
    outline: 0
}
input:focus {
    outline: 0;
    border: 1px solid #04A4CC;
}
.wrapper {
    max-width: 1280px;
    width: 95%;
    margin: 0 auto;
    position: relative
}

/* START HEADER */
header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    padding: 2.5% 5%;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    overflow: hidden;
    transition: .15s all ease-in-out;
}
header .logo {
    width: 230px;
}
header nav {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
}
header .align {
    flex-grow: 0;
}
header ul {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
}
header ul li {
    display: inline-block;
    margin-right: 36px
}
header ul li a {
    color: #FFF;
    font-size: var(--textfont);
}
header ul li a:not(.redes):after {
    content: " ";
    width: 0;
    height: 2px;
    display: block;
    background: #FFF;
    margin-top: 2px;
    transition: .15s all ease-in-out
}
header ul li a:not(.redes):hover {
    color: #FFF
}
header.open ul li a,
header.open ul li a:hover {
    color: #232120;
}
header ul li a:not(.redes):hover:after {
    width: 100%;
    -webkit-transition: .15s all ease-in-out;
    transition: .15s all ease-in-out
}
header ul li.current-menu-item a:after {
    width: 100%
}
header ul:not(.redes) li {
    margin-right: 0;
    margin-left: 40px
}
#menu-item-20 {
    margin: 0
}
header.active {
    top: -100px
}
header.open {
    top: 0;
    background: #FFF;
    border-bottom: 1px solid #9a999a;
}
header.open .logo * {
    fill: #232120
}
header.open ul li a:after {
    background: #232120;
}
/* END HEADER */

/* START FOOTER */
footer {
    width: 100%;
    display: block;
    padding: 0;
    background: #232120;
}

/* START NEWSLETTER FORM */
footer form {
    display: flex;
    margin: 0 auto;
    padding: 8% 0;
    width: 90%;
    align-items: center;
    gap: 5vw;
}
footer .newsletter-title {
    flex-grow: 0;
}
footer form h2 {
    margin: 0;
    font-size: var(--bigfont);
    color: #FFF;
}
footer form svg {
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    margin-left: 0.3em;
}
footer .newsletter-input {
    display: flex;
    flex-grow: 1.7;
    justify-content: space-between;
    border: 1px solid #FFF;
    border-radius: 100px;
    padding: 20px 20px 20px 40px;
}

footer form input[type*=text] {
    width: auto;
    flex-grow: 1;
    height: 60px;
    line-height: 60px;
    color: #FFF;
    font-size: var(--textfont);
    background: transparent;
    border: 0;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .15s all ease-in-out;
    transition: .15s all ease-in-out;
}
footer form input::-webkit-input-placeholder {
    font-size: .875em;
    color: #FFF;
    opacity: 1
}
footer form input::-moz-placeholder {
    font-size: .875em;
    color: #FFF;
    opacity: 1
}
footer form input:-ms-input-placeholder {
    font-size: .875em;
    color: #FFF;
    opacity: 1
}
footer form input:-moz-placeholder {
    font-size: .875em;
    color: #FFF;
    opacity: 1
}
footer form input.error::-webkit-input-placeholder {
    font-size: .875em;
    color: #ac0303;
    opacity: 1
}
footer form input.error::-moz-placeholder {
    font-size: .875em;
    color: #ac0303;
    opacity: 1
}
footer form input.error:-ms-input-placeholder {
    font-size: .875em;
    color: #ac0303;
    opacity: 1
}
footer form input.error:-moz-placeholder {
    font-size: .875em;
    color: #ac0303;
    opacity: 1
}
footer form input[type*=submit] {
    width: 145px;
    flex-grow: 0;
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    background: #FFF;
    color: #232120;
    border: 0;
    border-radius: 100px;
    font-size: var(--textfont);
    -webkit-transition: .15s all ease-in-out;
    transition: .15s all ease-in-out;
    padding: 0
}
footer form input[type*=submit]:hover {
    background: #94969A;
    color: #FFF
}
footer form input.error {
    border-color: #ac0303
}
footer form input[type*=submit].error {
    background: #ac0303;
    color: #FFF
}
/* END NEWSLETTER FORM */

/* START FOOTER INFOS */
footer .infos {
    display: flex;
    align-items: center;
    margin: 0 auto;
    padding: 2% 0 4% 0;
    width: 90%;
}
footer .infos .col {
    flex-basis: 20%;
    flex-grow: 0;
    font-size: 1.21875em;
    color: #FFF;
}
footer .infos .col:last-child {
    justify-items: flex-end;
    flex-grow: 1;
}
footer .infos .col address,
footer .infos .col a {
    font-style: normal;
    color: #FFF;
}
footer .infos .col ul {
    list-style: none
}
footer .infos .col .redes li {
    margin-left: 30px;
    display: inline-block;
    vertical-align: middle;
}
footer .infos .col .redes li a.icon-insta {
    width: 35px;
    display: inline-block;
}
footer .infos .col .redes li a.icon-youtube {
    width: 41px;
    display: inline-block;
}
footer .infos a,
footer .infos img,
footer .infos svg {
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}
footer .infos a:hover,
footer .infos a:hover img,
footer .infos a:hover svg {
    opacity: .5
}
/* END FOOTER INFOS */

/* START FOOTER COPYRIGHT */
footer #copyright {
    display: block;
    width: 100%;
    font-size: var(--textfont);
    color: #94969A;
    border-top: 1px solid #94969A;
}
footer #copyright .align {
    width: 90%;
    display: flex;
    align-items: center;
    margin: 0 auto;
    padding: 2% 0;
}
footer #copyright p {
    flex-grow: 1;
    margin: 0;
}
footer #copyright .icon-firmo {
    width: 48px;
}
footer #copyright .icon-firmo * {
    -webkit-transition: .15s all ease-in-out;
    transition: .15s all ease-in-out
}
footer #copyright .icon-firmo:hover * {
    fill: #FFF;
}
/* END FOOTER COPYRIGHT */

footer #copyright .align ul li:hover a img path,
footer #copyright .align ul li:hover a img polygon,
footer #copyright .align ul li:hover a img rect,
footer #copyright .align ul li:hover a svg path,
footer #copyright .align ul li:hover a svg polygon,
footer #copyright .align ul li:hover a svg rect,
footer .infos .col .redes li a img path,
footer .infos .col .redes li a svg path,
footer .infos .col svg path {
    fill: #FFF
}
/* END FOOTER */

/* START BANNERS */
#bannerSlide {
    width: 100%;
    height: 100vh;
    display: block;
    position: relative;
    overflow: hidden
}
#bannerSlide .banner {
    width: 100%;
    height: 100vh;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    -ms-background-size: cover;
    background-size: cover
}
a.fulla {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}
#bannerSlide .banner .align {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
#bannerSlide .banner .align h2 {
    margin: 0;
    color: #FFF;
    font-size: 3.75em;
    font-weight: 300
}
#bannerSlide .banner .align a {
    color: #FFF;
    margin-top: 5%;
    display: block
}
#bannerSlide .pageArrow {
    width: 100%;
    display: block;
    top: 45%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute
}
#bannerSlide .pageArrow a img {
    width: 27px;
    display: inline-block
}
#bannerSlide .pageArrow .left,
#bannerSlide .pageArrow .right {
    width: 64px;
    height: 64px;
    display: block;
    line-height: 42px;
    border-radius: 100%;
    text-align: center;
    -webkit-transition: .15s all ease-in-out;
    transition: .15s all ease-in-out;
    background: rgba(0, 0, 0, .25)
}
#bannerSlide .pageArrow .left:hover,
#bannerSlide .pageArrow .right:hover {
    background: rgba(0, 0, 0, .5)
}
#bannerSlide .pageArrow .left {
    position: absolute;
    left: 50px
}
#bannerSlide .pageArrow .right {
    position: absolute;
    right: 50px
}
#bannerSlide .owl-controls {
    display: block;
    text-align: center;
    position: absolute;
    bottom: 54px;
    width: 100%
}
#bannerSlide .owl-controls .owl-page {
    display: inline-block;
    text-align: center;
    width: 12px;
    height: 12px;
    border: 1px solid #FFF;
    border-radius: 12px;
    margin: 0 5px
}
#bannerSlide .owl-controls .owl-page.active {
    background: #FFF
}
/* END BANNERS */

/* START HOME COLABORAÇÃO */
.home #colaboracao {
    display: flex;
    position: relative;
    width: 100%;
    height: 100vh;
    justify-content: center;
    align-items: center;
    background-image: url('img/home/home-colab-bg.jpg');
    background-size: cover;
    background-position: center center;
}
.home #colaboracao .align {
    width: 50vw;
    max-width: 640px;
    text-align: center;
}
.home #colaboracao .align h1 {
    margin: 0;
    font-size: var(--bigfont);
    color: #FFF;
}
.home #colaboracao .align p {
    margin: 2em 0 4em 0;
    font-size: 1.1875em;
    color: #FFF;
}
.home #colaboracao .projetos {
    padding: 0.625em 2em;
    font-size: var(--textfont);
    color: #232120;
    background: #FFF;
    border-radius: 100px;
    -webkit-transition: .15s all ease-in-out;
}
.home #colaboracao .projetos:hover {
    color: #FFF;
    background: #94969A;
}
/* END HOME COLABORAÇÃO */

/* START HOME NEWS */
.home #news {
    display: block;
    margin: 0 auto;
    padding: 6% 0;
    width: 90%;
    text-align: center;
}
.home #news h1 {
    margin: 0;
    font-size: var(--bigfont);
    color: #232120;
}
.home #news .posts {
    list-style: none;
    padding: 0;
    text-align: center;
    margin: 4em 0;
}
.home #news article {
    display: block;
    margin: 0 auto;
    width: 55%;
    text-align: center;
}
.home #news .date {
    display: block;
    font-size: var(--textfont);
    margin-bottom: 0.875em;
}
.home #news .posts h1 {
    font-size: 1em;
}
.home #news .posts a {
    font-size: 2.8125em;
    font-style: normal;
    color: #94969A;
    -webkit-transition: .15s all ease-in-out;
}
.home #news .posts a:hover {
    color: #232120;
}
.home #news .posts .owl-controls {
    display: block;
    text-align: center;
    margin-top: 1.2%;
}
.home #news .posts .owl-controls .owl-page.active {
    background: #232120;
}
.home #news .posts .owl-controls .owl-page {
    display: inline-block;
    text-align: center;
    width: 12px;
    height: 12px;
    border: 1px solid #232120;
    border-radius: 12px;
    margin: 0 5px
}
.home #news .morePosts {
    display: inline-block;
    margin: 0 auto;
    padding: 0.625em 2em;
    font-size: var(--textfont);
    color: #FFF;
    background: #232120;
    border-radius: 100px;
    -webkit-transition: .15s all ease-in-out;
}
.home #news .morePosts:hover {
    color: #FFF;
    background: #94969A;
}
/* END HOME NEWS */

/* START PAGE HEADERS */
.empreendimentos #banners,
.quemsomos #banners,
.projetos #banners,
.noticias #banners,
.contato #banners {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-color: #000;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
#banners .banner {
    width: 90%;
    margin: 0 auto;
}
#banners h1 {
    margin: 0;
    font-size: var(--bannerfont);
    text-align: center;
    color: #FFF;
}
#banners #arrowdown {
    position: absolute;
    left: 50%;
    bottom: 6%;
    width: 42px;
    transform: translateX(-50%);
}
.empreendimentos #banners {
    background-image: url('img/empreend-title-bg.jpg');
}
.quemsomos #banners {
    background-image: url('img/sobre-title-bg.jpg');
}
.projetos #banners {
    background-image: url('img/projetos-title-bg.jpg');
}
.noticias #banners {
    background-image: url('img/news-title-bg.jpg');
}
.contato #banners {
    background-image: url('img/contato-title-bg.jpg');
}
#chamada {
    display: block;
    width: 90%;
    margin: 6% auto;
}
#chamada h2,
#block-04 h2 {
    font-size: var(--bigfont);
    color: #232120;
}
/* END PAGE HEADERS */

/* START SOBRE */
.quemsomos {
    width: 100%
}
#block-01,
#block-02,
#block-03,
#block-04 {
    width: 90%;
    margin: 6% auto;
}
#block-01 {
    text-align: right;
}
#block-01 img,
#block-02 img {
    width: 35%;
    height: auto;
    flex-grow: 0;
    flex-shrink: 1;
}
#block-02 {
    display: flex;
    gap: 5%;
}
#block-02_numbers {
    flex-grow: 1;
    flex-shrink: 0;
}
.block-02_number {
    display: inline-block;
    vertical-align: top;
    margin: 0;
}
.block-02_number:first-child {
    margin-right: 5%;
}
.block-02_number span {
    font-family: argent-cf, serif;
    font-size: var(--bannerfont);
    line-height: 1;
    color: #94969A;
}
.block-02_number p {
    font-family: argent-cf, serif;
    font-style: italic;
    font-size: 2.8125em;
}
#block-02_numbers hr {
    display: block;
    width: 65px;
    height: 1;
    margin: 5% 0;
    color: #232120;
}
#block-02_quote {
    display: block;
}
#block-03 {
    display: flex;
    gap: 5%;
}
#block-03 > img {
    width: 50%;
    height: auto;
    flex-grow: 0;
    flex-shrink: 1;
}
#block-03_col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#block-02_numbers p,
#block-03_col p {
    margin: 0;
    font-size: var(--textfont);
}
.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* Proporção 16:9 (9/16 = 0.5625) */
    height: 0;
    overflow: hidden;
}

.video-container video,
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
/* END SOBRE */

/* START EMPREENDIMENTOS */
.home #empreendimentos {
    width: 100%;
    display: block;
    padding: 6% 0;
    text-align: center;
}
.home #empreendimentos h1 {
    font-size: var(--bigfont);
    color: #232120;
    text-align: center;
}
#empreendimentos .posts {
    width: 90%;
    margin: 6% auto 0;
    display: flex;
    gap: 8%;
    flex-wrap: wrap;
    align-items: flex-start;
}
#empreendimentos .vermais {
    display: inline-block;
    margin: 0 auto;
    padding: 0.625em 2em;
    font-size: var(--textfont);
    color: #FFF;
    background: #232120;
    border-radius: 100px;
    -webkit-transition: .15s all ease-in-out;
}
#empreendimentos .vermais:hover {
    color: #FFF;
    background: #94969A;
}
#empreendimentos .posts article {
    flex-basis: 27.5%;
    flex-grow: 0;
    flex-shrink: 1;
    text-align: center;
    margin-bottom: 6%;
    position: relative;
    overflow: hidden;
}
#empreendimentos .posts img {
    display: block;
    width: 100%;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
}
#empreendimentos .posts article:hover img {
    opacity: .6;
}
#empreendimentos .title {
    display: flex;
    width: 100%;
    padding: 2.8125em 0 0;
    align-items: flex-end;
}
#empreendimentos .posts .description,
#empreendimentos .posts .action {
    flex-grow: 1;
}
#empreendimentos .posts .description {
    text-align: left;
}
#empreendimentos .posts h2 {
    margin: 0;
    font-size: 2.8125em;
    color: #232120;
}
#empreendimentos .posts p {
    margin: 0;
    font-size: var(--textfont);
    color: #232120;
}
#empreendimentos .posts .action {
    text-align: right;
}
#empreendimentos .buttonLink,
#empreendimentos .posts u {
    font-size: 1.25em;
    color: #94969A;
    -webkit-transition: .15s all ease-in-out;
}
#empreendimentos .buttonLink:hover,
#empreendimentos .posts u:hover {
    color: #232120;
}
/* END EMPREENDIMENTOS */

/* START PROJETOS */
.projetos #projects {
    width: 100%;
    display: block
}
.projetos #projects article {
    padding: 10% 0 10.8%;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    -ms-background-size: cover;
    background-size: cover;
    position: relative
}
.projetos #projects article .parallax {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -ms-background-size: cover;
    background-size: cover;
    -ms-background-repeat: no-repeat;
    background-repeat: no-repeat;
    -webkit-transition: all 3.5s ease-in-out;
    transition: all 3.5s ease-in-out;
    z-index: -1
}
.projetos #projects article .align {
    width: 90%;
    max-width: 990px;
    text-align: center;
    display: block;
    margin: 0 auto
}
.projetos #projects article .align h2 {
    margin: 8% 0 4%;
    font-size: var(--bigfont);
    color: #FFF;
}
.projetos #projects article .align p {
    font-size: var(--textfont);
    color: #FFF;
}
.projetos #projects article .align a {
    display: inline-block;
    margin: 6% auto 0;
    padding: 0.625em 2em;
    border: 1px solid #FFF;
    font-size: var(--textfont);
    text-align: center;
    color: #232120;
    background: #FFF;
    border: 0;
    border-radius: 100px;
    -webkit-transition: .15s all ease-in-out;
    transition: .15s all ease-in-out;
}
.projetos #projects article .align a:hover {
    background: #94969A;
    color: #FFF;
}
/* END PROJETOS */

/* START CONTATO */
.contato {
    width: 100%
}
#formulario {
    display: flex;
    width: 90%;
    max-width: 880px;
    margin: 6% auto;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10%;
}
#formulario .left {
    flex-basis: 35%;
    flex-grow: 0;
    flex-shrink: 0;
}
#formulario .right {
    width: 65%;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 3em 0 0;
    text-align: right;
}
#formulario .col h2 {
    font-weight: 100;
    font-size: 2.8125em;
    margin: 0 0 8%;
}
#formulario .col address,
#formulario .col p {
    margin: 0;
    font-style: normal;
    font-size: var(--textfont);
}
#formulario .col img {
    display: block;
    margin: 24% 0 0;
    width: 100%;
}
#formulario form div:not(.hover),
#formulario form input:not([type*=submit]),
#formulario form textarea {
    width: 100%;
    height: 75px;
    line-height: 75px;
    padding-left: 20px;
    font-size: 1.1em;
    margin-bottom: 10px;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-bottom: 1px solid #232120;
    border-radius: 0;
}
#formulario form div:not(.hover).error,
#formulario form input.error,
#formulario form textarea.error {
    border-color: #ac0303;
}
#formulario form input[type*=file] {
    display: none;
}
#formulario form div span {
    font-size: 1.1em;
}
#formulario form div:not(.hover) {
    position: relative;
    text-align: left;
}
#formulario form div:not(.hover)::after {
    content: " ";
    width: 12px;
    height: 8px;
    display: block;
    background-image: url(img/flechaDown.png);
    position: absolute!important;
    right: 4.1%;
    -ms-background-size: cover;
    background-size: cover;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
#formulario form div .hover {
    width: 100.5%;
    height: 0;
    display: block;
    background: #232120;
    position: absolute;
    left: -1px;
    top: 0;
    z-index: 99;
    padding: 5% 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .15s all ease-in-out;
    transition: .15s all ease-in-out
}
#formulario form div .hover a {
    display: block;
    width: 100%;
    padding-left: 45px;
    color: #FFF;
    line-height: 100%;
    margin-bottom: 10px;
    position: relative;
    z-index: 9999999;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .15s all ease-in-out;
    transition: .15s all ease-in-out
}
#formulario form div .hover.active {
    height: auto;
    opacity: 1;
    visibility: visible;
    -webkit-transition: .15s all ease-in-out;
    transition: .15s all ease-in-out
}
#formulario form div.arquivo {
    cursor: pointer;
    display: none
}
#formulario form div.arquivo span {
    width: 65%;
    float: left;
    overflow: hidden
}
#formulario form div.arquivo:not(.hover)::after {
    content: "Buscar";
    width: 135px;
    height: 55px;
    line-height: 55px;
    display: block;
    float: right;
    color: #FFF;
    text-align: center;
    background: #232120;
    margin-right: -12px
}
#formulario form textarea {
    height: 150px;
    resize: none
}
#formulario form input::-webkit-input-placeholder,
#formulario form textarea::-webkit-input-placeholder {
    font-size: 1.21875em;
    color: #232120;
    opacity: 1
}
#formulario form input::-moz-placeholder,
#formulario form textarea::-moz-placeholder {
    font-size: 1.21875em;
    color: #232120;
    opacity: 1
}
#formulario form input:-ms-input-placeholder,
#formulario form textarea:-ms-input-placeholder {
    font-size: 1.21875em;
    color: #232120;
    opacity: 1
}
#formulario form input:-moz-placeholder,
#formulario form textarea:-moz-placeholder {
    font-size: 1.21875em;
    color: #232120;
    opacity: 1
}

#formulario form input[type*=submit] {
    display: inline-block;
    margin: 0 auto;
    padding: 0.625em 2em;
    font-size: var(--textfont);
    color: #FFF;
    background: #94969A;
    border: 0;
    border-radius: 100px;
    -webkit-transition: .15s all ease-in-out;
}
#formulario form input[type*=submit]:hover {
    color: #FFF;
    background: #232120;
}

#formulario .message {
    float: left;
    margin-top: 40px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .15s all ease-in-out;
    transition: .15s all ease-in-out
}
#formulario .message.active {
    opacity: 1;
    visibility: visible
}
/* END CONTATO */

/* START NEWS */
.noticias {
    width: 100%
}
.noticias #breadcrumbs {
    margin: 0 0 4% 0;
    padding: 6% 0 0 0;
    border-bottom: 1px solid #232120;
}
.noticias #breadcrumbs ul {
    display: block;
    text-align: center;
    margin: 0 0 60px;
    padding-left: 0
}
.noticias #breadcrumbs ul li {
    list-style: none;
    margin: 0 50px;
    display: inline-block;
    position: relative
}
.noticias #breadcrumbs ul li a {
    font-family: argent-cf, serif;
    font-size: var(--bigfont);
    font-weight: 100;
    color: #232120;
    text-align: center
}
.noticias #breadcrumbs ul li a::after {
    content: " ";
    width: 100%;
    height: 3px;
    display: block;
    background: #232120;
    position: absolute;
    bottom: -62px;
    left: 0;
    opacity: 0;
    visibility: hidden
}
.noticias #breadcrumbs ul li.active a::after {
    opacity: 1;
    visibility: visible
}
.noticias #posts {
    width: 90%;
    max-width: 880px;
    display: block;
    margin: 0 auto
}
.noticias #posts .post {
    display: block;
    position: relative;
    padding: 6% 0;
}
.noticias #posts .post:not(:last-child) {
    border-bottom: 1px solid #232120;
}
.noticias #posts .post h1 {
    margin: 0;
    font-size: 2.8125em;
    font-style: normal;
}
.noticias #posts .post span.date,
.noticias #posts .post span.action {
    font-size: var(--textfont);
    color: #94969A;
}
.noticias #posts .post .content {
    font-size: 1.1875em;
    font-weight: 100
}
.noticias #posts .post .content iframe {
    max-width: 840px;
    width: 100%
}
.noticias #posts .post .content img {
    margin: 10px 0
}
.noticias #posts .post .share {
    margin-top: 5%
}
.noticias #posts .post .link {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0
}
.noticias #posts .post .slides {
    position: relative;
    margin: 5% 0
}
.noticias #posts .post .slides .arrow {
    width: 100%;
    display: block;
    top: 45%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    z-index: 99999
}
.noticias #posts .post .slides .arrow a img {
    width: 27px;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.noticias #posts .post .slides .arrow #next,
.noticias #posts .post .slides .arrow #prev {
    width: 64px;
    height: 64px;
    display: block;
    border-radius: 100%;
    text-align: center;
    -webkit-transition: .15s all ease-in-out;
    transition: .15s all ease-in-out;
    background: rgba(0, 0, 0, .25)
}
.noticias #posts .post .slides .arrow #next img,
.noticias #posts .post .slides .arrow #prev img {
    margin: 0
}
.noticias #posts .post .slides .arrow #next:hover,
.noticias #posts .post .slides .arrow #prev:hover {
    background: rgba(0, 0, 0, .5)
}
.noticias #posts .post .slides .arrow #prev {
    position: absolute;
    left: 2.5%
}
.noticias #posts .post .slides .arrow #next {
    position: absolute;
    right: 2.5%
}
.noticias #posts:nth-child(1) {
    padding-top: 2.4%
}
.single-news .post-content {
    font-size: var(--textfont);
}
.single-news .post-content img {
    max-width: 100%;
    height: auto;
}
.single-news .post-content iframe {
    width: 100%;
    height: unset;
    aspect-ratio: 16/9;
}
/* END NEWS */

/* START MOBILE */
@media only screen and (min-width: 1921px) {
    body {
        font-size: 18px
    }
}
@media only screen and (max-width: 1679px) {
    body {
        font-size: 14px
    }
}
@media only screen and (max-width: 1023px) {
    body {
        font-size: 13px;
    }
}
@media only screen and (max-width: 767px) {
    footer form h2,
    .home #colaboracao .align h1,
    .home #news h1,
    #chamada h2,
    #block-04 h2,
    .home #empreendimentos h1,
    .projetos #projects article .align h2,
    .noticias #breadcrumbs ul li a {
        font-size: var(--bigfont_mobile);
    }

    #banners h1,
    .block-02_number span {
        font-size: var(--bannerfont_mobile);
    }
    body {
        font-size: 12px;
    }
    body.active {
        overflow: hidden;
        position: fixed
    }
    h2 br {
        display: none;
    }
    header {
        padding: 20px;
        width: 100vw;
    }
    header .logo {
        width: 130px;
        z-index: 99999;
    }
    header nav .align ul li a:hover,
    header.opened a:hover {
        color: #232120;
    }
    header .hamburguer {
        position: relative;
        height: 24px;
        width: 36px;
        z-index: 99999;
    }
    header .hamburguer span,
    header .hamburguer:after,
    header .hamburguer:before {
        content: " ";
        width: 100%;
        height: 3px;
        display: block;
        background: #FFF;
        transition: all 0.3s ease-in-out;
        transform-origin: center center;
    }
    header .hamburguer span {
        margin: 5px 0
    }
    header .hamburguer.active span {
        display: none
    }
    header .hamburguer.active:after,
    header .hamburguer.active:before {
        position: absolute;
        top: 50%;
    }
    header .hamburguer.active:after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    header .hamburguer.active:before {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    header.opened {
        height: 100vh!important;
    }
    header.opened .logo {
        position: fixed;
        top: 20px;
        left: 20px;
    }
    header.opened .logo * {
        fill: #232120;
    }
    header.opened nav {
        opacity: 1;
        visibility: visible;
    }
    header.opened .hamburguer {
        position: fixed;
        top: 20px;
        right: 20px;
    }
    header.open .hamburguer span,
    header.open .hamburguer:after,
    header.open .hamburguer:before,
    header.opened .hamburguer span,
    header.opened .hamburguer:after,
    header.opened .hamburguer:before {
        background: #232120;
    }
    header nav {
        position: fixed;
        left: 0;
        top: 0;
        display: flex;
        align-items: center;
        width: 100vw;
        height: 100vh;
        background: #FFF;
        opacity: 0;
        visibility: hidden;
        text-align: center
    }
    header nav .align {
        width: 100%;
        margin-right: 0
    }
    header nav .align ul li {
        display: block;
        text-align: center;
        margin-left: 0!important
    }
    header nav .align ul li a {
        font-size: 2em;
        line-height: 50px;
        color: #232120;
    }
    header nav .align ul li a:hover:after {
        display: none
    }
    footer form {
        display: block;
        padding: 12% 0;
    }
    footer form h2 {
        font-size: 3.25em;
        margin-bottom: 6%;
    }
    footer form svg {
        transform-origin: center center;
        transform: rotate(90deg);
    }
    footer .newsletter-input {
        padding: 10px 10px 10px 20px;
    }
    footer form .newsletter-input input {
        height: 48px;
        font-size: 1.6em;
        line-height: 48px;
    }
    footer #símbolo {
        width: 48px;
    }
    footer .infos .col .redes li {
        margin-left: 10px;
    }
    footer .infos .col .redes li a.icon-insta {
        width: 20px;
    }
    footer .infos .col .redes li a.icon-youtube {
        width: 27px;
    }
    footer #copyright {
        padding: 4% 0;
    }
    footer #copyright .icon-firmo {
        width: 32px;
    }
    #bannerSlide {
        height: auto;
    }
    #bannerSlide .banner {
        height: 30vh;
    }
    #bannerSlide .banner .align h2 {
        font-size: 2.25em
    }
    #bannerSlide .owl-controls {
        position: relative;
        margin: 20px auto;
        bottom: unset;
    }
    #bannerSlide .owl-controls .owl-page {
        border-color: #232120;
    }
    #bannerSlide .owl-controls .owl-page.active {
        background-color: #232120;
    }
    #bannerSlide .pageArrow {
        position: relative;
        top: -44px;
    }
    #bannerSlide .pageArrow .left,
    #bannerSlide .pageArrow .right {
        width: 32px;
        height: 32px;
        line-height: 23px;
        background: white;
    }
    #bannerSlide .pageArrow a img {
        filter: invert(100%);
        width: 18px;
    }
    #banners .banner {
        width: 96%;
    }
    .contato #banners,
    .empreendimentos #banners,
    .noticias #banners,
    .projetos #banners,
    .quemsomos #banners {
        min-height: 50vh;
    }
    .contato #banners h1,
    .empreendimentos #banners h1,
    .noticias #banners h1,
    .projetos #banners h1,
    .quemsomos #banners h1 {
        font-size: 2.75em;
    }
    #banners #arrowdown {
        width: 28px;
    }
    .home #colaboracao {
        height: 80vh;
    }
    .home #news {
        padding: 20% 0;
    }
    .home #empreendimentos {
        padding: 6% 0 20%;
    }
    #chamada {
        margin: 10% auto;
    }
    #block-01,
    #block-02,
    #block-03,
    #block-04 {
        display: block;
        margin: 0 auto 10% auto;
    }
    #block-01 img,
    #block-02 img,
    #block-03 img,
    #block-04 img {
        display: block;
        width: 100%;
        margin: 0 auto 10% auto;
    }
    #empreendimentos .posts article {
        flex-basis: 100%;
        margin-bottom: 20%
    }
    .projetos #projects article .align p {
        line-height: 140%
    }
    .home #news article {
        width: 100%;
    }
    .quemsomos .box .align p {
        line-height: 160%
    }
    .quemsomos #responsabilidade-social .align h2 {
        font-size: 2.5em
    }
    .noticias #breadcrumbs {
        padding: 10% 0 0 0;
    }
    .noticias #breadcrumbs ul {
        margin: 0 0 28px;
    }
    .noticias #breadcrumbs ul li {
        margin: 0 12px;
    }
    .noticias #breadcrumbs ul li a {
        font-size: 2.5em;
    }
    .noticias #breadcrumbs ul li a::after {
        bottom: -30px;
    }
    .noticias.publicacoes #posts .post {
        flex-basis: 100%;
    }
    #formulario {
        display: block;
        width: 90%;
        margin: 0 auto;
    }
    #formulario .col {
        display: block;
        width: 100%;
        padding: 0;
        margin: 8% 0;
    }
    #formulario .col img {
        margin: 8% 0 0;
    }
    #formulario div.arquivo:not(.hover):after {
        width: 115px;
        margin-right: -5px
    }
    #formulario div.hover a {
        line-height: 30px
    }
    .noticias .filter .align .sidebar {
        width: 100%;
        margin-top: 5%
    }
    .noticias .filter .align .sidebar div {
        width: 100%
    }
    .noticias .filter .align .sidebar div div {
        width: 50%!important
    }
}
@media only screen and (max-width: 360px) {
    body {
        font-size: 10px;
    }
}
/* END MOBILE */

/* START LOADER */
.loader {
    font-size: 10px;
    margin: 50px auto;
    text-indent: -9999em;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #232120;
    background: -webkit-linear-gradient(left, #232120 10%, rgba(224, 255, 223, 0) 42%);
    background: linear-gradient(to right, #232120 10%, rgba(224, 255, 223, 0) 42%);
    position: relative;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 0;
    visibility: hidden
}
.loader:after,
.loader:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0
}
.loader:before {
    width: 50%;
    height: 50%;
    background: #232120;
    border-radius: 100% 0 0
}
.loader:after {
    background: #FFF;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    margin: auto;
    bottom: 0;
    right: 0
}
.loader.remove {
    opacity: 1;
    visibility: visible
}
@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes load3 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
/* END LOADER */