@font-face {
    font-family: 'D-DIN-PRO';
    src: url('fonts/D-DIN-PRO-Regular.eot');
    src: url('fonts/D-DIN-PRO-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/D-DIN-PRO-Regular.woff2') format('woff2'),
    url('fonts/D-DIN-PRO-Regular.woff') format('woff'),
    url('fonts/D-DIN-PRO-Regular.ttf') format('truetype'),
    url('fonts/D-DIN-PRO-Regular.svg#D-DIN-PRO-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'D-DIN-PRO';
    src: url('fonts/D-DIN-PRO-Medium.eot');
    src: url('fonts/D-DIN-PRO-Medium.eot?#iefix') format('embedded-opentype'),
    url('fonts/D-DIN-PRO-Medium.woff2') format('woff2'),
    url('fonts/D-DIN-PRO-Medium.woff') format('woff'),
    url('fonts/D-DIN-PRO-Medium.ttf') format('truetype'),
    url('fonts/D-DIN-PRO-Medium.svg#D-DIN-PRO-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'D-DIN-PRO';
    src: url('fonts/D-DIN-PRO-SemiBold.eot');
    src: url('fonts/D-DIN-PRO-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('fonts/D-DIN-PRO-SemiBold.woff2') format('woff2'),
    url('fonts/D-DIN-PRO-SemiBold.woff') format('woff'),
    url('fonts/D-DIN-PRO-SemiBold.ttf') format('truetype'),
    url('fonts/D-DIN-PRO-SemiBold.svg#D-DIN-PRO-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'D-DIN-PRO';
    src: url('fonts/D-DIN-PRO-Bold.eot');
    src: url('fonts/D-DIN-PRO-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/D-DIN-PRO-Bold.woff2') format('woff2'),
    url('fonts/D-DIN-PRO-Bold.woff') format('woff'),
    url('fonts/D-DIN-PRO-Bold.ttf') format('truetype'),
    url('fonts/D-DIN-PRO-Bold.svg#D-DIN-PRO-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'icomoon';
    src:  url('fonts/icomoon.eot?5hqlq7');
    src:  url('fonts/icomoon.eot?5hqlq7#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?5hqlq7') format('truetype'),
    url('fonts/icomoon.woff?5hqlq7') format('woff'),
    url('fonts/icomoon.svg?5hqlq7#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-phone:before {
    content: "\f095";
}
.icon-instagram:before {
    content: "\f16d";
}

* {
    border: 0;
    margin: 0;
    padding: 0;

    resize: none;
    outline: none;

    background: transparent;
    font-family: 'D-DIN-PRO';
}

.sr-only {
    font-size: 0;
    line-height: 0;
    position: absolute;
}

[ps] {cursor: pointer}
.ql, .display-b {display: none}
.display-n {display: block}

header {
    z-index: 1000;

    display: block;
    position: fixed;

    top: 0;
    left: 0;
    right: 0;

    width: 100%;
    height: 114px;

    background: #223747;
}

header h1 {
    float: left;
    display: block;

    width: 130px;
    height: 68px;
    margin: 23px 0;

    font-size: 0;
    line-height: 0;

    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(../images/logo.png);
}

header nav {
    float: right;
    margin: 42px 40px 42px 0;
}

header nav a {
    color: #ffffff;
    display: inline-block;

    font-size: 15px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.01em;


    text-align: center;
    text-transform: uppercase;
    text-decoration: none;

    -webkit-transition: 0.2s ease;
            transition: 0.2s ease;

    padding: 0 8px;
    border: 1px solid transparent;
}

header .whatsapp,
header .instagram {
    float: right;
    display: block;
    overflow: hidden;

    width: 35px;
    height: 35px;
    margin: 35px 0;

    text-align: center;
    text-decoration: none;

    -webkit-transition: 0.2s ease;
            transition: 0.2s ease;

    border-radius: 50%;
}

header .whatsapp {
    overflow: visible;
    position: relative;

    margin-left: 8px;
}

header .whatsapp:after {
    z-index: 1;
    content: '';

    left: 2px;
    bottom: 2px;

    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    background: #4caf50;

    -webkit-transform: rotate(-5deg) skew(-20deg);
            transform: rotate(-5deg) skew(-20deg);
}

header .whatsapp {
    color: #ffffff;
    background: #4caf50;
}

header .whatsapp i {
    z-index: 2;

    font-size: 25px;
    line-height: 40px;

    position: relative;
}

header .instagram {
    color: #223747;
    background: #ffffff;
}

header .instagram i {
    font-size: 25px;
    line-height: 35px;
}

header .container {
    padding: 0;
}

.fill-light path {
    fill: #FFFFFF;
}

.fill-dark path {
    fill: #223747;
}

.fill-blue path {
    fill: #487598;
}

[class^="box-"], [class*=" box-"],
[class^="dots-"], [class*=" dots-"] {
    overflow: hidden;
    position: absolute;
    -webkit-pointer-events: none;
            pointer-events: none;
}

.box-1 {
    right: 0px;
    bottom: 0px;
    height: 305px;
    background-size: cover;
    background-position: right top;
    background-repeat: no-repeat;
    background-image: url(../images/line.png);
}

.box-2 {
    left: 0px;
    z-index: 10;
    top: 485px;
    width: 190px;
    height: 560px;
    border-top: 10px solid #223747;
    border-right: 10px solid #223747;
    border-bottom: 10px solid #223747;
}

.box-3 {
    right: 0;
    width: 570px;
    height: 369px;
    border-left: 10px solid #223747;
    border-bottom: 10px solid #223747;
}

.box-4 {
    left: 0px;
    width: 330px;
    height: 640px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}

.box-4 svg {
    width: 110%;
}

div.box-5 {
    right: 0px;
    z-index: 10;
    width: 140px;
    border-top: 10px solid #223747;
    border-left: 10px solid #223747;
}

.box-6 {
    z-index: 12;
    right: -113px;
    width: 423px;
    height: 195px;
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
}

.box-6 svg {
    top: 0px;
    width: 95%;
    position: absolute;
}

div.box-7 {
    left: 0px;
    z-index: 10;
    width: 190px;
    height: 420px;
}

.box-7 svg {
    top: 50%;
    right: 0px;
    height: 85%;
    position: absolute;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

div.box-8 {
    right: 0px;
    z-index: 10;
    width: 190px;
    height: 420px;
}

.box-8 svg {
    top: 50%;
    left: 0px;
    height: 85%;
    position: absolute;
    -webkit-transform: translateY(-50%) scale(-1);
            transform: translateY(-50%) scale(-1);
}

.dots-1 {
    right: 0px;
    width: 225px;
    height: 190px;
}

.dots-1 svg {
    top: 0px;
    right: -120px;
    width: 739px;
    height: 372px;
    position: absolute;
}

.dots-2 {
    right: 0px;
    z-index: 10;
    width: 285px;
    height: 587px;
}

.dots-2 svg {
    top: 0px;
    left: 50px;
    height: 85%;
    position: absolute;
}

.dots-3 {
    left: 0px;
    z-index: 10;
}

.dots-4 {
    right: 0px;
    z-index: 10;
}

.dots-5 {
    left: 0px;
    z-index: 10;
    width: 327px;
    height: 300px;
}

.dots-5 svg {
    right: 0px;
    width: 810px;
    height: 300px;
    position: absolute;
}

.selo {
    width: 170px;
    height: 170px;

    top: 20px;
    left: 45%;
    z-index: 10;
    position: absolute;
    transform: translateX(-45%);
}

.selo img {
    width: 100%;
    height: auto;
}

#banner {
    z-index: 100;
    margin: 114px 0 0;
    position: relative;

    -webkit-box-shadow: 0px 15px 21px rgba(0,0,0,0.18);
            box-shadow: 0px 15px 21px rgba(0,0,0,0.18);
}

#banner, #banner .text,
#banner .layer-0, #banner .layer-1 {
    height: 640px;
}

#banner .text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#banner h2 {
    top: -46px;
    color: #FFFFFF;
    font-size: 64px;
    font-weight: 700;
    line-height: 77px;
    padding-right: 20px;
    position: relative;
    letter-spacing: 0.08em;
    text-transform: uppercase;

    text-align: left;
}

#banner span {
    color: #C4C4C4;
}

#banner .layer-0 {
    top: 0;
    right: 0;
    width: 40vw;
    z-index: -1;
    position: absolute;
    background-size: 230%;
    background-repeat: no-repeat;
    background-position: center;
    background-blend-mode: soft-light;
    transform: matrix(-1, 0, 0, 1, 0, 0);
    background-image: url(../images/farol-da-barra-pb.jpg);
}

#banner .layer-0:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(47,58,73,0.9);
}

#banner .layer-1 {
    top: 0;
    left: 0;

    width: 58vw;
    position: absolute;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/fachada.jpg);
}

