html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
border: 0;
font: inherit;
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
box-sizing: border-box;
}
html {
margin-right: 0 !important;
scroll-behavior: smooth;
}
html.fbx-no-scroll {
overflow: auto !important;
}
a:focus {
outline: none;
}
a {
text-decoration: none;
}
section {
scroll-margin-top: 100px;
}
.phone_hp {
display: none !important;
}
.error,
.error::placeholder {
color: red !important;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
img {
display: block;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.clear {
clear: both;
}
.fbx-count {
display: none !important;
}
input:focus,
textarea:focus {
outline: none;
}
iframe {
display: block;
}
body {
margin: 0 !important;
font-family: "Montserrat", sans-serif;
}
:root {
--transicao: .2s all ease-in-out;
}
a.foobox {
position: relative;
}
a.foobox::after {
content: url(//www.symmetryresidence.com.br/wp-content/themes/simmetryresidence/assets/images/ico-zoom.svg);
position: absolute;
top: 10px;
right: 10px;
transition: .2s all ease-in-out;
}
a.foobox:hover::after {
transform: scale(1.2);
}
html::-webkit-scrollbar-thumb {
background-color: #000;
border-radius: 20px;
border: 3px solid rgb(255 255 255);
}
html::-webkit-scrollbar {
width: 10px;
}
html::-webkit-scrollbar-track {
background: rgb(255 255 255);
} header {
transition: var(--transicao);
display: flex;
justify-content: flex-end;
position: absolute;
width: 100%;
top: 38px;
z-index: 1000;
}
header.fixo {
position: fixed;
top: 0;
background-color: #060606;
}
header ul {
display: flex;
background-color: #060606;
height: 64px;
align-items: center;
column-gap: 32px;
padding: 0 30px;
}
header ul li {
height: 100%;
}
header ul li a {
color: #fff;
height: 100%;
display: flex;
align-items: center;
transition: var(--transicao);
position: relative;
font-weight: 300;
}
header ul li a:hover {
color: #F9E484 ;
}
header ul li a:before {
background: linear-gradient(180deg, #C09347 7.63%, #D2B05A 43.12%, #F0E17A 96.35%);
bottom: 0px;
content: '';
height: 3px;
position: absolute;
transform: scaleX(0);
transition: all 0.3s ease-in-out 0s;
transition: all 0.3s;
visibility: hidden;
}
header ul li a:hover:before {
left: -0%;
transform: scaleX(1);
transition: all 0.3s;
visibility: visible;
width: 100%;
} #banner {
position: relative;
background-image: url(//www.symmetryresidence.com.br/wp-content/themes/simmetryresidence/assets/images/banner-desktop.webp);
background-size: cover;
background-position: top;
background-repeat: no-repeat;
height: 49.4vw;
}
#banner .overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(269.67deg, rgba(0, 0, 0, 0) 67.43%, rgba(0, 0, 0, 0.465) 75.86%, #000000 101.83%);
}
#banner .area-cta {
position: absolute;
left: 5.2vw;
top: 2vw;
display: flex;
flex-direction: column;
align-items: center;
}
#banner .area-cta .logo {
width: 16vw;
margin-bottom: 2.1vw;
}
#banner .area-cta .cta {
width: 20vw;
margin-bottom: 25px;
}
#banner::before {
content: '';
background-image: url(//www.symmetryresidence.com.br/wp-content/themes/simmetryresidence/assets/images/linha-banner.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: absolute;
bottom: -2vw;
left: 0;
width: 100%;
height: 20%;
z-index: 2;
}
#banner::after {
content: '';
position: absolute;
z-index: 1;
width: 100%;
height: 3px;
top: 0;
left: 0;
background: linear-gradient(90deg, #C09347 0.01%, #D2B05A 40%, #F0E17A 99.99%);
}
#banner .botoes {
display: flex;
column-gap: 12px;
}
#banner picture,
#banner picture img {
width: 100%;
display: block;
}
#banner .botoes .confira {
width: 9.74vw;
height: 2.66vw;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
background: #0000004D;
border-radius: 10px;
transition: var(--transicao);
font-weight: 600;
font-size: 0.74vw;
text-align: center;
position: relative;
}
#banner .botoes .confira::before {
content: "";
position: absolute;
inset: 0;
border-radius: 10px;
padding: 1px;
background: linear-gradient(180deg, #C09347 7.63%, #D2B05A 43.12%, #F0E17A 96.35%);
mask-composite: exclude;
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
}
#banner .botoes .confira:hover {
background-color: #fff;
color: #000;
}
#banner .botoes .saiba {
width: 9.74vw;
height: 2.66vw;
border: 1px solid #fff;
border-radius: 10px;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
column-gap: .8vw;
color: #000;
font-weight: 600;
font-size: 0.74vw;
transition: var(--transicao);
}
#banner .botoes .saiba svg {
width: 1.15vw;
}
#banner .botoes .saiba:hover {
background-color: #000;
color: #fff;
border: 1px solid #000;
}
#mouse {
position: absolute;
bottom: 9vw;
width: 100%;
}
.mouse {
width: 18px;
height: 34px;
left: 49%;
margin-left: -12px;
border-radius: 15px;
border: 2px solid rgba(255, 255, 255, 1);
-webkit-animation: intro 1s;
animation: intro 1s;
margin: 0 auto;
opacity: .7;
}
.scroll {
display: block;
width: 3px;
height: 3px;
margin: 6px auto;
border-radius: 4px;
background: #fff;
-webkit-animation: finger 1s infinite;
animation: finger 1s infinite;
}
@-webkit-keyframes intro {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
transform: translateY(40px);
}
100% {
opacity: 0.3;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes intro {
0% {
opacity: 0;
-webkit-transform: translateY(40px);
transform: translateY(40px);
}
100% {
opacity: 0.3;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes finger {
0% {
opacity: 0.3;
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes finger {
0% {
opacity: 0.3;
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
} #video {
background-image: url(//www.symmetryresidence.com.br/wp-content/themes/simmetryresidence/assets/images/bg-container-video.webp);
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
padding-bottom: 115px;
padding-top: 79px;
}
#video .container {
width: 1721px;
max-width: 91%;
margin: 0 auto;
}
#video .topo .titulo {
font-size: 36px;
font-weight: 500;
line-height: 50.4px;
letter-spacing: 0.4em;
text-align: center;
text-transform: uppercase;
margin-bottom: 30px;
}
#video .topo .titulo span {
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
letter-spacing: 0.2em;
text-align: center;
display: block;
margin-bottom: 5px;
}
#video .topo {
width: 1371px;
margin: 0 auto;
max-width: 100%;
}
#video .topo .texto {
font-size: 16px;
font-weight: 600;
line-height: 28.8px;
letter-spacing: 0.02em;
text-align: center;
width: 1159px;
margin: 0 auto 58px;
max-width: 100%;
}
#video .box-video {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
border-radius: 30px;
background-image: url(//www.symmetryresidence.com.br/wp-content/themes/simmetryresidence/assets/images/bg-video.webp);
background-repeat: no-repeat;
background-position: right;
background-size: cover;
height: 671px;
}
#video .box-video .play {
cursor: pointer;
}
#video .box-video .play svg {
max-width: 100%;
}
#lightbox-video {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
z-index: 1000;
}
#lightbox-video .content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 90%;
height: 80vh;
display: flex;
justify-content: center;
align-items: center;
}
#lightbox-video iframe {
width: 100%;
height: 100%;
}
#lightbox-video .fechar {
position: absolute;
top: -43px;
right: 10px;
cursor: pointer;
font-size: 24px;
color: #fff;
} #lazer {
background-image: url(//www.symmetryresidence.com.br/wp-content/themes/simmetryresidence/assets/images/bg-lazer.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin-bottom: 5px;
}
#lazer .topo {
width: 1680px;
margin: 0 auto;
max-width: 90%;
}
#lazer .topo .titulo {
font-size: 28px;
font-weight: 500;
line-height: 50.4px;
letter-spacing: 0.4em;
text-align: center;
text-transform: uppercase;
margin-bottom: 30px;
}
#lazer .topo .texto {
font-size: 16px;
font-weight: 600;
line-height: 28.8px;
letter-spacing: 0.02em;
text-align: center;
width: 1159px;
margin: 0 auto 58px;
max-width: 100%;
}
#lazer .topo .titulo span {
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
letter-spacing: 0.2em;
text-align: center;
display: block;
margin-bottom: 5px;
}
#lazer .topo .area-filtro {
width: 823px;
max-width: 100%;
margin: 0 auto;
display: flex;
column-gap: 17px;
}
#lazer .topo .area-filtro li {
cursor: pointer;
width: 263px;
height: 51px;
color: #fff;
font-size: 14px;
font-weight: 600;
position: relative;
background-color: #000;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
text-align: center;
padding: 0 10px;
transition: .2s all ease-in-out;
}
#lazer .topo .area-filtro li:hover,
#lazer .topo .area-filtro li.ativo {
background-color: #fff;
color: #000;
}
#lazer .topo .area-filtro li::before,
#lazer .topo .area-filtro li::before {
content: "";
position: absolute;
inset: 0;
border-radius: 10px;
padding: 1px;
background: #000;
mask-composite: exclude;
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
}
#lazer .topo .area-filtro li:hover::before,
#lazer .topo .area-filtro li.ativo::before {
content: "";
position: absolute;
inset: 0;
border-radius: 10px;
padding: 1px;
background: linear-gradient(180deg, #C09347 7.63%, #D2B05A 43.12%, #F0E17A 96.35%);
mask-composite: exclude;
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
}
#lazer .swiper-slide  {
user-select: none;
display: flex;
justify-content: center;
height: 25.7vw;
}
#lazer .non-swiper-slide {
display: none;
}
#lazer .swiper-slide a {
width: 100%;
height: 100%;
}
#lazer .swiper-slide a img {
width: 100%;
height: 100%;
object-fit: cover;
}
#lazer .swiper-wrapper {
padding: 30px 0;
}
#lazer .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
#lazer .swiper-slide .legenda {
display: block;
position: absolute;
bottom: -24px;
left: auto;
right: auto;
background-color: #000;
color: #fff;
font-weight: 500;
padding: 15.5px 79px;
text-align: center;
}
#lazer .swiper-slide::after {
content: 'Imagem meramente ilustrativa';
font-size: 12px;
position: absolute;
bottom: 10px;
right: 15px;
color: #fff;
}
#lazer .lazer-proximo {
right: 21.5%;
}
#lazer .lazer-anterior {
left: 21.5%;
}
#lazer .swiper-button-next::after,
#lazer .swiper-button-prev::after,
#plantas .swiper-button-next::after,
#plantas .swiper-button-prev::after {
content: '';
background-image: url(//www.symmetryresidence.com.br/wp-content/themes/simmetryresidence/assets/images/seta.swiper.svg);
background-repeat: no-repeat;
background-position: center;
width: 40px;
min-width: 40px;
height: 40px;
background-color: #21252D;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
}
#lazer .swiper-button-next::after,
#plantas .swiper-button-next::after {
transform: rotate(180deg);
}
#lazer .swiper-slide-prev,
#lazer .swiper-slide-next {
filter: blur(10px) grayscale(100%);
} #contato {
height: 1048px;
position: relative;
background-image: url(//www.symmetryresidence.com.br/wp-content/themes/simmetryresidence/assets/images/bg-contato.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
align-items: center;
margin-bottom: 54px;
}
.secao-form .container {
width: 1340px;
max-width: 90%;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
column-gap: 40px;
}
.secao-form .container .esq .sub {
font-weight: 500;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.6em;
text-transform: uppercase;
color: #FFFFFF;
}
.secao-form .container .esq .titulo {
font-size: 56px;
font-weight: 700;
line-height: 68.26px;
color: #FFFFFF;
}
.secao-form .container .esq {
width: 563px;
max-width: 50%;
}
form {
width: 557px;
max-width: 50%;
background-image: url(//www.symmetryresidence.com.br/wp-content/themes/simmetryresidence/assets/images/bg-form.webp);
background-position: top;
background-size: cover;
padding: 63px 76px;
}
form .titulo {
font-size: 25px;
font-weight: 400;
letter-spacing: 0.01em;
text-align: center;
color: #21252D;
margin-bottom: 30px;
}
form .texto {
font-size: 12px;
font-weight: 400;
line-height: 14.63px;
letter-spacing: 0.01em;
text-align: center;
margin-bottom: 20px;
}
form .texto span {
display: block;
}
form svg {
margin: 0 auto 24px;
display: block;
max-width: 100%;
}
form .box-input {
position: relative;
width: 100%;
margin-bottom: 14px;
}
form .box-input label {
position: absolute;
font-weight: 600;
font-size: 14px;
left: 10px;
top: 14px;
transition: var(--transicao);
}
form .box-input label.subir {
color: #F9E484;
font-size: 12px;
font-weight: 600;
top: -10px;
padding: 2.5px 9.5px;
background-color: #242424;
}
form .box-input input,
form .box-input textarea {
border: 1px solid #21252D;
width: 100%;
padding: 0 10px;
height: 45px;
background-color: transparent;
border-radius: 0;
}
form .box-input textarea {
height: 82px;
resize: none;
padding-top: 10px;
}
form .box-check {
display: flex;
column-gap: 8px;
margin-bottom: 12px;
}
form .box-check label {
font-size: 10px;
font-weight: 600;
}
form input[type='submit'] {
width: 100%;
background-color: #000;
font-size: 21px;
color: #fff;
font-weight: 700;
letter-spacing: 0.05em;
padding: 0;
height: 45px;
cursor: pointer;
transition: var(--transicao);
border: 1px solid #000;
}
form input[type='submit']:hover {
background-color: #fff;
color: #000;
border: 1px solid #000;
} #plantas {
position: relative;
background-image: url(//www.symmetryresidence.com.br/wp-content/themes/simmetryresidence/assets/images/bg-plantas.webp);
background-repeat: no-repeat;
background-size: cover;
background-repeat: no-repeat;
}
#plantas .container {
width: 1721px;
max-width: 91%;
margin: 0 auto;
}
#plantas .topo .titulo {
font-size: 28px;
font-weight: 500;
line-height: 44.8px;
letter-spacing: 0.4em;
text-align: center;
text-transform: uppercase;
margin-bottom: 30px;
}
#plantas .topo .titulo span {
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
letter-spacing: 0.2em;
text-align: center;
display: block;
margin-bottom: 5px;
}
#plantas .topo .texto {
font-size: 16px;
font-weight: 600;
line-height: 28.8px;
letter-spacing: 0.02em;
text-align: center;
width: 1143px;
max-width: 100%;
margin: 0 auto 58px;
}
#plantas .bottom {
display: flex;
flex-direction: column;
row-gap: 60px;
}
#plantas .bottom .planta {
background-image: url(//www.symmetryresidence.com.br/wp-content/themes/simmetryresidence/assets/images/bg-box-plantas.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: flex;
column-gap: 100px;
padding: 75px 75px 45px;
box-shadow: 0px 0px 20px 0px #00000026;
border-radius: 30px;
position: relative;
z-index: 2;
}
#plantas .bottom .planta .esq {
display: flex;
flex-direction: column;
align-items: center;
max-width: 50%;
width: 732px;
}
#plantas .bottom .planta .esq svg {
margin-bottom: 53px;
max-width: 100%;
}
#plantas .bottom .planta .esq a {
width: 100%;
height: 343px;
display: block;
border-radius: 10px;
margin-bottom: 18px;
}
#plantas .bottom .planta .esq .sub {
font-size: 10px;
font-weight: 500;
line-height: 11px;
letter-spacing: 0.02em;
text-align: justify;
color: #797979;
}
#plantas .bottom .planta .esq a img {
border-radius: 10px;
width: 100%;
height: 100%;
object-fit: cover;
}
#plantas .bottom .planta .dir {
max-width: 50%;
display: flex;
flex-direction: column;
align-items: center;
}
#plantas .bottom .planta .dir .area-setas {
width: 442px;
max-width: 100%;
background-color: #fff;
display: flex;
justify-content: space-between;
border-radius: 11px;
height: 64px;
align-items: center;
padding: 0 5px;
user-select: none;
}
#plantas .bottom .planta .dir .area-setas p {
font-weight: 500;
font-size: 20px;
text-align: center;
}
#plantas .bottom .planta .dir .area-setas div {
position: unset;
margin: 0;
min-width: 55px;
}
#plantas .bottom .planta .dir .swiper {
width: 100%;
max-height: 515px;
margin-bottom: 55px;
}
#plantas .bottom .planta .dir .swiper a {
width: 100%;
height: 100%;
}
#plantas .bottom .planta .dir .swiper a img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
#plantas .swiper-button-next::after, #plantas .swiper-button-prev::after {
width: 55px;
min-width: 55px;
height: 55px;
}
#plantas .bottom .planta .dir svg {
display: none;
} #simule {
height: 1048px;
position: relative;
background-image: url(//www.symmetryresidence.com.br/wp-content/themes/simmetryresidence/assets/images/bg-simule.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
align-items: center;
margin-bottom: 54px;
}
#simule .container {
width: 1425px;
}
#simule .container .esq {
width: 614px;
}
#simule .esq .titulo,
#simule .esq .sub {
text-align: right;
}
#simule .esq .sub span {
display: block;
}
#simule .esq .sub {
line-height: 30px;
} #tour-2 {
background-image: url(//www.symmetryresidence.com.br/wp-content/themes/simmetryresidence/assets/images/bg-container-video.webp);
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 90px;
background-position: 27% 152%;
padding-top: 105px;
}
#tour {
margin-bottom: 90px;
}
#tour .container,
#tour-2 .container {
width: 1721px;
max-width: 90%;
margin: 0 auto;
}
#tour .topo .titulo,
#tour-2 .topo .titulo {
font-size: 24px;
font-weight: 500;
line-height: 38.4px;
letter-spacing: 0.4em;
text-align: center;
text-transform: uppercase;
margin-bottom: 30px;
}
#tour .box-tour,
#tour-2 .box-tour {
background-image: url(//www.symmetryresidence.com.br/wp-content/themes/simmetryresidence/assets/images/bg-tour.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 30px;
height: 600px;
display: flex;
align-items: center;
justify-content: center;
}
#tour-2 .box-tour {
background-image: url(//www.symmetryresidence.com.br/wp-content/themes/simmetryresidence/assets/images/bg-tour-interno.webp);
}
#tour .box-tour .play svg,
#tour-2 .box-tour .play svg {
max-width: 100%;
}
#tour .box-tour .play,
#tour-2 .box-tour .play {
cursor: pointer;
} #panoramica .topo .titulo {
font-size: 24px;
font-weight: 500;
line-height: 38.4px;
letter-spacing: 0.4em;
text-align: center;
text-transform: uppercase;
margin-bottom: 30px;
padding: 0 5%;
}
#panoramica .topo .titulo span {
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
letter-spacing: 0.2em;
text-align: center;
display: block;
margin-bottom: 5px;
}
#panoramica .topo .texto {
font-size: 16px;
font-weight: 600;
line-height: 28.8px;
letter-spacing: 0.02em;
text-align: center;
width: 1143px;
max-width: 90%;
margin: 0 auto 58px;
}
#panoramica .area-imagem {
width: 100%;
}
#panoramica .area-imagem img {
width: 100%;
} #localizacao {
position: relative;
margin-bottom: 139px;
}
#localizacao .faixa {
background-image: url(//www.symmetryresidence.com.br/wp-content/themes/simmetryresidence/assets/images/bg-faixa-mapa.webp);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
text-align: center;
padding: 49.5px 5%;
font-weight: 700;
font-size: 24px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #FFFFFF;
}
#localizacao .faixa span {
text-transform: none;
}
#localizacao .box-mapa {
height: 500px;
width: 100%;
transition: var(--transicao);
filter: grayscale(100%);
}
#localizacao .box-mapa:hover {
filter: grayscale(0%);
}
#localizacao a {
position: absolute;
left: 50%;
bottom: -56px;
transform: translateX(-50%);
width: 476px;
max-width: 90%;
}
#localizacao a svg {
max-width: 100%;
} #proximidades {
background-image: url(//www.symmetryresidence.com.br/wp-content/themes/simmetryresidence/assets/images/bg-proximidades.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
#proximidades .topo .titulo {
font-size: 24px;
font-weight: 500;
line-height: 38.4px;
letter-spacing: 0.4em;
text-align: center;
text-transform: uppercase;
margin-bottom: 30px;
}
#proximidades .topo .titulo span {
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
letter-spacing: 0.2em;
text-align: center;
display: block;
margin-bottom: 5px;
}
#proximidades .topo .texto {
font-size: 16px;
font-weight: 600;
line-height: 28.8px;
letter-spacing: 0.02em;
text-align: center;
width: 1143px;
max-width: 100%;
margin: 0 auto 58px;
}
#proximidades .container {
width: 1721px;
max-width: 91%;
margin: 0 auto;
}
#proximidades .bottom {
display: flex;
justify-content: space-between;
column-gap: 30px;
}
#proximidades .bottom .esq .imagens {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
column-gap: 30px;
}
#proximidades .bottom .esq {
width: 43.93%;
}
#proximidades .bottom .esq .imagens .menores {
display: flex;
flex-direction: column;
justify-content: space-between;
}
#proximidades .bottom .esq .imagens .menores img {
width: 358px;
}
#proximidades .bottom .esq .imagens .maior div,
#proximidades .bottom .esq .imagens .menores div {
position: relative;
}
#proximidades .bottom .esq .imagens .maior div::before,
#proximidades .bottom .esq .imagens .menores div::before {
position: absolute;
bottom: 15px;
left: 25px;
color: #fff;
font-weight: 500;
font-size: 12px;
}
#proximidades .bottom .esq .imagens .hospital::before {
content: 'Hospital Albert Einstein • 7 Min';
}
#proximidades .bottom .esq .imagens .coco-bambu::before {
content: 'Coco Bambu • 5 Min';
}
#proximidades .bottom .esq .imagens .shopping::before {
content: 'Shopping Tamboré • 6 Min';
}
#proximidades .bottom .dir {
width: 53.87%;
background-image: url(//www.symmetryresidence.com.br/wp-content/themes/simmetryresidence/assets/images/bg-marmore-proximidades.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding: 80px 90px;
column-gap: 30px;
display: flex;
justify-content: space-between;
}
#proximidades .bottom .dir ul {
display: flex;
flex-direction: column;
row-gap: 25.7px;
}
#proximidades .bottom .dir li {
font-weight: 500;
color: #fff;
line-height: 19.5px;
}
#proximidades .bottom .dir li span {
font-weight: 400;
display: block;
} #whatsapp {
height: 1048px;
position: relative;
background-image: url(//www.symmetryresidence.com.br/wp-content/themes/simmetryresidence/assets/images/bg-whatsapp.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
align-items: center;
margin-bottom: -160px;
}
#whatsapp .container {
width: 1480px;
}
#whatsapp .esq {
width: 666px;
}
#whatsapp .esq .sub {
text-align: right;
}
#whatsapp .esq .titulo {
text-align: right;
}
#whatsapp form {
position: relative;
}
#whatsapp form::before {
content: '';
background-image: url(//www.symmetryresidence.com.br/wp-content/themes/simmetryresidence/assets/images/ico-wpp-form.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
position: absolute;
right: -20px;
top: 20px;
width: 79px;
height: 79px;
} #timeline {
background-color: #e8e8e8;
padding-top: 315px;
padding-bottom: 90px;
margin-bottom: 89px;
}
#timeline .container {
width: 1600px;
max-width: 90%;
margin: 0 auto;
column-gap: 40px;
display: flex;
justify-content: space-between;
}
#timeline .container .esq {
width: 53%;
}
#timeline .container .dir {
max-width: 41.5%;
}
#timeline .container .dir .titulo {
font-size: 40px;
font-weight: 700;
line-height: 48.76px;
color: #000;
margin-bottom: 27px;
}
#timeline .container .dir .texto {
font-weight: 500;
line-height: 24px;
margin-bottom: 26px;
}
#timeline .container .dir .texto:last-child {
margin-bottom: 0;
}
#timeline .img-magnifier-container {
position: relative;
}
#timeline .img-magnifier-glass {
width: 200px;
height: 200px;
position: absolute;
border: 9px solid #000;
border-radius: 50%;
cursor: none;
visibility: hidden;
}
#timeline .img-magnifier-glass::before {
content: '';
width: 65%;
display: block;
height: 9px;
position: absolute;
bottom: -30px;
right: -73px;
background: #000;
transform: rotate(45deg);
border-radius: 0 15px 15px 0;
}
#timeline .img-magnifier-container:hover .img-magnifier-glass {
visibility: visible;
} #realizacao {
padding-bottom: 87px;
}
#realizacao .container {
width: 1371px;
max-width: 90%;
margin: 0 auto;
}
#realizacao .container .box-logos {
width: 1161px;
max-width: 100%;
margin: 0 auto;
display: flex;
margin-bottom: 30px;
justify-content: space-between;
}
#realizacao .container .box-logos img {
margin: 0 auto;
}
#realizacao .titulo {
text-align: center;
font-weight: 700;
color: #21252D;
font-size: 35px;
margin-bottom: 57px;
}
#realizacao .container .box-logos .box p {
text-align: center;
font-weight: 500;
font-size: 14px;
color: #000;
}
#realizacao .container .box-logos .box-1 p {
margin-bottom: 84px;
}
#realizacao .container .box-logos .box-2 p {
margin-bottom: 50px;
}
#realizacao .container .box-logos .box-3 p {
margin-bottom: 79px;
}
#realizacao .container .texto {
font-size: 12px;
font-weight: 400;
line-height: 18px;
letter-spacing: 0.08em;
text-align: center;
} #politica-privacidade {
background-image: url(//www.symmetryresidence.com.br/wp-content/themes/simmetryresidence/assets/images/bg-politica-privacidade.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
#politica-privacidade .container {
width: 1400px;
margin: 0 auto;
max-width: 90%;
padding: 89px 0;
}
#politica-privacidade .container .titulo {
font-weight: 700;
font-size: 12px;
color: #fff;
line-height: 18px;
letter-spacing: 0.08em;
text-align: center;
}
#politica-privacidade .container .texto {
font-size: 12px;
font-weight: 300;
line-height: 18px;
letter-spacing: 0.08em;
text-align: center;
color: #fff;
}
#politica-privacidade .container .texto.primeiro {
margin-bottom: 15px;
} footer {
background-color: #21252D;
padding-bottom: 73px;
}
footer .container {
width: 1400px;
max-width: 90%;
margin: 0 auto;
display: flex;
column-gap: 40px;
justify-content: space-between;
align-items: center;
}
footer .container > a {
width: 202px;
max-width: 100%;
display: block;
}
footer .container p {
font-weight: 400;
color: #fff;
font-size: 14px;
line-height: 17.27px;
}
footer .container p b {
font-weight: 700;
}
footer .container p a {
text-decoration: underline;
color: #fff;
}
#wpp-flutuante {
background-color: #4acd36;
display: flex;
align-items: center;
justify-content: center;
padding: 15px;
gap: 15px;
transition: .2s ease all;
cursor: pointer;
position: fixed;
bottom: 11%;
right: 2%;
z-index: 8;
border-radius: 50px;
} .txt-confirmacao {
color: #000;
display: block;
font-size: 17px;
margin-bottom: 30px;
text-align: center;
}
.title-confirmacao {
color: #000;
display: block;
font-size: 36px;
font-weight: 700;
margin-bottom: 20px;
text-align: center;
}
.btn-confirmacao {
background: #000;
border-radius: 14px;
color: #fff !important;
display: block;
font-size: 18px;
font-weight: 700;
left: 50%;
margin-left: -118px;
padding: 15px 0;
position: absolute;
text-align: center;
transition: 0.2s;
width: 236px;
text-decoration: none;
}
.btn-confirmacao:hover {
filter: brightness(1.2);
transition: 0.2s;
}
.confirmacao {
padding: 200px 0 300px;
}
@media screen and (min-width: 1921px) {
.secao-form {
height: 54.6vw !important;
}
}
@media screen and (max-width: 1680px) {}
@media screen and (max-width: 1600px) {
#plantas .bottom .planta {
align-items: center;
}
#proximidades .bottom {
align-items: flex-start;
}
#proximidades .bottom .esq {
position: sticky;
top: 120px;
}
#video .box-video,
#tour .box-tour,
#tour-2 .box-tour {
height: 520px;
}
#video .box-video .play,
#tour .box-tour .play,
#tour-2 .box-tour .play {
width: 110px;
}
}
@media screen and (max-width: 1440px) {
#video .topo .titulo {
font-size: 30px;
margin-bottom: 24px;
line-height: 43.4px;
}
#timeline .container {
align-items: flex-start;
}
#timeline .container .esq {
top: 120px;
position: sticky;
}
#lazer .swiper-slide .legenda {
font-size: 14px;
bottom: -19px;
padding: 11.5px 50px;
}
form {
padding: 35px 45px;
}
.secao-form .container .esq {
width: 503px;
}
.secao-form .container .esq .titulo {
font-size: 50px;
line-height: 62.26px;
}
.secao-form .container .esq .sub {
font-size: 14px;
}
#plantas .topo .titulo {
font-size: 22px;
line-height: 38.8px;
margin-bottom: 24px;
}
#panoramica .topo .titulo,
#tour .topo .titulo,
#tour-2 .topo .titulo {
font-size: 18px;
line-height: 32.4px;
margin-bottom: 24px;
}
#proximidades .topo .titulo {
font-size: 20px;
line-height: 34.4px;
margin-bottom: 24px;
}
#proximidades .bottom .dir {
padding: 60px 30px;
}
#timeline .container .dir .titulo {
font-size: 32px;
line-height: 42.76px;
margin-bottom: 14px;
}
#timeline .container .dir .texto {
line-height: 23px;
margin-bottom: 12px;
font-size: 14px;
}
header ul {
height: 50px;
}
}
@media screen and (max-width: 1366px) {
#lazer .lazer-anterior {
left: 11.5%;
}
#lazer .lazer-proximo {
right: 11.5%;
}
#plantas .bottom .planta {
column-gap: 50px;
}
#plantas .bottom .planta .esq a {
height: 270px;
}
#plantas .bottom .planta .dir .area-setas p {
font-size: 17px;
}
#video .box-video,
#tour .box-tour,
#tour-2 .box-tour {
height: 450px;
}
#whatsapp form::before {
right: -20px;
top: 10px;
width: 60px;
height: 60px;
}
#banner .botoes a.saiba,
#banner .botoes a.confira {
font-size: 12px;
width: 133px;
height: 36px;
}
#banner .botoes {
left: 5%;
}
}
@media screen and (max-width: 1280px) {
#whatsapp .container .esq .titulo {
font-size: 45px;
line-height: 56.26px;
}
}
@media screen and (max-width: 1200px) {
.secao-form .container .esq .titulo {
font-size: 46px;
line-height: 58.26px;
}
.secao-form .container .esq {
width: 463px;
}
.secao-form {
height: auto !important;
padding: 200px 0;
}
#plantas .bottom .planta .esq a {
height: 212px;
}
#proximidades .bottom .dir li {
font-size: 14px;
}
#proximidades .bottom .esq .imagens .maior div::before, #proximidades .bottom .esq .imagens .menores div::before {
bottom: 15px;
left: 10px;
padding-right: 15px;
}
#whatsapp .container .esq .titulo {
font-size: 41px;
line-height: 52.26px;
}
#whatsapp form::before {
right: -20px;
top: 10px;
width: 45px;
height: 47px;
}
#banner .botoes {
left: 3.5%;
}
}
@media screen and (max-width: 1080px) {
#whatsapp .container .esq .titulo {
font-size: 38px;
line-height: 52.26px;
}
}
@media screen and (max-width: 1024px) {
#banner {
height: 800px;
background-position: right;
}
#banner .botoes .saiba svg {
width: 16px;
}
#banner .botoes {
left: 9%;
bottom: 148px;
}
#banner::before {
bottom: -32px;
height: 160px;
}
#mouse {
display: none;
}
#banner .area-cta {
left: 5%;
top: 40px;
}
#banner .area-cta .logo,
#banner .area-cta .cta {
width: 90%;
max-width: 331px;
}
#banner .area-cta .logo {
margin-bottom: 30px;
}
#banner .overlay {
background: linear-gradient(269.67deg, rgba(0, 0, 0, 0) 31.43%, rgba(0, 0, 0, 0.465) 52.86%, #000000 101.83%);
}
header .menu-menu-1-container {
position: fixed;
right: -100%;
width: 100%;
transition: var(--transicao);
height: 100vh;
}
header ul {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 5%;
padding-top: 200px;
row-gap: 30px;
overflow: auto;
padding-bottom: 40px;
}
header ul li {
height: auto;
width: 100%;
text-align: center;
}
header ul li a {
text-align: center;
justify-content: center;
font-size: 24px;
}
header ul li a:hover:before {
display: none;
}
header ul li a:hover {
color: #fff;
}
header {
top: 3px;
}
header .menu-hamburger {
display: flex;
flex-direction: column;
background-color: #000;
row-gap: 10px;
padding: 20px;
}
header.fixo {
background-color: transparent;
}
header .menu-hamburger span {
width: 33px;
height: 2px;
background-color: #fff;
transition: var(--transicao);
}
header .menu-hamburger.ativo .hamburger-01 {
transform: rotate(45deg) translate(9px, 6px);
}
header .menu-hamburger.ativo .hamburger-02 {
opacity: 0;
}
header .menu-hamburger.ativo .hamburger-03 {
transform: rotate(-45deg) translate(10px, -7px);
}
header.ativo .menu-menu-1-container {
right: 0;
}
#lazer .topo .texto,
#video .topo .texto {
font-size: 14px;
line-height: 26.8px;
margin: 0 auto 30px;
}
footer .container p {
line-height: 26.27px;
text-align: center;
}
footer .container {
padding-top: 30px;
flex-direction: column;
}
#timeline .container {
flex-direction: column-reverse;
row-gap: 40px;
}
#lazer {
margin-bottom: -100px;
}
#lazer .swiper-slide {
height: 44.7vw;
}
#lazer .swiper-slide::after {
display: none;
}
#whatsapp {
margin-bottom: -214px;
}
#timeline {
padding-top: 184px;
padding-bottom: 90px;
margin-bottom: 81px;
}
#timeline .container .esq {
position: relative;
top: unset;
pointer-events: none;
}
#timeline .img-magnifier-glass {
display: none;
}
#timeline .container .esq,
#timeline .container .dir {
width: 100%;
max-width: 100%;
}
#plantas .topo .texto {
font-size: 14px;
margin: 0 auto 35px;
}
#plantas .bottom .planta .dir svg {
margin-bottom: 20px;
max-width: 100%;
display: block;
}
#plantas .bottom .planta .esq svg {
display: none;
}
#plantas .bottom .planta {
flex-direction: column-reverse;
row-gap: 60px;
padding: 40px 40px 45px;
}
#plantas .bottom .planta .swiper {
max-height: unset;
}
#plantas .bottom .planta .esq a {
height: 44vw;
}
#plantas .bottom .planta .esq {
max-width: 100%;
width: 100%;
}
#plantas .bottom .planta .dir {
max-width: 100%;
}
#tour {
margin-bottom: 0px;
}
#tour-2 {
padding-bottom: 0;
padding-top: 60px;
}
.secao-form .container .esq .titulo {
font-size: 38px;
line-height: 45.26px;
}
.secao-form .container {
flex-direction: column;
row-gap: 40px;
}
.secao-form {
padding: 344px 0;
}
.secao-form .container .esq {
width: 100%;
max-width: 100%;
text-align: center;
}
#simule .esq .titulo, #simule .esq .sub {
text-align: center;
}
.secao-form .container .esq .sub {
letter-spacing: 0.4em;
}
form {
max-width: 100%;
}
#contato {
margin-bottom: -87px;
}
#simule {
margin-bottom: -50px;
}
#whatsapp .container .esq .titulo,
#whatsapp .esq .sub {
text-align: center;
}
#proximidades .bottom {
flex-direction: column;
row-gap: 40px;
align-items: center;
}
#proximidades {
margin-bottom: -85px;
}
#proximidades .bottom .esq,
#proximidades .bottom .dir {
position: unset;
width: 756px;
max-width: 100%;
}
#localizacao a {
width: 295px;
}
}
@media screen and (max-width: 996px) {
#realizacao .container .box-logos {
flex-direction: column;
align-items: center;
justify-content: center;
row-gap: 80px;
margin-bottom: 60px;
}
#realizacao .container .box-logos .box p {
margin-bottom: 20px;
}
#realizacao .container .box-logos img {
max-width: 100%;
}
}
@media screen and (max-width: 980px) {
#wpp-flutuante {
bottom: 18%;
}
}
@media screen and (max-width: 768px) {
#lazer .topo .titulo,
#video .topo .titulo {
font-size: 24px;
margin-bottom: 18px;
line-height: 36.4px;
}
#video .box-video,
#tour .box-tour,
#tour-2 .box-tour {
height: 300px;
}
#video .box-video .play,
#tour .box-tour .play,
#tour-2 .box-tour .play {
width: 90px;
}
}
@media screen and (max-width: 600px) {
#lazer .swiper-slide {
height: 74vw;
}
.secao-form .container .esq .titulo {
font-size: 24px;
line-height: 36.26px;
}
#lazer .topo .titulo, #video .topo .titulo {
font-size: 19px;
line-height: 28.4px;
letter-spacing: 0.3rem;
}
#banner .area-cta {
display: flex;
flex-direction: column;
align-items: center;
left: 0;
right: 0;
top: 95px;
margin:  auto;
}
#banner .area-cta .logo, #banner .area-cta .cta {
width: 294px;
max-width: 90%;
}
#banner .botoes {
flex-direction: column;
row-gap: 20px;
left: 0;
right: 0;
margin: auto;
align-items: center;
bottom: 110px;
}
#banner .overlay {
background: #00000091;
}
#banner {
height: 890px;
}
#banner .botoes a.saiba, #banner .botoes a.confira {
font-size: 12px;
width: 187px;
height: 51px;
max-width: 100%;
column-gap: 10px;
}
#whatsapp {
margin-bottom: -281px;
}
#whatsapp form::before {
display: none;
} #contato {
margin-top: -125px;
}
#localizacao .faixa {
font-size: 18px;
}
#lightbox-video .content {
height: 51vw;
}
.secao-form {
padding-top: 237px;
}
}
@media screen and (max-width: 490px) {
#plantas .bottom .planta .esq svg {
margin-bottom: 24px;
}
#proximidades .bottom .dir {
flex-direction: column;
row-gap: 25.7px;
}
#proximidades .bottom .esq .imagens {
column-gap: 15px;
}
#video .box-video,
#tour .box-tour,
#tour-2 .box-tour {
height: 240px;
}
#lazer .topo .area-filtro {
column-gap: 5px;
}
}
@media screen and (max-width: 460px) {
form {
padding: 30px;
}
#plantas .swiper-button-next::after, #plantas .swiper-button-prev::after {
width: 40px;
min-width: 40px;
height: 40px;
}
#plantas .bottom .planta .dir .area-setas p {
font-size: 13px;
}
#simule {
margin-bottom: -107px;
}
}
@media screen and (max-width: 430px) {
#proximidades {
margin-bottom: -146px;
}
#lazer .topo .area-filtro li {
font-size: 12px;
}
}