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;
}
html {
margin-right: 0 !important;
scroll-behavior: smooth !important;
}
html.fbx-no-scroll {
overflow: auto !important;
}
a:focus {
outline: none;
}
.espacamento{
margin-top: 12px;
}
main{
overflow: hidden;
}
@font-face {
font-family: 'chunk-five';
src: url(//www.realraposoharmonia.com.br/wp-content/themes/realraposo/assets/font/ChunkFive-Regular.otf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'gotham';
src: url(//www.realraposoharmonia.com.br/wp-content/themes/realraposo/assets/font/Gotham-Book.otf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'gotham-bold';
src: url(//www.realraposoharmonia.com.br/wp-content/themes/realraposo/assets/font/GothamBold.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
img {
display: block;
}
* {
box-sizing: border-box;
}
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;
}
iframe {
display: block;
}
:root {
--verde: #DCBA00;
--vermelho: #AF173C;
--verde-claro: #E5E353;
--marrom: #5C3E2B;
--azul: #00AEC1;
--branco: #ffff;
--preto: #1D1D1B;
--transicao: 0.3s ease-in-out;
--chunk: 'chunk-five';
--gotham: 'gotham';
--gotham-bold: 'gotham-bold';
}
body {
margin: 0 !important;
position: relative;
font-size: 16px;
}
.fbx-rounded .fbx-caption{
display: none !important;
}
.phone_hp,
.fbx-count {
display: none !important;
}
.container{
width: 1370px;
max-width: 90%;
margin: 0 auto;
} header {
width: 100%;
display: flex;
justify-content: end;
padding-top: 26px;
position: absolute;
top: 0;
left: 0;
z-index: 11;
transition: var(--transicao);
}
header.laranja {
background-color: var(--vermelho);
justify-content: end;
padding-top: 0;
}
header.verde nav {
width: 100%;
}
header .cinza {
background-image: unset;
padding: 20px;
background-color: #58595B;
border-radius: 0px 0px 40px 0px;
margin-left: 0px;
position: absolute;
left: 60px;
top: 0;
border: 2px solid #fff;
}
header .cinza img {
width: 115px;
height: auto;
}
header nav {
background-color: var(--vermelho);
width: 957px;
height: max-content;
max-width: 100%;
padding: 25px 62px;
margin-top: 12px;
transition: var(--transicao);
border-top-left-radius: 19px;
border-bottom-left-radius: 19px;
}
header nav ul {
display: flex;
justify-content: space-between;
align-items: center;
}
header nav ul li:not(:last-child)::after {
content: '|';
margin-left: 35px;
margin-right: 35px;
color: #fff;
font-size: 20px;
font-weight: 700;
}
header nav ul li a {
font-family: montserrat;
text-decoration: none;
color: #fff;
font-size: 18.46px;
font-weight: 400;
transition: var(--transicao);
}
header nav ul li a:hover {
text-shadow: -0.8px 0 #fff, 0.8px 0 #fff;;
color: white;
}
header nav ul li a:visited {
color: #fff;
} .menu-hamburger {
display: none;
flex-direction: column;
cursor: pointer;
padding: 24px;
margin-right: 20px;
margin-top: -5px;
z-index: 12;
}
.hamburger {
width: 30px;
height: 3px;
background-color: #fff;
margin: 3px 0;
transition: 0.3s;
border-radius: 2px;
} .menu-hamburger.active .hamburger-01 {
transform: rotate(-45deg) translate(-6px, 6px);
}
.menu-hamburger.active .hamburger-02 {
opacity: 0;
}
.menu-hamburger.active .hamburger-03 {
transform: rotate(45deg) translate(-6px, -6px);
} #banner{
position: relative;
background-image: url(//www.realraposoharmonia.com.br/wp-content/themes/realraposo/assets/images/banner-desktop-real.webp);
background-repeat: no-repeat;
background-size: contain;
height: 952px;
margin-bottom: 61px;
}
#banner .folha-banner{
position: absolute;
width: 70px;
height: 207px;
bottom: -59px;
left: 0;
} #galeria {
overflow: hidden;
position: relative;
margin-bottom: 107px;
min-height: 728px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#banner::after {
content: '';
position: absolute;
background: url(//www.realraposoharmonia.com.br/wp-content/themes/realraposo/assets/images/after-galeria.webp) no-repeat;
width: 652px;
height: 977px;
left: 0;
top: 957px;
z-index: -1;
}
#banner::before {
content: '';
position: absolute;
background: url(//www.realraposoharmonia.com.br/wp-content/themes/realraposo/assets/images/before-galeria.webp) no-repeat;
width: 501px;
height: 1237px;
right: 0;
top: 823px;
z-index: 0;
}
#galeria .container-galeria-fundo {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 95%;
width: 1360px;
height: 728px;
border-radius: 52px;
box-sizing: border-box;
backdrop-filter: blur(6px);
background: #0000001A;
z-index: 1;
}
#galeria .container-texto {
position: absolute;
top: 45px;
z-index: 2;
width: 100%;
max-width: 1360px;
text-align: center;
}
#galeria .container-texto .titulo {
font-family: var(--chunk);
font-weight: 400;
font-size: 60px;
line-height: 66px;
text-align: center;
color: #000;
margin-bottom: 24px;
}
#galeria .container-texto .titulo span {
color: var(--azul);
}
#galeria .container-texto .texto {
font-family: var(--gotham);
font-weight: 325;
font-size: 18px;
line-height: 26px;
text-align: center;
color: #000;
margin-bottom: 40px;
padding: 0 37px;
}
#galeria .swiper-wrapper-outer {
position: relative;
width: 100%;
max-width: 100vw;
margin-top: 200px;
z-index: 3;
}
#galeria .swiper-container.galeria-principal {
width: 100%;
padding-top: 50px;
padding-bottom: 50px;
overflow: visible;
}
#galeria .swiper-slide {
width: 612px;
height: 268px;
border-radius: 12px;
overflow: hidden;
transition: transform 0.4s ease;
}
#galeria .swiper-slide-prev {
transform: translateX(150px);
}
#galeria .swiper-slide-next {
transform: translateX(-150px);
}
#galeria .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: bottom;
}
#galeria .swiper-slide:not(.swiper-slide-prev):not(.swiper-slide-active):not(.swiper-slide-next) {
visibility: hidden;
}
#galeria .swiper-slide-active {
transform: scale(1.44);
z-index: 10;
}
#galeria .swiper-slide-active:hover .icone-galeria {
transform: scale(.8);
}
#galeria .swiper-slide-active .icone-galeria {
transform: scale(.7);
position: absolute;
width: 46px;
height: 46px;
top: 19px;
right: 23px;
transition: var(--transicao);
}
#galeria .swiper-slide-next .icone-galeria,
#galeria .swiper-slide-prev .icone-galeria{
display: none;
}
#galeria .botoes {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
z-index: 20;
display: flex;
justify-content: space-between;
padding: 0 50px;
box-sizing: border-box;
}
#galeria .swiper-button-next {
position: relative;
top: 19px;
left: -15px;
transition: var(--transicao);
}
#galeria .swiper-button-prev{
position: relative;
top: 19px;
left: 18px;
transition: var(--transicao);
}
#galeria .swiper-button-next {
transform: rotate(180deg);
}
#galeria .swiper-button-next::after,
#galeria .swiper-button-prev::after {
display: none;
} #galeria .swiper-pagination {
position: absolute;
bottom: -37px;
left: 50%;
transform: translateX(-50%);
width: auto;
z-index: 10;
}
#galeria .swiper-pagination-bullet {
width: 8px;
height: 3px;
background-color: #7E7E7E;
border-radius: 5px;
opacity: 1;
margin: 0 5px !important;
transition: background-color 0.3s ease, width 0.3s ease;
}
#galeria .swiper-pagination-bullet-active {
background-color: var(--azul);
width: 43px;
} #form-saiba {
background: url(//www.realraposoharmonia.com.br/wp-content/themes/realraposo/assets/images/fundo-form-saiba.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
border: none;
width: 100%;
height: 613px;
margin-bottom: 59px;
z-index: 0;
scroll-margin-top: 120px;
}
#form-saiba::after{
content: '';
position: absolute;
background: url(//www.realraposoharmonia.com.br/wp-content/themes/realraposo/assets/images/folinhas.webp);
background-repeat: no-repeat;
background-size: cover;
width: 150px;
height: 253px;
top: -83px;
right: 0;
z-index: 2;
}
#form-saiba::before{
content: '';
position: absolute;
background: url(//www.realraposoharmonia.com.br/wp-content/themes/realraposo/assets/images/folinha.webp);
background-repeat: no-repeat;
background-size: cover;
width: 417px;
height: 343px;
bottom: -94px;
left: -273px;
z-index: 2;
}
#form-saiba .img-menina-form{
position: absolute;
width: 456px;
height: 669px;
left: -58px;
top: -60px;
clip-path: polygon(0% 0%, 100% 0%, 95% 10%, 100% 30%, 100% 70%, 95% 90%, 96% 98%, 0% 104%);
}
#form-saiba .container {
width: 1445px;
margin: 0 auto;
display: flex;
gap: 0px;
}
#form-saiba .container .esq {
width: 57.7%;
padding-top: 154px;
margin-left: 238px;
}
#form-saiba .container .esq .titulo {
color: white;
font-family: var(--chunk);
font-weight: 400;
font-size: 51.87px;
line-height: 57px;
}
#form-saiba .container .esq span {
font-size: 103px;
line-height: 91.64px;
}
#form-saiba .container .esq .subtitulo {
color: white;
font-family: var(--chunk);
font-weight: 400;
font-size: 43.87px;
line-height: 57px;
padding-right: 223px;
}
#form-saiba .dir {
width: 46%;
}
.formulario-contato {
background: var(--verde-claro);
border-radius: 32px;
padding: 36px 5px 61px 5px;
max-width: 100%;
max-height: 597px;
width: 510px;
font-family: var(--gotham);
color: #000;
position: absolute;
top: -28px;
right: 367px;
}
.formulario-contato .slide-image {
max-width: 115px;
position: absolute;
height: auto;
top: -44px;
left: -46px;
}
.formulario-contato .texto {
font-size: 23.3px;
line-height: 100%;
font-weight: 400;
letter-spacing: 0.23px;
text-align: center;
margin-bottom: 6px;
}
.formulario-contato .logo-form{
margin: 0 auto;
margin-bottom: 20px;
margin-top: 14px;
}
.formulario-contato .titulo {
font-size: 33.66px;
font-weight: 800;
margin-bottom: 20px;
text-align: center;
line-height: 100%;
letter-spacing: 0.33px;
}
.formulario-contato .preencha {
font-size: 11px;
font-weight: 400;
margin-bottom: 7px;
text-align: center;
line-height: 100%;
letter-spacing: 0.11px;
}
.formulario-contato .form {
margin-top: 25px;
}
.formulario-contato .formcon {
position: relative;
margin-bottom: 20px;
}
.formulario-contato .input-form {
width: 75.4%;
padding: 9px;
display: flex;
flex-direction: column;
margin: 0 auto;
border: 0.5px solid #000;
background: transparent;
color: #000;
font-family: var(--gotham);
font-size: 14px;
font-weight: 400;
outline: none;
transition: all 0.3s ease;
box-sizing: border-box;
border-radius: 10px;
}
.formulario-contato .input-form::placeholder {
color: transparent;
}
.formulario-contato .formcon label{
position: absolute;
left: 76px;
top: 12px;
color: #000;
background: var(--rosa);
font-size: 14px;
font-weight: 400;
pointer-events: none;
transition: all 0.3s ease;
background: transparent;
padding: 0;
}
.subir{
top: -12px !important;
}
.formulario-contato .formcon .subir{
position: absolute;
left: 76px;
top: 12px;
color: #000;
background: var(--rosa);
font-size: 12px;
font-weight: 400;
pointer-events: none;
transition: all 0.3s ease;
padding: 0;
}
.formulario-contato .error,
.formulario-zap .error,
.formulario-simule .error {
border-color: var(--vermelho)!important;
color: var(--vermelho);
} .subir  .formulario-contato .input-form:focus + label,
.formulario-contato .input-form:not(:placeholder-shown) + label{
top: -10px;
left: 5px;
font-size: 12px;
color: #000;
background-color: black;
padding: 0 5px;
}
.formulario-contato .input-form:focus + label,
.formulario-contato .input-form:not(:placeholder-shown) + label{
top: -12px;
left: 65px;
font-weight: 800;
font-size: 12px;
color: black;
background: var(--verde-claro);
padding: 0 5px;
border-radius: 10px !important;
}
.formulario-contato .textarea-form {
min-height: 50px;
resize: vertical;
padding-top: 2px;
}
.formulario-contato .check {
display: flex;
align-items: center;
justify-content: center;
gap: 7px;
margin: 0 auto;
font-size: 11px;
font-weight: 400;
line-height: 100%;
cursor: pointer;
padding: 0 47px;
}
.formulario-contato .check input[type="checkbox"] {
margin: 0;
width: 13px;
height: 13px;
flex-shrink: 0;
appearance: none;
-webkit-appearance: none;
border: 1.38px solid #000;
border-radius: 2px;
background: var(--rosa);
cursor: pointer;
position: relative;
} .formulario-contato .check input[type="checkbox"]:checked {
background: var(--rosa);
border-color: var(--rosa);
} .formulario-contato .check input[type="checkbox"]:checked::after {
content: "";
position: absolute;
left: 3px;
top: 0;
width: 4px;
height: 8px;
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
} .formulario-contato .btn-enviar {
margin-top: 19px;
}
.formulario-contato .envia-formulario {
width: 76.4%;
display: flex;
margin: 0 auto;
padding: 12px;
background: var(--azul);
color: white;
border: none;
border-radius: 13px;
font-family: var(--chunk);
font-weight: 300;
font-size: 19.57px;
line-height: 16.78px;
letter-spacing: 1.19px;
cursor: pointer;
transition: var(--transicao);
border: 1px solid var(--azul);
}
.input-form.error::placeholder {
color: var(--laranja) !important;
opacity: 1 !important;
}
.formulario-contato .envia-formulario:hover {
background: var(--verde-claro);
border: 1px solid var(--azul);
color: #000;
}
.formulario-contato .envia-formulario:active {
transform: translateY(0);
} #plantas{
margin-bottom: 82px;
position: relative;
}
#plantas::before{
content: '';
position: absolute;
background: url(//www.realraposoharmonia.com.br/wp-content/themes/realraposo/assets/images/before-planta.webp);
background-repeat: no-repeat;
width: 483px;
height: 977px;
left: 0;
bottom: -558px;
z-index: -1;
}
#plantas::after{
content: '';
position: absolute;
background: url(//www.realraposoharmonia.com.br/wp-content/themes/realraposo/assets/images/after-planta.webp);
background-repeat: no-repeat;
width: 320px;
height: 977px;
right: 0;
bottom: -591px;
z-index: -1;
}
#plantas .container{
max-width: 95%;
width: 1360px;
margin: 0 auto;
}
#plantas .container .titulo {
font-family: var(--chunk);
font-weight: 400;
font-size: 60px;
line-height: 66px;
text-align: center;
color: #000;
padding: 23px 124px;
margin-bottom: 2px;
}
#plantas .container .titulo span {
color: var(--azul);
}
#plantas .container .texto {
font-family: var(--gotham);
font-weight: 325;
font-size: 18px;
line-height: 23px;
text-align: center;
color: #000;
margin-bottom: 56px;
padding: 0 122px;
}
#plantas .box-filtro {
width: 1177px;
max-width: 100%;
margin: 0 auto;
margin-bottom: 24px !important;
background-color: var(--vermelho);
border-radius: 10px;
}
#plantas .botoes{
margin: 22px auto 0;
display: flex;
align-items: stretch;
text-align: center;
justify-content: center;
gap: 9px;
padding: 6px;
border-radius: 12px;
position: relative;
}
#plantas .botoes li.btn-plantas{
font-family: var(--gotham);
box-sizing: border-box;
font-size: 18px;
font-weight: 700;
line-height: 43px;
text-align: center;
text-decoration: none;
color: var(--verde-claro);
border: 3px solid var(--verde-claro);
width: 287px;
cursor: pointer;
transition: ease-in-out .3s;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 4px;
z-index: 1;
}
#plantas .botoes li.btn-plantas:hover {
font-weight: 800;
background-color: var(--verde-claro);
color: var(--vermelho);
}
#plantas .boxes{
background: url(//www.realraposoharmonia.com.br/wp-content/themes/realraposo/assets/images/borda-plantas.webp);
background-size: 100% 100%;
background-repeat: no-repeat;
max-width: 100%;
width: 1224px;
height: 578px;
display: flex;
margin: 0 auto;
}
#plantas .boxes .box .esq{
width: 42.55%;
cursor: pointer;
position: relative;
display: flex;
align-items: center;
}
#plantas .boxes .box .esq .icon{
width: 36px;
height: 46px;
position: absolute;
top: 77px;
right: 16px;
transition: var(--transicao);
cursor: pointer;
}
#plantas .boxes .box .esq .icon:hover{
transform: scale(1.07);
}
#plantas .boxes .box {
gap: 36px;
padding: 29px;
}
#plantas .boxes .box .dir{
position: relative;
}
#plantas .boxes .box .dir .img-ambiente{
width: 681px;
height: 303px;
border-radius: 8px;
object-fit: cover;
margin-bottom: 15px;
cursor: pointer;
position: relative;
}
#plantas .boxes .box .dir .icon{
width: 46px;
height: 46px;
position: absolute;
top: 21px;
right: 23px;
transition: var(--transicao);
z-index: 2;
cursor: pointer;
}
#plantas .boxes .box .dir .icon:hover{
transform: scale(1.07);
}
#plantas .boxes .box .dir .textos{
display: flex;
width: 671px;
gap: 0px;
}
#plantas .boxes .box .dir .textos .quadrado{
background: url(//www.realraposoharmonia.com.br/wp-content/themes/realraposo/assets/images/bordinha-plantas.webp);
background-size: 100% 100%;
background-repeat: no-repeat;
width: 684px;
height: 174px;
max-width: 90%;
padding: 6px;
}
#plantas .boxes .box .dir .textos .quadrado .letra-plantas{
margin: 0 auto;
padding-bottom: 2px;
}
#plantas .boxes .box .dir .textos .quadrado .titulo-box{
font-family: var(--chunk);
color: var(--vermelho);
font-weight: 400;
font-size: 44.11px;
text-align: center;
vertical-align: middle;
width: 247px;
}
#plantas .boxes .box .dir .textos .quadrado .linha{
display: flex;
width: 193px;
max-width: 90%;
height: 2px;
background: var(--azul);
margin-left: 10px;
}
#plantas .boxes .box .dir .textos .quadrado .textinho-box{
font-family: var(--chunk);
color: var(--preto);
font-weight: 400;
font-size: 35.95px;
letter-spacing: 0.7px;
text-align: left;
margin-left: 53px;
}
#plantas .boxes .box .dir .textos .quadrado .subtexto{
font-family: var(--chunk);
font-weight: 400;
font-size: 23.14px;
text-align: center;
color: var(--azul);
margin-top: -12px;
margin-left: 17px;
}
#plantas .boxes .box .dir .textos .texto-box{
font-family: var(--gotham);
font-weight: 325;
font-size: 13px;
line-height: 19px;
text-align: justify;
color: #000;
margin-bottom: 21px;
width: 436px;
padding-right: 7px;
}
#plantas .boxes .box .dir .textos .bloco-mancha img{
width: 75%;
margin: 0 auto;
}
.modal-plantas {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(161 161 161 / 93%);
animation: fadeIn 0.3s ease;
}
.modal-content-plantas {
margin: auto;
display: block;
width: auto;
height: auto;
max-width: 90%;
max-height: 90%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 10px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
animation: zoomIn 0.3s ease;
}
.modal-ambiente {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(161 161 161 / 93%);
animation: fadeIn 0.3s ease;
}
.modal-content-ambiente {
margin: auto;
display: block;
width: auto;
height: auto;
max-width: 90%;
max-height: 90%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 10px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
animation: zoomIn 0.3s ease;
} #form-simule {
background: url(//www.realraposoharmonia.com.br/wp-content/themes/realraposo/assets/images/fundo-form-simule.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
border: none;
width: 100%;
height: 613px;
margin-bottom: 41px;
z-index: 0;
}
#form-simule::after{
content: '';
position: absolute;
background: url(//www.realraposoharmonia.com.br/wp-content/themes/realraposo/assets/images/folha-simule.webp);
background-repeat: no-repeat;
background-size: cover;
width: 115px;
height: 460px;
top: -159px;
left: 0;
z-index: 2;
}
#form-simule::before{
content: '';
position: absolute;
background: url(//www.realraposoharmonia.com.br/wp-content/themes/realraposo/assets/images/folinha-simule.webp);
background-repeat: no-repeat;
background-size: cover;
width: 157px;
height: 383px;
bottom: -150px;
right: -9px;
z-index: 2;
}
#form-simule .img-casal-form{
position: absolute;
width: 387px;
height: 715px;
right: 10px;
top: -65px;
clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 0% 93.3%);
}
#form-simule .container {
width: 1445px;
margin: 0 auto;
display: flex;
gap: 0px;
}
#form-simule .container .dir {
width: 57.7%;
padding-top: 154px;
margin-right: 213px;
}
#form-simule .container .dir .titulo {
color: white;
font-family: var(--chunk);
font-weight: 400;
font-size: 51.87px;
line-height: 57px;
text-align: right;
}
#form-simule .container .dir span {
font-size: 103px;
line-height: 91.64px;
}
#form-simule .container .dir .subtitulo {
color: white;
font-family: var(--chunk);
font-weight: 400;
font-size: 43.87px;
line-height: 57px;
padding-left: 185px;
text-align: right;
}
#form-simule .esq {
width: 46%;
}
.formulario-simule {
background: var(--verde-claro);
border-radius: 32px;
padding: 44px 5px 61px 5px;
max-width: 510px;
max-height: 597px;
width: 100%;
font-family: var(--gotham);
color: #000;
position: absolute;
top: -28px;
left: 427px;
}
.formulario-simule .slide-image {
max-width: 115px;
position: absolute;
height: auto;
top: -44px;
left: -46px;
}
.formulario-simule .texto {
font-size: 23.3px;
line-height: 100%;
font-weight: 400;
letter-spacing: 0.23px;
text-align: center;
margin-bottom: 6px;
}
.formulario-simule .logo-form{
margin: 0 auto;
margin-bottom: 20px;
margin-top: 14px;
}
.formulario-simule .titulo {
font-size: 33.66px;
font-weight: 800;
margin-bottom: 20px;
text-align: center;
line-height: 100%;
letter-spacing: 0.33px;
}
.formulario-simule .preencha {
font-size: 11px;
font-weight: 400;
margin-bottom: 7px;
text-align: center;
line-height: 100%;
letter-spacing: 0.11px;
}
.formulario-simule .form {
margin-top: 25px;
}
.formulario-simule .formcon {
position: relative;
margin-bottom: 20px;
}
.formulario-simule .input-form {
width: 75.4%;
padding: 9px;
display: flex;
flex-direction: column;
margin: 0 auto;
border: 0.5px solid #000;
background: transparent;
color: #000 !important;
font-family: var(--gotham);
font-size: 14px;
font-weight: 400;
outline: none;
transition: all 0.3s ease;
box-sizing: border-box;
border-radius: 10px;
}
.formulario-simule .input-form::placeholder {
color: transparent;
}
.formulario-simule .formcon label{
position: absolute;
left: 76px;
top: 12px;
color: #000;
background: var(--rosa);
font-size: 14px;
font-weight: 400;
pointer-events: none;
transition: all 0.3s ease;
background: transparent;
padding: 0;
}
.subir{
top: -12px !important;
}
.formulario-simule .formcon .subir{
position: absolute;
left: 76px;
top: 12px;
color: #000;
background: var(--rosa);
font-size: 12px;
font-weight: 400;
pointer-events: none;
transition: all 0.3s ease;
padding: 0;
}
.error {
border-color: var(--laranja) !important; } .subir  .formulario-simule .input-form:focus + label,
.formulario-simule .input-form:not(:placeholder-shown) + label{
top: -10px;
left: 5px;
font-size: 12px;
color: #000;
background-color: black;
padding: 0 5px;
}
.formulario-simule .input-form:focus + label,
.formulario-simule .input-form:not(:placeholder-shown) + label{
top: -12px;
left: 65px;
font-weight: 800;
font-size: 12px;
color: black;
background: var(--verde-claro);
padding: 0 5px;
border-radius: 10px !important;
}
.formulario-simule .textarea-form {
min-height: 50px;
resize: vertical;
padding-top: 2px;
}  .formulario-simule .check {
display: flex;
align-items: center; justify-content: center;
gap: 7px;
margin: 0 auto;
font-size: 11px;
font-weight: 400;
line-height: 100%;
cursor: pointer;
}
.formulario-simule .check input[type="checkbox"] {
margin: 0;
width: 13px;
height: 13px;
flex-shrink: 0;
appearance: none;
-webkit-appearance: none;
border: 1.38px solid #000;
border-radius: 2px;
background: var(--rosa);
cursor: pointer; position: relative; } .formulario-simule .check input[type="checkbox"]:checked {
background: var(--rosa);
border-color: var(--rosa);
} .formulario-simule .check input[type="checkbox"]:checked::after {
content: "";
position: absolute;
left: 3px;
top: 0;
width: 4px;
height: 8px;
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
} .formulario-simule .btn-enviar {
margin-top: 19px;
}
.formulario-simule .envia-formulario {
width: 76.4%;
display: flex;
margin: 0 auto;
padding: 12px;
background: var(--azul);
color: white;
border: none;
border-radius: 13px;
font-family: var(--chunk);
font-weight: 300;
font-size: 19.57px;
line-height: 16.78px;
letter-spacing: 1.19px;
cursor: pointer;
transition: var(--transicao);
border: 1px solid var(--azul);
}
.input-form.error::placeholder {
color: var(--laranja) !important;
opacity: 1 !important;
}
.formulario-simule .envia-formulario:hover {
background: var(--verde-claro);
border: 1px solid var(--azul);
color: #000;
}
.formulario-simule .envia-formulario:active {
transform: translateY(0);
} #implantacao{
margin-bottom: 37px;
position: relative;
}
#implantacao::after{
content: '';
position: absolute;
background: url(//www.realraposoharmonia.com.br/wp-content/themes/realraposo/assets/images/after-implantacao.webp);
background-repeat: no-repeat;
width: 348px;
height: 1281px;
left: 0;
top: -151px;
z-index: -1;
}
#implantacao::before{
content: '';
position: absolute;
background: url(//www.realraposoharmonia.com.br/wp-content/themes/realraposo/assets/images/before-implantacao.webp);
background-repeat: no-repeat;
width: 303px;
height: 701px;
right: 0;
top: 212px;
z-index: -1;
}
#implantacao .container{
width: 1360px;
max-width: 90%;
margin: 0 auto;
position: relative;
}
#implantacao .container .titulo{
font-family: var(--chunk);
color: var(--azul);
font-weight: 400;
font-size: 60px;
line-height: 66px;
text-align: center;
}
#implantacao .container .texto{
font-family: var(--gotham);
font-weight: 325;
font-size: 18px;
line-height: 66px;
text-align: center;
color: #000;
margin-bottom: 20px;
}
#implantacao .container .img-implantacao{
display: flex;
justify-content: center;
margin: 0 auto;
width: 50%;
}
#implantacao .container .img-terreo{
margin-bottom: 73px;
}
#implantacao .container .icone-canto{
width: 210px;
position: absolute;
top: 111px;
left: 221px;
z-index: 2;
}
#implantacao .container .boxes-info{
background: url(//www.realraposoharmonia.com.br/wp-content/themes/realraposo/assets/images/borda-implantacao-grande.webp);
background-size: 100% 100%;
background-repeat: no-repeat;
width: 702px;
max-width: 100%;
height: auto;
padding: 45px 30px;
background-color: white;
margin: 0 auto;
position: relative;
top: -37px;
}
#implantacao .container .box-titulo-implantacao{
font-family: var(--chunk);
color: var(--vermelho);
font-weight: 400;
font-size: 26px;
text-align: center;
margin-bottom: 14px;
}
#implantacao .container .lista-itens-implantacao{
display: flex;
gap: 72px;
margin-bottom: 18px;
}
#implantacao .container .boxes-info .info p{
font-family: var(--gotham-bold);
font-weight: 500;
font-size: 12px;
line-height: 166%;
color: #000;
text-transform: uppercase;
}
.swiper-implantacao-img {
overflow: hidden;
position: relative;
}
#implantacao .swiper-button-next,
#implantacao .swiper-button-prev {
color: var(--vermelho);
width: 44px;
height: 44px;
}
#implantacao .swiper-button-next::after,
#implantacao .swiper-button-prev::after {
font-size: 30px;
font-weight: 900;
}
.implantacao-toggle-btn {
display: none;
width: 211px;
max-width: 100%;
margin: 0px;
padding: 15px 25px;
font-family: var(--gotham-bold);
font-size: 16px;
color: var(--branco);
background-color: var(--vermelho);
border: none;
border-radius: 10px;
cursor: pointer;
justify-content: space-between;
align-items: center;
}
.implantacao-toggle-btn .seta-toggle {
transition: transform 0.3s ease;
transform: rotate(0deg); width: 16px;
height: 16px;
fill: currentColor;
} .implantacao-toggle-btn.is-active .seta-toggle {
transform: rotate(180deg); } #form-zap {
background: url(//www.realraposoharmonia.com.br/wp-content/themes/realraposo/assets/images/fundo-form-zap.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
border: none;
width: 100%;
height: 613px;
margin-bottom: 114px;
z-index: 0;
}
#form-zap::after{
content: '';
position: absolute;
background: url(//www.realraposoharmonia.com.br/wp-content/themes/realraposo/assets/images/folha-dir-zap.webp);
background-repeat: no-repeat;
background-size: cover;
width: 147px;
height: 580px;
top: -141px;
right: 0;
z-index: 2;
}
#form-zap::before{
content: '';
position: absolute;
background: url(//www.realraposoharmonia.com.br/wp-content/themes/realraposo/assets/images/folhas-zap.webp);
background-repeat: no-repeat;
background-size: cover;
width: 484px;
height: 481px;
top: -256px;
left: -149px;
z-index: 1;
}
#form-zap .img-casal-zap{
position: absolute;
z-index: 2;
width: 495px;
height: 762px;
left: -58px;
top: -149px;
}
#form-zap .container {
width: 1445px;
margin: 0 auto;
display: flex;
gap: 0px;
}
#form-zap .container .esq {
width: 57.7%;
padding-top: 195px;
margin-left: 283px;
}
#form-zap .container .esq .titulo {
color: white;
font-family: var(--chunk);
font-weight: 400;
font-size: 51.87px;
line-height: 57px;
}
#form-zap .container .esq span {
font-size: 103px;
line-height: 91.64px;
}
#form-zap .container .esq .subtitulo {
color: white;
font-family: var(--chunk);
font-weight: 400;
font-size: 43.87px;
line-height: 57px;
padding-right: 223px;
}
#form-zap .dir {
width: 46%;
}
#form-zap .dir .zap-icone{
position: absolute;
width: 145px;
height: 145px;
z-index: 3;
top: -72px;
right: 319px;
}
.formulario-zap {
background: var(--verde-claro);
border-radius: 32px;
padding: 59px 5px 61px 5px;
max-width: 510px;
max-height: 597px;
width: 100%;
font-family: var(--gotham);
color: #000;
position: absolute;
top: -28px;
right: 366px;
}
.formulario-zap .slide-image {
max-width: 115px;
position: absolute;
height: auto;
top: -44px;
left: -46px;
}
.formulario-zap .texto {
font-size: 23.3px;
line-height: 27px;
font-weight: 400;
letter-spacing: 0.23px;
text-align: center;
margin-bottom: 6px;
padding: 0 84px;
}
.formulario-zap .logo-form{
margin: 0 auto;
margin-bottom: 20px;
margin-top: 14px;
}
.formulario-zap .titulo {
font-size: 33.66px;
font-weight: 800;
margin-bottom: 20px;
text-align: center;
line-height: 100%;
letter-spacing: 0.33px;
}
.formulario-zap .preencha {
font-size: 11px;
font-weight: 400;
margin-bottom: 7px;
text-align: center;
line-height: 100%;
letter-spacing: 0.11px;
}
.formulario-zap .form {
margin-top: 25px;
}
.formulario-zap .formcon {
position: relative;
margin-bottom: 20px;
}
.formulario-zap .input-form {
width: 75.4%;
padding: 9px;
display: flex;
flex-direction: column;
margin: 0 auto;
border: 0.5px solid #000;
background: transparent;
color: #000 !important;
font-family: var(--gotham);
font-size: 14px;
font-weight: 400;
outline: none;
transition: all 0.3s ease;
box-sizing: border-box;
border-radius: 10px;
}
.formulario-zap .input-form::placeholder {
color: transparent;
}
.formulario-zap .formcon label{
position: absolute;
left: 76px;
top: 12px;
color: #000;
background: var(--rosa);
font-size: 14px;
font-weight: 400;
pointer-events: none;
transition: all 0.3s ease;
background: transparent;
padding: 0;
}
.subir{
top: -12px !important;
background-color: var(--verde-claro) !important;
color: var(--vermelho) !important;
}
.formulario-zap .formcon .subir{
position: absolute;
left: 76px;
top: 12px;
color: #000;
background: var(--rosa);
font-size: 12px;
font-weight: 400;
pointer-events: none;
transition: all 0.3s ease;
padding: 0;
}
.error {
border-color: var(--laranja) !important; } .subir  .formulario-zap .input-form:focus + label,
.formulario-zap .input-form:not(:placeholder-shown) + label{
top: -10px;
left: 5px;
font-size: 12px;
color: #000;
background-color: black;
padding: 0 5px;
}
.formulario-zap .input-form:focus + label,
.formulario-zap .input-form:not(:placeholder-shown) + label{
top: -12px;
left: 65px;
font-weight: 800;
font-size: 12px;
color: black;
background: var(--verde-claro);
padding: 0 5px;
border-radius: 10px !important;
}
.formulario-zap .textarea-form {
min-height: 50px;
resize: vertical;
padding-top: 2px;
}  .formulario-zap .check {
display: flex;
align-items: center; justify-content: center;
gap: 7px;
margin: 0 auto;
font-size: 11px;
font-weight: 400;
line-height: 100%;
cursor: pointer;
padding: 0 47px;
}
.formulario-zap .check input[type="checkbox"] {
margin: 0;
width: 13px;
height: 13px;
flex-shrink: 0;
appearance: none;
-webkit-appearance: none;
border: 1.38px solid #000;
border-radius: 2px;
background: var(--rosa);
cursor: pointer; position: relative; } .formulario-zap .check input[type="checkbox"]:checked {
background: var(--rosa);
border-color: var(--rosa);
} .formulario-zap .check input[type="checkbox"]:checked::after {
content: "";
position: absolute;
left: 3px;
top: 0;
width: 4px;
height: 8px;
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
} .formulario-zap .btn-enviar {
margin-top: 19px;
}
.formulario-zap .envia-formulario {
width: 76.4%;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin: 0 auto;
padding: 7px;
background: var(--azul);
color: white;
border: none;
border-radius: 13px;
font-family: var(--chunk);
font-weight: 300;
font-size: 19.57px;
line-height: 16.78px;
letter-spacing: 1.19px;
cursor: pointer;
transition: var(--transicao);
border: 1px solid var(--azul);
}
.formulario-zap .envia-formulario .zap{
transition: var(--transicao);
}
.formulario-zap .envia-formulario:hover .zap{
filter: brightness(0) invert(0);
}
.input-form.error::placeholder {
color: var(--laranja) !important;
opacity: 1 !important;
}
.formulario-zap .envia-formulario:hover {
background: var(--verde-claro);
border: 1px solid var(--azul);
color: #000;
}
.formulario-zap .envia-formulario:active {
transform: translateY(0);
} #localizacao{
position: relative;
margin-bottom: 89px;
}
#localizacao::before{
content: '';
position: absolute;
background: url(//www.realraposoharmonia.com.br/wp-content/themes/realraposo/assets/images/folha-mapa.webp);
background-repeat: no-repeat;
width: 123px;
height: 249px;
right: 0;
top: 45px;
}
#localizacao .titulo{
font-family: var(--chunk);
font-weight: 400;
font-size: 60px;
line-height: 59px;
text-align: center;
color: var(--azul);
}
#localizacao .texto{
font-family: var(--gotham-bold);
font-weight: 500;
font-size: 18px;
line-height: 66px;
text-align: center;
color: #000;
margin-bottom: 23px;
}
#localizacao .fundo{
overflow: auto;
}
#localizacao .localizacao-img{
width: 100%;
}
#localizacao .mapa{
position: relative;
display: flex;
margin: 0 auto;
width: 1370px;
height: auto;
min-height: 500px;
max-width: 90%;
border: 4px solid var(--verde-claro);
border-radius: 30px;
top: -51px;
box-shadow: 0 0 10px 2px rgb(138 138 138 / 75%);
}
#localizacao .mapa::after{
content: '';
position: absolute;
background: url(//www.realraposoharmonia.com.br/wp-content/themes/realraposo/assets/images/icones/asterisco-mapa.svg);
background-repeat: no-repeat;
width: 48px;
height: 48px;
top: -15px;
left: -6px;
}
#localizacao .mapa iframe{
width: 100% !important;
height: 500px !important;
border-radius: 29px !important;
}
#localizacao .botao{
gap: 15px;
}
#localizacao .botao .btn-waze{
position: absolute;
top: 29px;
right: 292px;
display: flex;
flex-direction: row-reverse;
justify-content: center;
align-items: center;
gap: 10px;
width: 245px;
border-radius: 14px;
background-color: var(--azul);
padding: 10px;
transition: var(--transicao);
}
#localizacao .botao a{
text-decoration: none !important;
}
#localizacao .botao .btn-waze .btm-mapa{
font-family: var(--gotham);
font-weight: 325;
font-size: 17px;
line-height: 27px;
color: var(--branco);
}
#localizacao .botao .btn-maps{
position: absolute;
top: 29px;
right: 25px;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
width: 245px;
border-radius: 14px;
background-color: var(--vermelho);
border: 0.5px solid var(--vermelho);
padding: 12px;
transition: var(--transicao);
}
#localizacao .botao .btn-maps .btm-mapa{
font-family: var(--gotham);
font-weight: 325;
font-size: 17px;
line-height: 27px;
color: var(--branco);
}
#localizacao .container{
width: 1370px;
max-width: 90%;
margin: 0 auto;
display: flex;
margin-top: -12px;
}
#localizacao .container .esq{
width: 40%;
}
#localizacao .container .esq .titulo{
font-family: var(--chunk);
font-weight: 400;
font-size: 32px;
line-height: 40px;
letter-spacing: 2.56px;
color: var(--azul);
text-align: left;
margin-bottom: 10px;
}
#localizacao .container .esq .texto{
font-family: var(--gotham);
font-weight: 325;
font-size: 18px;
line-height: 22px;
color: #000;
text-align: left;
padding: 0 18px 0 0;
margin-bottom: 30px;
}
#localizacao .container .dir{
width: 60%;
}
#localizacao .container .dir .boxes{
display: flex;
flex-wrap: wrap;
gap: 43px;
margin-bottom: 41px;
}
#localizacao .container .dir .boxes .box{
background-color: white;
border: 1px solid var(--azul);
border-radius: 10px;
padding: 29px 11px;
width: 173px;
height: 174px;
}
#localizacao .container .dir .boxes .box .ico-localiza{
margin: 0 auto;
padding-bottom: 24px;
}
#localizacao .container .dir .boxes .box .texto-vermelho{
font-family: Montserrat;
font-weight: 700;
font-size: 14px;
line-height: 17px;
letter-spacing: 1.12px;
text-align: center;
color: var(--vermelho);
}
#localizacao .container .dir .boxes .box .texto-preto{
font-family: Montserrat;
font-weight: 400;
font-size: 12px;
line-height: 15px;
letter-spacing: 1.12px;
text-align: center;
color: #000;
}
#localizacao .container .dir .texto-fundo{
font-family: var(--chunk);
color: var(--azul);
font-weight: 400;
font-size: 32px;
line-height: 40px;
letter-spacing: 2.56px;
text-align: center;
} #realizacao{
margin-bottom: 89px;
position: relative;
}
#realizacao::after{
content: '';
position: absolute;
background: url(//www.realraposoharmonia.com.br/wp-content/themes/realraposo/assets/images/after-parceiro.webp);
background-repeat: no-repeat;
width: 221px;
height: 668px;
left: 0;
top: -611px;
z-index: -1;
}
#realizacao::before{
content: '';
position: absolute;
background: url(//www.realraposoharmonia.com.br/wp-content/themes/realraposo/assets/images/before-galeria.webp);
background-repeat: no-repeat;
width: 248px;
height: 1244px;
right: 0;
top: -1022px;
z-index: -1;
}
#realizacao .container{
width: 1421px;
max-width: 90%;
margin: 0 auto;
}
#realizacao .container .boxes{
display: flex;
justify-content: center;
gap: 98px;
}
#realizacao .container .boxes .box{
display: flex;
flex-direction: column;
align-items: center;
gap: 49px;
margin-bottom: 42px;
}
#realizacao .container .boxes .box .texto{
font-family: Montserrat;
font-weight: 400;
font-size: 14px;
line-height: 15px;
letter-spacing: 1.12px;
text-align: center;
color: #000;
}
#realizacao .container .texto-implantacao{
font-family: var(--gotham);
font-weight: 200;
font-size: 12px;
text-align: center;
color: #000;
} #politica-privacidade{
background: url(//www.realraposoharmonia.com.br/wp-content/themes/realraposo/assets/images/fundo-politica.webp);
background-size: cover;
background-repeat: no-repeat;
height: 411px;
}
#politica-privacidade .container .textos{
padding-top: 49px;
}
#politica-privacidade .container .titulo{
font-family: Montserrat;
font-weight: 700;
font-size: 12px;
line-height: 150%;
letter-spacing: 0.96px;
text-align: center;
color: #000;
}
#politica-privacidade .container .texto{
font-family: Montserrat;
font-weight: 400;
font-size: 12px;
line-height: 150%;
letter-spacing: 0.96px;
text-align: center;
color: #000;
margin-bottom: 34px;
} #footer-exent{
margin-bottom: 80px;
padding: 20.5px;
background-color: #007C84;
}
#footer-exent .container{
display: flex;
justify-content: center;
} @media screen and (max-width: 2560px){
#banner{
background-size: cover;
height: 1268px;
}
}
@media screen and (max-width: 1920px){
#banner{
background-size: contain;
height: 952px;
}
}
@media screen and (max-width: 1720px) {
#galeria .swiper-button-prev {
left: -33px;
}
#galeria .swiper-button-next {
left: 28px;
}
#form-saiba .img-menina-form,
#form-zap .img-casal-zap {
left: -135px;
}
.formulario-simule{
left: 336px;
}
#form-simule .img-casal-form {
right: -28px;
top: -60px;
clip-path: polygon(0% 0%, 100% 0%, 100% 94%, 0% 92%);
}
}
@media screen and (max-width: 1680px){
#banner{
margin-bottom: 0px;
}
#galeria .swiper-slide-prev {
transform: translateX(195px);
}
#galeria .swiper-slide-next {
transform: translateX(-195px);
}
.formulario-contato,
.formulario-zap{
right: 262px;
}
#form-zap .dir .zap-icone {
right: 200px;
}
}
@media screen and (max-width: 1600px){
header nav {
margin-top: -14px;
}
#banner {
margin-bottom: -40px;
}
#banner::after {
top: 848px;
}
#banner::before {
top: 725px;
}
#banner .folha-banner {
bottom: 24px;
}
#galeria .swiper-slide-prev {
transform: translateX(248px);
}
#galeria .swiper-slide-next {
transform: translateX(-248px);
}
.formulario-contato, .formulario-zap {
right: 221px;
}
#form-saiba .container .esq,
#form-zap .container .esq {
margin-left: 282px;
}
#form-saiba .container .esq .titulo,
#form-zap .container .esq .titulo {
font-size: 47px;
}
#form-saiba .container .esq span,
#form-zap .container .esq span {
font-size: 90px;
}
#form-saiba .container .esq .subtitulo,
#form-zap .container .esq .subtitulo {
font-size: 34.87px;
}
#form-saiba .img-menina-form, #form-zap .img-casal-zap {
left: -173px;
}
.formulario-simule {
left: 251px;
}
#form-simule .container .dir {
margin-right: 261px;
}
#form-simule .img-casal-form {
right: -53px;
}
#form-simule .container .dir .subtitulo {
font-size: 35px;
}
#form-simule .container .dir span {
font-size: 87px;
}
#form-zap .img-casal-zap {
top: -152px;
}
#localizacao .titulo {
font-size: 55px;
}
#localizacao .container {
gap: 17px;
}
#localizacao .container .dir .boxes {
gap: 27px;
justify-content: center;
}
}
@media screen and (max-width: 1440px) {
#banner {
margin-bottom: -165px;
}
#banner .folha-banner {
bottom: 124px;
}
#galeria .container-texto .titulo {
font-size: 50px;
padding: 0px 40px;
}
#galeria .swiper-slide-active {
transform: scale(1.33);
}
#galeria .swiper-button-prev {
top: 218px;
left: 47%;
width: 20px;
}
#galeria .swiper-button-next {
top: 218px;
right: 47%;
left: unset;
width: 20px;
}
#galeria .swiper-pagination {
bottom: -68px;
}
#form-saiba::after {
right: -35px;
}
#form-saiba::before {
left: -315px;
}
.formulario-contato, .formulario-zap {
right: 157px;
}
#form-saiba .img-menina-form{
left: -212px;
clip-path: polygon(0% 0%, 100% 0%, 95% 10%, 100% 30%, 100% 70%, 95% 90%, 96% 97%, 0% 104%)
}
#plantas .container .titulo {
font-size: 55px;
}
#plantas .boxes .box .dir {
width: 57%;
}
#plantas .boxes .box .dir .textos {
width: 100%;
}
#plantas .boxes .box .dir .textos .texto-box {
width: 100%;
}
.formulario-simule {
left: 208px;
max-width: 460px;
}
#form-simule .img-casal-form {
width: 361px;
height: 665px;
right: -56px;
top: -15px;
clip-path: polygon(0% 0%, 100% 0%, 100% 94%, 0% 91%);
}
#implantacao .container .icone-canto {
width: 161px;
left: 256px;
}
#form-zap .dir .zap-icone {
right: 98px;
}
#implantacao .container .titulo {
font-size: 54px;
}
}
@media screen and (max-width: 1366px) {
#banner {
margin-bottom: -185px;
}
#form-saiba .container .esq, #form-zap .container .esq {
margin-left: 226px;
}
.formulario-contato, .formulario-zap {
right: 144px;
}
.bloco-mancha img {
width: 84%;
}
.formulario-simule {
left: 185px;
max-width: 420px;
}
#implantacao .container .icone-canto {
top: 114px;
}
#form-zap::after {
right: -33px;
z-index: -1;
}
#form-zap .img-casal-zap {
top: -83px;
transform: scale(0.8);
left: -210px;
}
}
@media screen and (max-width: 1354px){
#implantacao .container .icone-canto {
top: 184px;
}
}
@media screen and (max-width: 1280px) {
header nav {
width: 882px;
padding: 25px 35px;
}
#banner .folha-banner {
bottom: 212px;
}
#form-saiba .img-menina-form {
left: -218px;
clip-path: polygon(0% 0%, 100% 0%, 95% 10%, 100% 30%, 100% 70%, 95% 90%, 96% 96%, 0% 104%);
}
.formulario-contato, .formulario-zap {
right: 96px;
}
#form-saiba .container .esq span, #form-zap .container .esq span {
font-size: 81px;
}
#form-saiba .container .esq .subtitulo, #form-zap .container .esq .subtitulo {
font-size: 31px;
line-height: 42px;
padding-right: 171px;
}
#plantas .boxes .box {
gap: 20px;
padding: 22px;
}
#form-simule .container .dir {
margin-right: 208px;
}
#implantacao .container .img-terreo {
margin-bottom: 99px;
}
#implantacao .container .icone-canto {
left: 196px;
}
#form-zap .img-casal-zap {
top: -48px;
transform: scale(0.7);
left: -213px;
}
#form-zap .dir .zap-icone {
right: 26px;
}
#localizacao .texto {
font-size: 16px;
}
}
@media screen and (max-width: 1200px) {
#footer-exent {
margin-bottom: 72px;
}
header nav {
margin-top: -18px;
padding: 15px 53px;
}
#banner {
margin-bottom: -287px;
}
#banner::after {
left: -147px;
}
#banner::before{
right: -111px;
}
#galeria .container-texto .titulo {
font-size: 43px;
padding-top: 26px;
line-height: 56px;
}
.formulario-contato, .formulario-zap {
width: 431px;
}
#form-saiba .container .esq span, #form-zap .container .esq span {
font-size: 73px;
}
#form-saiba .container .esq .subtitulo, #form-zap .container .esq .subtitulo {
font-size: 29px;
}
#form-saiba .img-menina-form {
top: -59px;
left: -218px;
clip-path: polygon(0% 0%, 100% 0%, 95% 10%, 100% 30%, 100% 70%, 95% 90%, 96% 95%, 0% 104%);
}
#plantas .container .titulo {
font-size: 46px;
}
#form-simule .container .dir {
margin-right: 170px;
}
#form-simule .img-casal-form {
width: 334px;
height: 625px;
right: -70px;
top: 17px;
}
#form-simule .container .dir .titulo {
font-size: 45PX;
}
#form-simule .container .dir span {
font-size: 70px;
line-height: 76PX;
}
#form-simule .container .dir .subtitulo {
font-size: 33px;
line-height: 38px;
padding-left: 164px;
}
.formulario-simule {
left: 153px;
max-width: 414px;
}
.formulario-simule .formcon label {
left: 61px;
}
.formulario-simule .input-form:focus + label,
.formulario-simule .input-form:not(:placeholder-shown) + label{
left: 55px;
}
#form-zap::before {
top: -101px;
}
#localizacao::before {
right: -29px;
}
#localizacao .container .dir .boxes {
gap: 17px;
}
#localizacao .container .esq .titulo {
font-size: 28px;
}
#localizacao .container .esq .texto {
font-size: 16px;
}
}
@media screen and (max-width: 1080px) {
#banner {
margin-bottom: -352px;
}
#banner .folha-banner {
bottom: 300px;
}
#form-saiba .img-menina-form {
top: -60px;
clip-path: polygon(0% 0%, 100% 0%, 95% 10%, 100% 30%, 100% 70%, 95% 90%, 96% 94%, 0% 104%);
}
#form-saiba .container .esq, #form-zap .container .esq {
margin-left: 187px;
}
.formulario-contato, .formulario-zap {
width: 416px;
}
#form-saiba .container .esq .subtitulo, #form-zap .container .esq .subtitulo {
line-height: 41px;
padding-right: 166px;
}
#form-simule::after {
left: -32px;
}
.formulario-simule {
left: 112px;
max-width: 408px;
}
#form-simule .container .dir .subtitulo {
font-size: 30px;
line-height: 37px;
padding-left: 129px;
}
#implantacao .container .img-implantacao {
width: 55%;
}
#implantacao .container .icone-canto {
left: 139px;;
}
#form-zap .img-casal-zap {
top: -55px;
}
#localizacao::before {
right: -62px;
}
#localizacao .container .dir .boxes {
gap: 8px;
}
#politica-privacidade{
height: auto;
padding-bottom: 6px;
}
}
@media screen and (min-width: 1025px){
#masthead.header-fixo {
position: fixed;
background-color: var(--vermelho);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
transform: translateY(0);
opacity: 1;
top: 0;
z-index: 99;
margin: 0;
padding-top: 0;
}
.header-fixo .fixo {
padding: 15px 3.5vw;
margin-top: 0;
}
#form-simule{
scroll-margin-top: 140px;
}
#form-zap{
scroll-margin-top: 140px;
}
#localizacao{
scroll-margin-top: 120px;
}
#localizacao .botao .btn-waze:hover{
transform: scale(1.05);
}
#localizacao .botao .btn-maps:hover{
transform: scale(1.05);
}
}
@media screen and (max-width: 1024px) {
#footer-exent {
margin-bottom: 71px;
}
#realizacao::after{
display: none;
}
#realizacao::before{
display: none;
}
#politica-privacidade{
background-position: bottom;
}
header {
justify-content: space-between;
padding: 0;
background-color: var(--vermelho);
position: fixed;
height: 70px;
align-items: center;
width: 76px;
right: 0 !important;
left: auto;
}
header .cinza {
position: relative;
left: 0;
top: 0;
margin: 0;
padding: 10px 15px;
border-radius: 0;
border: none;
background-color: transparent;
}
header .cinza img {
width: 80px;
} header nav {
position: fixed;
top: 0px;
left: -100%;
width: 100%;
height: 100vh;
background-color: var(--vermelho);
padding: 40px 20px;
margin: 0;
transition: left 0.3s ease;
z-index: 20;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
} header nav.active {
left: 0;
overflow: auto;
}
header nav ul {
overflow: auto;
flex-direction: column;
justify-content: center;
margin: 0 auto;
align-items: center;
gap: 30px;
height: 100%;
}
header nav ul li {
width: 100%;
text-align: center;
padding-bottom: 15px;
}
header nav ul li:not(:last-child)::after {
display: none !important;
}
header nav ul li a {
font-size: 22px;
font-weight: 500;
display: block;
padding: 10px 0;
} .menu-hamburger {
display: flex;
} header.laranja .menu-hamburger .hamburger {
background-color: #fff;
} .menu-overlay {
position: fixed;
top: 70px;
left: 0;
width: 100%;
height: calc(100vh - 70px);
background-color: rgba(0, 0, 0, 0.5);
z-index: 9;
display: none;
}
.menu-overlay.active {
display: block;
}
#galeria .swiper-slide-active {
transform: scale(1.2);
}
#form-saiba,
#form-zap{
height: auto;
}
#form-saiba .container,
#form-zap .container {
flex-direction: column;
}
#form-saiba .container .esq .titulo, #form-zap .container .esq .titulo {
text-align: center;
line-height: 28px;
}
#form-saiba .container .esq .subtitulo, #form-zap .container .esq .subtitulo {
line-height: 41px;
padding-right: 0;
text-align: center;
margin-bottom: 27px;
}
#form-saiba .container .esq,
#form-zap .container .esq {
width: 100%;
padding-top: 43px;
margin: 0 auto;
}
.formulario-contato, .formulario-zap {
position: unset;
width: 510px;
max-height: 611px;
display: flex;
flex-direction: column;
margin: 0 auto;
}
.formulario-contato .input-form,
.formulario-zap .input-form {
width: 90%;
}
.formulario-contato .formcon label,
.formulario-zap .formcon label {
left: 30px;
}
.formulario-contato .input-form:focus + label,
.formulario-contato .input-form:not(:placeholder-shown) + label{
left: 30px;
}
.formulario-contato .check, .formulario-zap .check, .formulario-simule .check {
justify-content: flex-start;
padding: 0 28px;
}
#form-saiba .dir {
width: 100%;
}
#form-saiba .img-menina-form {
top: 140px;
clip-path: polygon(0% 0%, 100% 0%, 95% 10%, 100% 30%, 100% 70%, 95% 90%, 96% 94%, 0% 104%);
}
#plantas .container .titulo {
font-size: 37px;
}
#plantas .container .texto {
line-height: 26px;
}
#plantas .box-filtro {
overflow-x: auto;
}
#plantas .botoes {
min-width: 1193px;
justify-content: flex-start;
margin: 0 auto;
}
#plantas .boxes {
background: none;
border: 2px solid var(--vermelho);
border-radius: 20px;
height: auto;
background: white;
display: block;
}
#plantas .boxes .box {
flex-direction: column;
}
#plantas .boxes .box .esq {
width: 100%;
display: flex;
justify-content: center;
}
#plantas .boxes .box .esq .icon {
top: 18px;
width: 46px;
}
#plantas .boxes .box .dir {
width: 100%;
}
#plantas .boxes .box .dir .img-ambiente {
width: 100%;
height: 330px;
}
#plantas .boxes .box .dir .textos {
flex-direction: column;
width: 100%;
gap: 30px;
}
#plantas .boxes .box .dir .textos .bloco-mancha img {
width: 27%;
}
#plantas .boxes .box .dir .textos .quadrado {
width: 255px;
margin: 0 auto;
max-width: 100%;
}
#form-simule{
height: auto;
margin-bottom: 92px;
}
#form-simule .container{
flex-direction: column-reverse;
}
.formulario-simule {
position: unset;
max-width: 510px;
max-height: 611px;
display: flex;
flex-direction: column;
margin: 0 auto;
}
.formulario-simule .input-form {
width: 90%;
}
.formulario-simule .formcon label {
left: 34px;
}
.formulario-simule .input-form:focus + label,
.formulario-simule .input-form:not(:placeholder-shown) + label{
left: 26px;
}
#form-simule .esq {
width: 100%;
}
#form-simule .container .dir {
margin: 0 auto;
width: 100%;
padding-top: 36px;
}
#form-simule .container .dir .titulo {
text-align: center;
}
#form-simule .container .dir .subtitulo {
text-align: center;
padding-left: 0;
margin-bottom: 27px;
}
#form-simule .img-casal-form {
top: 213px;
}
#implantacao .boxes-info.hidden {
display: none;
}
#implantacao .container .lista-itens-implantacao {
flex-direction: column;
gap: 0;
}
.toggle-button {
display: flex;
align-items: center;
gap: 8px;
}
#implantacao .container .icone-canto {
left: 82px;
top: 165px;
width: 172px;
}
.implantacao-toggle-btn {
display: flex;
margin-bottom: 20px;
}
#implantacao .container .img-implantacao {
width: 604px;
max-width: 100%;
margin-bottom: 72px;
}
#implantacao .container .boxes-info {
width: 100%;
position: unset;
flex-direction: column;
justify-content: center;
margin: unset;
height: auto;
background: white;
border: 2px solid var(--vermelho);
border-radius: 15px;
gap: 0;
padding: 20px;
}
#implantacao .container .boxes-info .info p {
font-size: 14px;
}
#implantacao .container .imagem{
margin-bottom: -54px;
}
#form-zap .dir {
width: 100%;
}
#form-zap .dir .zap-icone {
top: 170px;
right: 186px;
}
#form-zap .img-casal-zap {
top: 165px;
clip-path: polygon(0% 0%, 100% 0%, 95% 10%, 100% 30%, 100% 70%, 100% 100%, 100% 93%, 0% 100%);
}
.formulario-zap .input-form:focus + label,
.formulario-zap .input-form:not(:placeholder-shown) + label{
left: 36px;
}
#form-zap {
margin-bottom: 67px;
}
#form-zap::before {
display: none;
}
#localizacao .localizacao-img {
width: 1025px;
max-width: unset;
}
#localizacao .titulo {
line-height: 63px;
font-size: 53px;
}
#localizacao .texto {
padding: 0px 44px;
line-height: 27px;
}
#localizacao .botao .btn-waze {
position: absolute;
top: 97px;
right: 25px;
}
#localizacao .container {
flex-direction: column-reverse;
gap: 17px;
}
#localizacao .container .dir {
width: 100%;
}
#localizacao .container .dir .boxes {
flex-direction: column;
flex-wrap: nowrap;
gap: 15px;
}
#localizacao .container .dir .boxes .box {
padding: 29px;
width: 100%;
height: auto;
}
#localizacao .container .dir .boxes .box .texto-vermelho {
font-size: 18px;
margin-bottom: 10px;
}
#localizacao .container .dir .boxes .box .texto-preto {
font-size: 16px;
}
#localizacao .container .esq {
width: 100%;
}
#localizacao .container .esq .pontos{
width: 72%;
display: flex;
justify-content: center;
margin: 0 auto;
}
#localizacao .container .dir .texto-fundo {
margin-bottom: 20px;
}
#realizacao {
margin-bottom: 71px;
}
#realizacao .container .boxes {
flex-direction: column;
gap: 27px;
}
#realizacao .container .boxes .box {
gap: 25px;
}
.formulario-contato .formcon .subir {
left: 30px;
}
.formulario-simule .formcon .subir {
left: 30px;
}
.formulario-zap .formcon .subir{
left: 30px;
}
}
@media screen and (max-width: 996px) {
#banner {
margin-bottom: -415px;
}
#banner::before {
top: 290px;
}
#banner::after {
top: 433px;
}
#galeria .container-texto .titulo {
font-size: 37px;
padding-top: 0;
line-height: 51px;
margin-bottom: 11px;
}
#galeria .container-texto .texto {
font-size: 16px;
padding: 0 40px;
}
#galeria .swiper-wrapper-outer {
margin-top: 58px;
}
#galeria .container-galeria-fundo {
height: 688px;
}
#galeria .swiper-pagination {
bottom: -76px;
}
#form-saiba .img-menina-form {
transform: scale(0.8);
width: 403px;
height: 573px;
top: 286px;
}
#implantacao .container .titulo {
font-size: 39px;
padding: 0 108px;
line-height: 57px;
}
#form-simule .img-casal-form {
transform: scale(0.7);
top: 292px;
right: -95px;
}
#implantacao .container .icone-canto {
display: none;
}
#implantacao .container .texto {
font-size: 16px;
}
#form-zap .img-casal-zap {
display: none;
}
#form-zap .dir .zap-icone {
top: 170px;
right: 167px;
}
#localizacao .titulo {
line-height: 58px;
font-size: 47px;
}
}
@media screen and (max-width: 980px){
#footer-exent {
margin-bottom: 123px;
}
}
@media screen and (max-width: 860px){
#banner {
margin-bottom: -457px;
}
#banner .folha-banner {
bottom: 428px;
}
#galeria .swiper-slide {
width: 576px;
}
#galeria .container-texto .titulo {
line-height: 42px;
}
#galeria .container-galeria {
height: 736px;
}
#galeria .swiper-button-prev {
left: 45%;
}
#galeria .swiper-button-next {
right: 45%;
}
.formulario-contato, .formulario-zap {
width: 62%;
}
#plantas .container .titulo {
padding: 23px 66px;
}
#plantas .container .texto {
padding: 0 55px;
}
#form-simule::before {
z-index: -1;
}
#form-simule .img-casal-form{
display: none;
}
#implantacao .container .texto {
line-height: 26px;
}
#form-zap .dir .zap-icone {
width: 120px;
height: 120px;
top: 152px;
right: 141px;
}
}
@media screen and (max-width: 768px) {
#banner{
background: url(//www.realraposoharmonia.com.br/wp-content/themes/realraposo/assets/images/banner-tablet-real.webp);
background-repeat: no-repeat;
margin-bottom: -43px;
background-size: contain;
}
#banner .folha-banner {
bottom: -15px;
transform: scale(.8);
left: -10px;
}
#banner::before {
top: 686px;
}
#banner::after {
top: 872px;
}
#galeria .container-texto {
top: 52px;
}
#galeria .botoes{
display: none;
}
#galeria .swiper-pagination {
bottom: -27px;
}
#galeria .swiper-wrapper-outer {
margin-top: 108px;
}
#galeria .swiper-slide {
width: 514px;
}
#form-saiba::before{
display: none;
}
.formulario-contato, .formulario-zap {
width: 85%;
}
#form-saiba .img-menina-form {
display: none;
}
.formulario-contato .check,
.formulario-zap .check{
justify-content: flex-start;
padding: 0 31px;
}
#plantas .container .titulo {
line-height: 43px;
}
#plantas .container .texto{
font-size: 16px;
}
#plantas .boxes .box .esq .icon {
right: 9px;
}
#plantas .boxes .box .dir .textos .bloco-mancha img {
width: 232px;
}
#implantacao .container .titulo {
font-size: 38px;
padding: 0 56px;
}
#implantacao .container .img-implantacao {
margin-bottom: 76px;
}
#implantacao .container .boxes-info {
width: 97%;
margin: 0 auto;
}
.swiper-button-next, .swiper-button-prev {
top: var(--swiper-navigation-top-offset, 95%) !important;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 74%);
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 13%);
}
#form-zap .dir .zap-icone {
width: 110px;
height: 110px;
top: 162px;
right: 67px;
}
}
@media screen and (max-width: 680px){
#banner{
margin-bottom: -138px;
}
#banner .folha-banner {
bottom: 101px;
}
#galeria .swiper-slide {
width: 70%;
}
#galeria .swiper-slide-active .icone-galeria {
top: 3px;
right: 4px;
}
#plantas .container .texto {
padding: 0 23px;
}
#form-simule::after {
display: none;
}
#implantacao .container .titulo {
font-size: 34px;
padding: 0 56px;
line-height: 49px;
margin-bottom: 20px;
}
#form-zap::after {
display: none;
}
#form-zap .dir .zap-icone {
right: 31px;
}
}
@media screen and (max-width: 600px) {
#banner {
margin-bottom: -231px;
}
#banner .folha-banner {
bottom: 190px;
}
#banner::before {
top: 474px;
z-index: -1;
right: -230px;
}
#banner::after {
top: 670px;
left: -412px;
}
#galeria {
min-height: 690px;
}
#galeria .swiper-wrapper-outer {
margin-top: 155px;
}
#galeria .container-texto .titulo {
line-height: 36px;
font-size: 28px;
}
#galeria .swiper-pagination {
bottom: -33px;
}
#galeria .container-texto .texto {
line-height: 23px;
margin-bottom: 29px;
font-size: 14px;
}
#plantas .container .titulo {
line-height: 36px;
font-size: 28px;
}
#implantacao .container .titulo {
font-size: 32px;
padding: 0 39px;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10%);
}
#localizacao .botao .btn-waze {
position: absolute;
top: unset;
bottom: 22px;
left: 50%;
transform: translateX(-50%);
right: unset;
}
#localizacao .botao .btn-maps {
top: unset;
bottom: 98px;
left: 50%;
transform: translateX(-50%);
right: unset;
}
}
@media screen and (max-width: 545px){
#form-saiba .container .esq .subtitulo, #form-zap .container .esq .subtitulo {
font-size: 26px;
}
#banner .folha-banner {
display: none;
}
}
@media screen and (max-width: 490px) {
#form-saiba .container .esq .titulo, #form-zap .container .esq .titulo {
font-size: 40px;
}
#form-saiba .container .esq span, #form-zap .container .esq span {
font-size: 63px;
line-height: 72px;
}
#form-saiba .container .esq .subtitulo, #form-zap .container .esq .subtitulo {
line-height: 35px;
}
.formulario-contato, .formulario-zap {
width: 100%;
}
.formulario-contato .texto,
.formulario-zap .texto {
font-size: 21.3px;
}
#form-saiba {
margin-bottom: 42px;
}
#form-saiba::after {
right: -83px;
}
#plantas .container .titulo {
padding: 23px 22px;
}
#plantas .container .texto {
font-size: 14px;
}
#form-saiba::before {
display: none;
}
#form-simule .container .dir .titulo {
font-size: 40px;
line-height: 33px;
}
#implantacao .container .titulo {
font-size: 30px;
line-height: 40px;
}
#implantacao .container .texto{
font-size: 14px;
}
#implantacao .container .imagem {
margin-bottom: -36px;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 6%);
}
#form-zap .dir .zap-icone {
right: 9px;
width: 88px;
height: 88px;
top: 172px;
}
#localizacao .botao .btn-maps .btm-mapa {
font-size: 15px;
}
#localizacao .botao .btn-maps {
padding: 10px;
right: 9px;
}
#localizacao .botao .btn-maps .btm-mapa {
font-size: 15px;
}
#localizacao .botao .btn-waze {
padding: 10px;
right: 9px;
}
}
@media screen and (max-width: 450px) {
#banner{
background: url(//www.realraposoharmonia.com.br/wp-content/themes/realraposo/assets/images/banner-mobile-real.webp);
background-repeat: no-repeat;
margin-bottom: -43px;
background-size: contain;
margin-bottom: -275px;
}
#galeria .container-texto .titulo {
line-height: 31px;
font-size: 26px;
}
#galeria .swiper-slide-prev {
transform: translateX(224px);
}
#galeria .swiper-slide-next {
transform: translateX(-224px);
}
#localizacao .container .esq .titulo {
font-size: 24px;
line-height: 36px;
}
}
@media screen and (max-width: 430px) {
#localizacao::before {
display: none;
}
#localizacao .container .esq .pontos {
width: 90%;
}
#localizacao .texto {
padding: 0px 28px;
line-height: 23px;
}
}
@media screen and (max-width: 400px) {
#banner{
margin-bottom: -338px;
}
#galeria .container-texto .titulo {
font-size: 24px;
}
#galeria .swiper-slide-next {
transform: translateX(-191px);
}
#galeria .swiper-slide-prev {
transform: translateX(191px);
}
#form-saiba .container .esq .subtitulo, #form-zap .container .esq .subtitulo {
font-size: 25px;
}
#plantas .container .titulo {
font-size: 24px;
}
#plantas .boxes .box {
padding: 15px;
}
#plantas .boxes .box .dir .textos .quadrado .titulo-box {
font-size: 36px;
width: 100%;
}
#form-simule .container .dir span {
font-size: 63px;
line-height: 72px;
}
#form-simule .container .dir .subtitulo {
font-size: 25px;
}
#form-simule::before {
display: none;
}
#implantacao .container .titulo {
padding: 0 10px;
font-size: 27px;
}
.formulario-zap .texto {
font-size: 18px;
padding: 0 72px;
}
.formulario-zap {
padding: 36px 5px 61px 5px;
}
#localizacao .botao .btn-maps {
width: 219px;
}
#localizacao .botao .btn-waze {
width: 219px;
}
}
@media screen and (max-width: 368px) {
.swiper-button-next, .swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 0%);
}
}
@media screen and (max-width: 360px) {
#banner {
margin-bottom: -400px;
}
#galeria .swiper-wrapper-outer {
margin-top: 187px;
}
#galeria .swiper-slide-prev {
transform: translateX(120px);
}
#galeria .swiper-slide-next {
transform: translateX(-120px);
}
#form-saiba::after{
display: none;
}
.formulario-contato, .formulario-zap {
max-height: 640px;
}
.formulario-contato .check, .formulario-zap .check {
padding: 0 19px;
}
.formulario-contato .formcon label, .formulario-zap .formcon label {
left: 27px;
}
.formulario-contato .input-form:focus + label,
.formulario-contato .input-form:not(:placeholder-shown) + label{
left: 20px;
}
.formulario-simule {
max-height: 640px;
}
.formulario-simule .texto {
font-size: 20px;
padding: 0 10px;
}
.formulario-simule .formcon label {
left: 25px;
}
.formulario-simule .input-form:focus + label,
.formulario-simule .input-form:not(:placeholder-shown) + label{
left: 20px;
}
.formulario-contato .check, .formulario-zap .check, .formulario-simule .check {
justify-content: flex-start;
padding: 0 14px;
}
.formulario-zap .envia-formulario {
width: 90%;
}
#localizacao .titulo {
font-size: 41px;
}
}
@media screen and (max-width: 330px) {
#implantacao .container .imagem {
margin-bottom: -18px;
}
#form-zap .dir .zap-icone {
right: 5px;
width: 65px;
height: 65px;
top: 190px;
}
#galeria {
min-height: 803px;
}
#galeria .container-texto {
top: 64px;
}
#galeria .container-texto .texto {
padding:  0 10px;
}
.formulario-zap .texto {
font-size: 17px;
padding: 0px 56px;
}
.swiper-button-next, .swiper-button-prev {
top: var(--swiper-navigation-top-offset, 91%) !important;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 72%);
}
}
@media screen and (max-width: 310px){
#banner {
margin-bottom: -477px;
}
#plantas .boxes .box .dir .textos .quadrado .linha {
width: 172px;
}
.formulario-zap .envia-formulario {
width: 97%;
font-size: 17.57px;
}
}
@media screen and (max-width: 280px) {}