#banner .layer-2 {
    bottom: 0;
    left: -50px;
    width: 341px;
    height: 443px;
    z-index: 10;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url(../images/banner-layer.png);
}

#banner .container {
    padding: 0;
}

#banner .v-faixa {
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 8;
    width: 60px;
    position: absolute;
    background: #223747;
}

#banner .h-faixa {
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    width: 100%;
    height: 54px;
    position: absolute;
    background: #487598;
}

/*#banner .selo {
    width: 160px;
    height: 160px;
    z-index: 10;

    top: 20px;
    right: -85px;
    border-radius: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    background: #487598;
    justify-content: center;


    color: #FFFFFF;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}*/

#banner {
    position: relative;
}

#banner .grafismo {
    right: 0;
    bottom: 0;
    height: 305px;
    overflow: hidden;
    position: absolute;
}

#banner .grafismo svg {
    width: 570px;
    transform: rotate(90deg);
}

#banner .grafismo .cls-1 {
    fill: #ffffff;
}

#vantagens {
    margin: 95px 0;
}

#vantagens h2,
#vantagens h2 strong {
    color: #223747;

    font-weight: 600;
    font-size: 48px;
    line-height: 48px;
    letter-spacing: 0.08em;

    text-align: center;
    text-transform: uppercase;
}

#vantagens h2 {
    margin-bottom: 80px;
}

#vantagens h2 strong {
    color: #487598;
}

#vantagens .bg-dark {
    top: 45px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    background: #223747;
}

#vantagens ul {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;

    margin: 0;
    z-index: 2;
    position: relative;
}

#vantagens .wrp-0 {
    position: relative;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(34,55,71,1) 50%, rgba(34,55,71,1) 100%);
}

#vantagens .wrp-0:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -90px;
    height: 90px;
    background: #223747FF;
}

#vantagens .wrp-1 {
    z-index: 10;
    overflow: hidden;
    padding-top: 150px;
}

#vantagens .wrp-1 h2 {
    margin-bottom: 30px;
    text-align: left;
}

#vantagens .wrp-0 ul {
    color: #FFFFFF;
    padding: 160px 0px 60px;
}

#vantagens .wrp-1 ul {
    color: #223747;
}

#vantagens ul li {
    margin: 0;
    padding: 8px 20px;

    display: block;
    position: relative;

    list-style: none;
    text-transform: uppercase;
}

#vantagens ul li:after {
    content: '';

    top: 16px;
    left: 0px;

    width: 10px;
    height: 10px;

    display: block;
    position: absolute;
}

#vantagens .wrp-0 ul li:after {
    background: #FFFFFF;
}

#vantagens .wrp-1 ul li:after {
    background: #223747;
}

#vantagens .wrp-0 .box-left,
#vantagens .wrp-1 .box-right {
    top: 0px;
    bottom: 0px;
    z-index: 1;
    position: absolute;
    background-size: cover;
}

#vantagens .wrp-0 .box-left {
    right: 0px;
    bottom: -60px;
    background-position: right center;
    background-image: url(../images/motivos-para-investir.jpg);
}

#vantagens .wrp-0 .box-right {
    left: 0;
    top: 45px;
    z-index: 1;
    bottom: 0px;
    position: absolute;
    background: #223747;
}

#vantagens .wrp-1 .box-right {
    left: 15px;
    top: -150px;
    background-position: left center;
    background-image: url(../images/motivos-para-morar.jpg);
}

#localizacao {
    margin-top: 80px;
}

#localizacao h2,
#localizacao h2 strong {
    color: #223747;
    font-weight: 600;
    font-size: 48px;
    line-height: 48px;
    text-align: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

#localizacao h2 {
    margin-bottom: 80px;
}

#localizacao h2 strong {
    color: #487598;
}

#localizacao .map .intro {
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
}

#localizacao .address,
#localizacao .map .intro .text {
    padding: 20px 0px;

    color: #ffffff;
    background: rgba(34, 55, 71, 0.64);

    font-weight: 700;
    font-size: 16px;
    line-height: 29px;
    text-align: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

#localizacao .address {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 93px;
    background: #223747;
}

#localizacao .map {
    overflow: hidden;
    position: relative;
}

#localizacao .map .vista {
    font-size: 0px;
    line-height: 0px;
    position: relative;
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
}

#localizacao .map .vista img {
    opacity: 0;
    width: 100%;
    height: auto;
}

#o-empreendimento {
    overflow: hidden;
}

#o-empreendimento h2 {
    color: #487598;
    font-weight: 700;
    font-size: 64px;
    line-height: 77px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 80px 55px 0;
}

#o-empreendimento .info {
    font-weight: 700;
    font-size: 64px;
    line-height: 77px;
    letter-spacing: 0.08em;
    text-transform: uppercase;

    text-align: left;
    padding: 15px 55px;
    position: relative;
}

#o-empreendimento .info h2 {
    z-index: 2;
    color: #FFFFFF;
    padding: 0;
    position: relative;
}

#o-empreendimento .box-title {
    z-index: 1;
    top: 0;
    left: -15px;
    bottom: 0;
    position: absolute;
    background: #487598;
}

#o-empreendimento .items {
    /*height: 100%;
    display: flex;*/
    z-index: 10;
    padding: 60px 55px;
    position: relative;
    align-items: center;
    justify-content: center;
}

#o-empreendimento .items .bg-items {
    left: -15px;
    content: '';
    height: 35px;
    bottom: -35px;
    display: block;
    position: absolute;
    background: #223747;
}

#o-empreendimento .items .text {
    max-width: 315px;
    max-height: 285px;
}

#o-empreendimento .items p {
    font-weight: 400;
    color: #FFFFFF;
    font-size: 18px;
    text-align: left;
    line-height: 25px;
    margin-bottom: 25px;
    position: relative;
    z-index: 2;
}

#o-empreendimento .items strong {
    font-weight: 500;
}

#o-empreendimento .vista {
    height: 497px;
    background-size: 130%;
    background-repeat: no-repeat;
    background-position: left center;
}

#o-empreendimento .vista img {
    opacity: 0;
    width: 100%;
    height: auto;
}

#o-empreendimento .box-light {
    top: 0;
    bottom: 0;
    z-index: 1;
    left: -15px;
    position: absolute;
    background: #223747;
}

#o-empreendimento .box-left {
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-size: cover;
    background-position: bottom center;
    background-image: url(../images/farol-da-barra.jpg);
}

#plantas {
    z-index: 2;
    position: relative;
}

#plantas h2, #plantas h2 strong {
    color: #223747;
    text-align: center;
    padding: 90px 0 80px;

    font-weight: 700;
    font-size: 48px;
    line-height: 48px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

#plantas h3 {
    z-index: 2;
    position: absolute;

    top: 50%;
    left: 50%;

    color: #FFFFFF;
    font-weight: 700;
    font-size: 42px;
    line-height: 42px;
    letter-spacing: 0.16em;
    text-transform: uppercase;

    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
            transform: translateX(-50%) translateY(-50%) rotate(-90deg);
}

#plantas .nav {
    z-index: 2;
    min-height: 570px;
    padding: 100px 0px;
    position: relative;
}

#plantas .nav .filter a {
    margin: 4px 0px;
    margin-left: 20px;
    padding: 4px 8px;
    font-weight: 500;
    font-size: 24px;
    color: #487598;
    line-height: 24px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
#plantas .nav .filter a.show {
    color: #223747;
    font-weight: 700;
}

#plantas .nav .p-items {
    display: none;
}
#plantas .nav .p-items.visible {
    display: block;
}

#plantas .nav a,
#plantas .nav strong {
    margin: 4px 20px;
    padding: 4px 8px;
    display: inline-block;

    color: #223747;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;


    text-align: left;
    text-decoration: none;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: 2px solid transparent;
}

#plantas .nav strong {
    color: #223747;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 14px;
}

#plantas .nav a.active {
    border-color: #223747;
}

#plantas .nav .space {
    height: 45px;
}

#plantas .owl-carousel {
    top: 50%;
    left: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);

    position: absolute;
}

#plantas .box-left {
    z-index: 1;
    position: absolute;

    top: 42px;
    right: 0px;
    bottom: 42px;

    background: #223747;
}

#plantas .box-right {
    z-index: 1;
    position: absolute;

    top: 0px;
    left: 0px;
    bottom: 0px;

    background: #F5F5F5;
}
#plantas .fotos > div {display: none}
#plantas .fotos > div.visible {display: block}

#galeria {
    z-index: 1;
    position: relative;
    background: #E6E6E6;
    margin-top: -42px;
}

#galeria h2 {
    z-index: 2;
    position: absolute;

    top: 50%;
    left: 50%;
    width: 510px;
    padding-right: 80px;
    padding-left: 40px;

    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 0.08em;
    text-transform: uppercase;

    text-align: center;

    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    transform: translateX(-50%) translateY(-50%) rotate(-90deg);

    color: #ffffff;
}

#galeria .owl-carousel .owl-item {
    overflow: hidden;
    position: relative;
    max-height: 720px;
}

#galeria .owl-carousel .owl-item img {
    top: 50%;
    left: 50%;
    width: 105%;
    position: absolute;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
}

#galeria .owl-carousel .owl-nav {
    top: 50%;
    left: 35px;
    right: 35px;
    height: 0;
    overflow: visible;
    position: absolute;
}

#galeria .owl-carousel .owl-nav .owl-prev,
#galeria .owl-carousel .owl-nav .owl-next {
    width: 60px;
    height: 60px;

    font-size: 0;
    line-height: 0;

    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}

#galeria .owl-carousel .owl-nav .owl-prev {
    float: left;

    -webkit-box-shadow: -5px 5px 5px rgba(0,0,0,0.2);
    box-shadow: -5px 5px 5px rgba(0,0,0,0.2);

    border-left: 5px solid rgba(255,255,255,0.8);
    border-bottom: 5px solid rgba(255,255,255,0.8);
}

#galeria .owl-carousel .owl-nav .owl-next {
    float: right;

    -webkit-box-shadow: 5px -5px 5px rgba(0,0,0,0.2);
    box-shadow: 5px -5px 5px rgba(0,0,0,0.2);

    border-top: 5px solid rgba(255,255,255,0.8);
    border-right: 5px solid rgba(255,255,255,0.8);
}

#galeria .owl-carousel .owl-dots {
    height: 56px;
    line-height: 56px;
}

#galeria .owl-carousel .owl-dots .owl-dot {
    width: 14px;
    height: 14px;
    border: 2px solid #223747;
    margin-right: 15px;

    display: inline-block;
}

#galeria .owl-carousel .owl-dots .owl-dot.active {
    background: #223747;
}

#galeria .box-right {
    top: 100px;
    left: -15px;
    bottom: 56px;

    position: absolute;
    background: #223747;
}

#entre-em-contato h2 {
    color: #223747;
    text-align: center;
    padding: 90px 0 80px;
    text-transform: uppercase;

    font-weight: 700;
    font-size: 48px;
    line-height: 48px;
    letter-spacing: 0.08em;
    text-transform: uppercase;


}

#entre-em-contato h2 strong {
    color: #223747;
    font-weight: 400;
}

#entre-em-contato .form {
    padding: 60px 0;
    background: #223747;
}

#entre-em-contato .form .contact {
    text-align: center;
}

#entre-em-contato .form .contact img {
    width: 100%;
    max-width: 360px;
    margin-left: 55px;
    margin-bottom: 42px;
}

#entre-em-contato .form .contact a {
    color: #ffffff;
    padding: 0 0 5px;

    font-size: 30px;
    font-weight: 400;
    line-height: 52px;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;

    position: relative;
    display: inline-block;
}

#entre-em-contato .form .contact a:after {
    content: '';
    display: block;
    position: absolute;

    -webkit-transition: 0.2s ease;
            transition: 0.2s ease;

    left: 50%;
    bottom: 2px;

    width: 55px;
    height: 2px;

    -webkit-transform: translateX(-50%) scaleX(1);
            transform: translateX(-50%) scaleX(1);

    background: #ffffff;
}

#entre-em-contato .form .contact a:last-child {
    font-size: 20px;
}

#entre-em-contato .form .contact a:last-child:after {
    display: none;
}

#entre-em-contato .form .whatsapp,
#entre-em-contato .form .instagram {
    float: right;
    display: inline-block;
    overflow: hidden;

    width: 55px;
    height: 55px;
    margin: 30px 0px 0px;

    text-align: center;
    text-decoration: none;

    -webkit-transition: 0.2s ease;
            transition: 0.2s ease;

    border-radius: 50%;
}

#entre-em-contato .form .whatsapp {
    overflow: visible;
    position: relative;

    margin-left: 10px;
    margin-right: 160px;
}

#entre-em-contato .form .whatsapp:after {
    z-index: 1;
    content: '';

    left: 3px;
    bottom: 3px;

    width: 20px;
    height: 20px;

    display: block;
    position: absolute;

    background: #4caf50;

    -webkit-transform: rotate(-10deg) skew(-20deg);
            transform: rotate(-10deg) skew(-20deg);
}

#entre-em-contato .form .whatsapp {
    color: #ffffff;
    background: #4caf50;
}

#entre-em-contato .form .whatsapp i {
    z-index: 2;

    font-size: 32px;
    line-height: 55px;

    position: relative;
}

#entre-em-contato .form .instagram {
    color: #223747;
    background: #ffffff;
}

#entre-em-contato .form .instagram i {
    font-size: 32px;
    line-height: 55px;
}

#entre-em-contato .form .box-right {
    top: 0;
    left: 60px;
    bottom: 0;

    -webkit-box-shadow: -15px 0px 21px rgba(0,0,0,0.17);
            box-shadow: -15px 0px 21px rgba(0,0,0,0.17);

    position: absolute;
    background: #ffffff;
}

#entre-em-contato .form form {
    z-index: 2;

    top: 50%;
    right: 45px;
    left: 105px;

    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    position: absolute;
}

#entre-em-contato .form form h3 {
    color: #223747;

    font-size: 30px;
    line-height: 30px;
    font-weight: 700;


    margin-bottom: 30px;
    text-transform: uppercase;
}

#entre-em-contato .form form input,
#entre-em-contato .form form input::placeholder {
    color: #223747;
    font-weight: 700;
    font-size: 19px;
    line-height: 50px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

#entre-em-contato .form form input {
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 2px solid #223747;
}

#entre-em-contato .form form .error {
    height: 0px;
    overflow: hidden;

    color: #990000;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;

    -webkit-transition: 0.2s ease;
            transition: 0.2s ease;
}

#entre-em-contato .form form .invalid + .error {
    height: 20px;
}

#entre-em-contato .form form button {
    float: left;
    padding: 15px 25px;
    margin-top: 35px;

    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    line-height: 34px;
    text-align: center;
    background: #223747;
    text-transform: uppercase;
}

#entre-em-contato .form form .success {
    display: none;
    margin-top: 35px;

    color: #009900;
    font-size: 16px;
    font-weight: 400;
    line-height: 34px;
    text-align: center;
    text-transform: uppercase;
}

footer {
/*    padding-top: 68px;*/
    text-align: center;
    background: #f3f2f2;
}

footer .marcas {
    width: 130px;
    height: auto;
    margin: 0 45px 40px;
    display: inline-block;
    vertical-align: middle;
}

footer h2 {
    color: #312a2d;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    text-transform: uppercase;
}

footer p {
    color: #312a2d;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
}

footer .spacer {
    width: 55px;
    height: 4px;
    margin: 30px auto;
    background: #223747;
}

footer .area {
    color: #6C6C6C;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

footer .logo {
    width: 100%;
    height: 64px;
    margin-top: 15px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

footer .legal-text {
    padding: 15px 0 15px;
    background-color: #223747;
}

footer .legal-text p {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 20px;
    text-align: center;
    text-transform: none;
}

.house-inc {
    display: flex;
    text-align: center;
    align-items: stretch;
    justify-content: center;

    min-height: 70px;
    background: #191919;
}

.house-inc a {
    width: 100px;
    display: flex;
    min-height: 100%;
    align-items: center;
    transform: scale(1);
    transition: 0.4s ease;
}

.house-inc img {
    width: 100%;
    height: auto;
}


@media (min-width: 992px) {
    header nav a:hover,
    header nav a.active {
        border-color: white;
    }

    header .whatsapp:hover,
    header .instagram:hover {
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
    }

    .house-inc a:hover {
        transform: scale(1.05);
    }

    #entre-em-contato .form .contact a:hover:after {
        -webkit-transform: translateX(-50%) scaleX(1.6);
                transform: translateX(-50%) scaleX(1.6);
    }

    #entre-em-contato .whatsapp:hover,
    #entre-em-contato .instagram:hover {
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
    }
}

@media (max-width: 1500px) {
    .box-4 {
        left: -150px;
    }

    div.box-5 {
        width: 110px;
    }
}

@media (max-width: 1199px) {
    div.box-2 {
        top: 400px;
        width: 110px;
    }

    div.box-4 {
        left: -180px;
        height: 570px;
    }

    .box-6 {
        width: 380px;
        height: 154px;
    }

    header {
        height: 95px;
    }

    header h1 {
        margin: 14px 0px;
    }

    header nav {
        margin: 33px 15px 33px 0px;
    }

    header nav a {
        padding: 0px 5px;
        font-size: 13px;
    }

    header .whatsapp,
    header .instagram {
        width: 28px;
        height: 28px;
        margin: 34px 0px;
    }

    header .whatsapp {
        margin-left: 8px;
    }

    header .whatsapp i,
    header .instagram i {
        font-size: 18px;
        line-height: 28px;
    }

    #banner {
        height: 500px;
        margin: 95px 0 0;
    }

    #banner h2 {
        font-size: 40px;
        line-height: 45px;
    }

    #banner h2:nth-child(1) {margin-top: 45px}

    #banner h2:after {
        width: 75px;
        margin: 22px 0;
    }

    #banner h3 {
        font-size: 30px;
        line-height: 35px;
    }

    #banner .details {
        left: 0;
        height: 500px;
    }

    .selo {
        left: 28%;
        width: 150px;
        height: 150px;
        transform: none;
    }

    #banner {
        overflow: hidden;
    }

    #banner, #banner .text, #banner .layer-0,
    #banner .layer-1, #banner .layer-2 {
        height: 500px;
    }

    #vantagens h2,
    #vantagens h2 strong,
    #localizacao h2,
    #localizacao h2 strong,
    #plantas h2,
    #plantas h2 strong,
    #entre-em-contato h2,
    #entre-em-contato h2 strong {
        font-size: 40px;
        line-height: 42px;
    }

    #vantagens h2 {
        margin-bottom: 40px;
    }

    #vantagens ul {
        font-size: 16px;
        line-height: 22px;
    }

    #vantagens ul li:after {
        top: 14px;
        width: 8px;
        height: 8px;
    }

    #vantagens .wrapper {
        padding-bottom: 55px;
    }

    #localizacao h2 {
        margin-bottom: 40px;
    }

    #localizacao .map .intro .text {
        padding: 16px 0px;
        font-size: 16px;
        line-height: 25px;
    }

    #localizacao .address {
        font-size: 16px;
        line-height: 22px;
    }

    #o-empreendimento .info p span,
    #o-empreendimento h2 {
        font-size: 36px;
        line-height: 42px;
        padding: 60px 35px;
    }

    #o-empreendimento .info {
        font-size: 16px;
        line-height: 30px;
        padding: 30px 35px;
    }

    #o-empreendimento .items ul {
        font-size: 16px;
        line-height: 20px;
        padding: 30px 35px;
    }

    #o-empreendimento .items ul li:after {
        top: 14px;
        width: 8px;
        height: 8px;
    }

    #o-empreendimento .items ul li.spacer {
        width: 60px;
        margin: 20px 0;
    }

    #o-empreendimento .items ul li.iptu:before {
        left: 220px;
        width: 53px;
        height: 53px;
    }

    #plantas h2 {
        padding: 50px 0px 50px;
    }

    #plantas h3 {
        font-size: 26px;
        line-height: 26px;
    }

    #plantas .nav .filter a {
        font-size: 18px;
    }

    #plantas .nav a,
    #plantas .nav strong {
        margin: 4px 10px;
        font-size: 18px;
    }

    #plantas .nav a {
        font-size: 14px;
        line-height: 16px;
    }

    #plantas .nav strong {
        margin-bottom: 10px;
    }

    #plantas .nav .space {
        height: 25px;
    }

    #galeria .owl-carousel .owl-dots {
        height: 46px;
        line-height: 46px;
    }

    #galeria .owl-carousel .owl-dots .owl-dot {
        width: 12px;
        height: 12px;
        margin-right: 13px;
    }

    #galeria .box-right {
        top: 87px;
        bottom: 46px;
    }

    #galeria h2 {
        width: 480px;
        font-size: 22px;
    }

    #galeria .owl-carousel .owl-nav .owl-prev,
    #galeria .owl-carousel .owl-nav .owl-next {
        -webkit-transform: translateY(-50%) rotate(45deg) scale(0.8);
                transform: translateY(-50%) rotate(45deg) scale(0.8);
    }

    #entre-em-contato h2 {
        padding: 50px 0px 50px;
    }

    #entre-em-contato .form {
        padding: 50px 0px;
    }

    #entre-em-contato .form .contact img {
        width: 250px;
        margin-left: 112px;
        margin-bottom: 28px;
    }

    #entre-em-contato .form .contact a {
        font-size: 25px;
        line-height: 48px;
    }

    #entre-em-contato .form .contact a:last-child {
        font-size: 16px;
    }

    #entre-em-contato .form .contact a:after {
        width: 40px;
    }

    #entre-em-contato .form .whatsapp,
    #entre-em-contato .form .instagram {
        width: 45px;
        height: 45px;
        margin: 20px 0px 0px;
    }

    #entre-em-contato .form .whatsapp i,
    #entre-em-contato .form .instagram i {
        font-size: 27px;
        line-height: 45px;
    }

    #entre-em-contato .form .whatsapp {
        margin-left: 8px;
        margin-right: 135px;
    }

    #entre-em-contato .form form h3 {
        font-size: 26px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    #entre-em-contato .form form input {
        font-size: 16px;
        line-height: 50px;
    }

    #entre-em-contato .form form .error {
        font-size: 14px;
        line-height: 18px;
    }

    #entre-em-contato .form form .invalid + .error {
        height: 18px;
    }

    #entre-em-contato .form form button {
        margin: 25px 0 0;
        padding: 0px 20px;
        font-size: 16px;
        line-height: 30px;
    }

    #entre-em-contato .form form .success {
        font-size: 14px;
        line-height: 30px;
    }

    footer {
        padding-top: 48px;
    }

    footer h2 {
        font-size: 25px;
        line-height: 30px;
    }

    footer h3 {
        font-size: 24px;
        line-height: 32px;
    }

    footer p {
        font-size: 16px;
        line-height: 18px;
    }

    footer .spacer {
        width: 40px;
        height: 3px;
    }

    footer .area {
        font-size: 10px;
        line-height: 15px;
    }
}

@media (max-width: 991px) {
    [class^="box-"], [class*=" box-"], [class^="dots-"], [class*=" dots-"] {
        display: none;
    }

    .box-left, .box-right, .box-title, .box-items {
        display: block;
    }

    header nav {
        overflow: auto;
        position: fixed;

        top: 95px;
        right: 0;
        bottom: 0;

        width: 320px;
        margin: 0;

        -webkit-transition: 0.4s ease;
                transition: 0.4s ease;

        -webkit-transform: translate3d(100%,0,0);
                transform: translate3d(100%,0,0);

        background: #223747;
    }

    header nav a {
        display: block;

        margin: 15px 0px;
        padding: 0px 5px;

        font-size: 15px;
        line-height: 30px;
    }

    header .menu-toggle {
        float: right;
        width: 30px;
        margin: 36px 15px;
    }

    header .menu-toggle div {
        width: 100%;
        height: 3px;
        margin: 4px 0px;

        -webkit-transition: 0.2s ease;
                transition: 0.2s ease;

        background: #ffffff;
    }

    header.menu-visible nav {
        -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);

        -webkit-box-shadow: -5px 5px 5px rgba(0,0,0,0.2);
                box-shadow: -5px 5px 5px rgba(0,0,0,0.2);
    }

    header.menu-visible .menu-toggle div:nth-child(2) {
        opacity: 0;
    }

    header.menu-visible .menu-toggle div:nth-child(1) {
        -webkit-transform: translateY(7px) rotate(45deg);
                transform: translateY(7px) rotate(45deg);
    }

    header.menu-visible .menu-toggle div:nth-child(3) {
        -webkit-transform: translateY(-7px) rotate(-45deg);
                transform: translateY(-7px) rotate(-45deg);
    }

    header .container,
    #banner .container {
        padding: 0px 15px;
    }

    .selo {
        left: auto;
        right: 50px;
    }

    #banner .details {height: 410px}
    #banner .details .text-layer {bottom: 70px}

    #banner h2 {
        font-size: 35px;
        line-height: 38px;
    }

    #banner h3 {
        padding: 0;
        font-size: 23px;
        line-height: 30px;
    }

    #banner {
        overflow: hidden;
    }

    #banner, #banner .text, #banner .layer-0,
    #banner .layer-1, #banner .layer-2 {
        height: 410px;
    }

    #banner .layer-0 {
        left: 50%;
        width: 100vw;
        background-size: cover;
        background-repeat: no-repeat;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
    }

    #banner .layer-2 {
        left: 235px;
        height: 380px;
    }

    #vantagens h2,
    #vantagens h2 strong,
    #localizacao h2,
    #localizacao h2 strong,
    #plantas h2,
    #plantas h2 strong,
    #entre-em-contato h2,
    #entre-em-contato h2 strong {
        display: block;
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 30px;
    }

    #plantas h2 strong {display: inline-block}

    #vantagens h2, #localizacao h2, #plantas h2 {
        margin: 0;
        padding: 0;
        padding-top: 20px;
    }

    #entre-em-contato h2 {
        margin: 0px;
        padding: 20px 0px;
    }

    #vantagens ul {
        font-size: 14px;
        line-height: 20px;
        padding: 25px 30px;
    }

    #vantagens ul li:after,
    #o-empreendimento .items ul li:after {
        top: 14px;
        width: 7px;
        height: 7px;
    }

    #vantagens .box-right {
        display: none;
    }

    #vantagens .wrp-0 {
        padding: 0;
        background: #223747;
    }

    #vantagens .wrp-1 {
        padding-top: 55px;
    }

    #vantagens .wrp-1 h2 {
        text-align: center;
    }

    #vantagens .wrp-0 ul {
        padding: 60px 0px;
    }

    #vantagens .wrp-0:after {
        display: none;
    }

    #vantagens {
        margin-top: 60px;
        margin-bottom: 0px;
    }

    #localizacao {
        margin-top: 0px;
    }

    #localizacao .map,
    #localizacao .map .vista {
        /*height: 440px;*/
    }

    #localizacao .map .intro .text {
        padding: 12px 0px;
        font-size: 12px;
        line-height: 20px;
    }

    #localizacao .address {
        font-size: 14px;
        line-height: 20px;
        padding: 14px 15px;
    }

    #o-empreendimento .info p span,
    #o-empreendimento h2 {
        font-size: 24px;
        line-height: 32px;
        padding: 30px 15px;
        text-align: center;
    }

    #o-empreendimento .info {
        font-size: 14px;
        line-height: 24px;
        padding: 25px 20px;
        text-align: center;
    }

    #o-empreendimento .info .box-title {
        display: block;
        left: 50%;
        width: 100vw;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
    }

    #o-empreendimento .items {
        height: auto;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    #o-empreendimento .items .box-light {
        display: block;
    }

    #o-empreendimento .items .box-light:after {
        display: none;
    }

    #o-empreendimento .vista {
        background-position: top;
    }

    #o-empreendimento .box-green,
    #o-empreendimento .box-light {
        left: 50%;
        transform: translate(-50%,0);
        width: 100vw !important;
    }

    #o-empreendimento .col-lg-7 { font-size: 0; }

    #o-empreendimento .fachada {
        width: 100vw;
        position: relative;
    }

    #o-empreendimento .items ul {
        font-size: 14px;
        line-height: 15px;
        padding: 30px 15px;
    }

    #o-empreendimento .items ul li:after {
        top: 12px;
    }

    #o-empreendimento .items ul li.spacer {
        width: 50px;
        margin: 15px 0;
    }

    #o-empreendimento .items ul li.iptu:before {
        left: 200px;
        width: 45px;
        height: 45px;
        bottom: -5px
    }

    #plantas,
    #plantas .left,
    #plantas .right {
        background: #f3f2f2;
    }

    #plantas h2 {
        padding: 60px 0px;
    }

    #plantas h2 strong {
        margin: 0px;
        padding: 0px;
    }

    #plantas h3 {display: none}

    #plantas .nav {
        padding: 0;
        min-height: 25px;
    }

    #plantas .nav .space {
        height: auto;
    }

    #plantas .nav a {
        margin: 0;
        display: block;
        text-align: center;
    }

    #plantas .nav strong {
        display: none;
    }

    #plantas .owl-carousel {
        top: 0;
        left: 0;
        position: relative;

        -webkit-transform: none;
                transform: none;
    }

    #plantas .links.owl-carousel {
        padding: 0px 20px;
    }

    #plantas .links.owl-carousel a,
    #plantas .links.owl-carousel a.active {
        border: 0;
    }

    #plantas .links.owl-carousel .owl-item {
        height: 44px;
        border: 2px solid #223747;
        position: relative;
    }

    #plantas .links.owl-carousel .owl-item a {
        top: 50%;
        width: 100%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        position: absolute;
    }

    #plantas .images.owl-carousel {
        padding-top: 20px;
        padding-bottom: 40px;
    }

    #plantas .links.owl-carousel .owl-nav {
        top: 50%;
        left: 0;
        right: 0;
        height: 0;

        overflow: visible;
        position: absolute;
    }

    #plantas .links.owl-carousel .owl-nav button {
        color: #637847;
        font-size: 30px;
        font-weight: normal;

        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
    }

    #plantas .links.owl-carousel .owl-nav button.owl-next {
        float: right;
    }

    #plantas .links.owl-carousel .owl-nav button.owl-prev {
        float: left;
    }

    #galeria {
        margin: 0;
    }

    #galeria .box-right {
        display: none;
    }

    #plantas h3,
    #galeria h2 {
        width: auto;

        top: 0;
        left: 0;
        right: 0;
        padding: 0;

        color: #2d2d2f;
        font-size: 15px;
        line-height: 60px;

        -webkit-transform: none;
                transform: none;

        position: static;
    }

    #galeria .col-lg-10 {
        padding: 0;
    }

    #galeria .owl-carousel .owl-nav {
        left: 5px;
        right: 5px;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
    }

    #galeria .owl-carousel .owl-nav .owl-prev,
    #galeria .owl-carousel .owl-nav .owl-next {
        -webkit-transform: translateY(-50%) rotate(45deg) scale(0.8);
                transform: translateY(-50%) rotate(45deg) scale(0.4);
    }

    #galeria .owl-carousel .owl-dots {
        text-align: center;
    }

    #entre-em-contato .form .contact img {
        width: 200px;
        margin-left: 0px;
        margin-bottom: 18px;
    }

    #entre-em-contato .form {
        padding: 40px 0px;
    }

    #entre-em-contato .form .contact a {
        font-size: 18px;
        line-height: 38px;
    }

    #entre-em-contato .form .contact a:last-child {
        font-size: 14px;
    }

    #entre-em-contato .form {
        padding: 40px 0 0;
        text-align: center;
    }

    #entre-em-contato .form .whatsapp,
    #entre-em-contato .form .instagram {
        float: none;
        width: 38px;
        height: 38px;
        margin: 15px 5px 30px;
        vertical-align: bottom;
    }

    #entre-em-contato .form .whatsapp i,
    #entre-em-contato .form .instagram i {
        font-size: 22px;
        line-height: 38px;
    }

    #entre-em-contato .form form {
        top: 0;
        left: 0;
        right: 0;
        position: relative;
        -webkit-transform: none;
                transform: none;
    }

    #entre-em-contato .form .box-right {
        display: none;
    }

    #entre-em-contato .form .right {
        padding: 25px 0px;
        background: white;
    }

    #entre-em-contato .form form {
        padding: 0px 30px;
    }

    #entre-em-contato .form form input {
        font-size: 14px;
        line-height: 45px;
        border-bottom-width: 1px;
    }

    #entre-em-contato .form form h3 {
        font-size: 18px;
        line-height: 22px;
    }

    #entre-em-contato .form form button {
        float: right;
    }

    #entre-em-contato .form form .error {
        text-align: left;
    }

    #entre-em-contato .form form .success {
        font-size: 14px;
        line-height: 20px;
        text-align: left;
        margin-top: 20px;
    }

    footer {padding-top: 30px}

    footer h2 {
        font-size: 18px;
        line-height: 25px;
    }

    footer p {
        font-size: 14px;
        line-height: 16px;
    }

    footer .spacer {
        margin: 15px auto 0px;
        width: 30px;
        height: 2px;
    }

    footer .marcas {
        margin-top: 20px;
    }

    footer h3 {
        font-size: 16px;
        line-height: 20px;
    }

    footer .area {line-height: 12px}


    #localizacao .prev,
    #localizacao .next {
        width: 60px;
        height: 60px;

        font-size: 0;
        line-height: 0;

        z-index: 2;
        position: absolute;

        -webkit-transform: rotate(45deg) scale(0.4);
                transform: rotate(45deg) scale(0.4);

        bottom: 10px;
    }

    #localizacao .prev {
        float: left;
        left: 5px;

        -webkit-box-shadow: -5px 5px 5px rgba(0,0,0,0.2);
                box-shadow: -5px 5px 5px rgba(0,0,0,0.2);

        border-left: 5px solid rgba(255,255,255,0.8);
        border-bottom: 5px solid rgba(255,255,255,0.8);
    }

    #localizacao .next {
        float: right;
        right: 5px;

        -webkit-box-shadow: 5px -5px 5px rgba(0,0,0,0.2);
                box-shadow: 5px -5px 5px rgba(0,0,0,0.2);

        border-top: 5px solid rgba(255,255,255,0.8);
        border-right: 5px solid rgba(255,255,255,0.8);
    }

    #localizacao .map .vista {
        background-size: 150% auto;
    }

    #localizacao .map .vista img {
        width: 150%;
    }

    #localizacao .map .vista {
        -webkit-transition: 0.4s ease;
                transition: 0.4s ease;
    }

    #localizacao .map .vista.sprev {
        background-position: 50% 0
    }

    #localizacao .map .vista.sprev2 {
        background-position: 0 0;
    }

    #localizacao .map .vista.snext {
        background-position: 0 0;
    }

    #localizacao .map .vista.snext2 {
        background-position: 100% 0
    }
}

@media (max-width: 767px) {
    #banner h2 {
        font-size: 28px;
        line-height: 30px;
    }

    #o-empreendimento .vista {
        height: 350px;
    }

    #galeria .types a {
        margin: 12px 4px;
        padding: 4px 10px;
        font-size: 14px;
    }

    #banner .layer-2 {
        z-index: 11;
        left: 170px;
    }

    .display-b {display: block}
    .display-n {display: none}

}

@media (max-width: 575px) {
    #banner, #banner .text,
    #banner .layer-0, #banner .layer-1 {
        height: 410px;
    }

    #banner .layer-2 {
        height: 270px;
    }

    .selo {
        width: 120px;
        height: 120px;
        right: 20px;
    }

    #o-empreendimento .vista {
        height: 250px;
    }

    #localizacao {
        margin-top: 10px;
    }

    #localizacao .map .vista {
        background-position: right 0px;
    }

    #localizacao .map .intro {
        position: relative;
        background: #223747;
    }

    #entre-em-contato .form .contact a:last-child {
        font-size: 12px;
    }
}

@media (max-width: 475px) {
    #banner .layer-1 {
        right: -295px;
    }
}

.pswp__caption__center {
    font-size: 14px !important;
    font-weight: 600 !important;
    font-family: 'D-DIN-PRO' !important;
    text-align: center !important;
}