.video {
margin: 40px 0;
}
.video img {
border-radius: 20px;
}
.video .bg-layer {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.7);
z-index: 2;
border-radius: 20px;
}
img.mcmv {
max-width: 120px;
height: auto;
position: absolute;
top: 5svh;
}
.info-basica {
padding-top: 60px;
}
.info-basica h2 {
color: #08044f;
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: 28px; margin-bottom: 24px;
}
.info-basica p {
color: #57575a;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px; }
.diferenciais {
margin-top: 35px;
}
.diferenciais h3 {
color: #08044f;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 28px; margin-bottom: 28px;
}
.diferenciais ul {
padding-left: 15px;
}
.diferenciais ul li {
color: #57575a;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 22px;
margin-right: 18px;
}
.diferenciais ul li::marker {
color: #dc0019;
}
.diferenciais .cc-2 {
column-count: 2;
}
.diferenciais .cc-3 {
column-count: 3;
}
.ebook {
display: flex;
margin-top: 30px;
align-items: center;
flex-wrap: wrap;
}
.ebook p {
color: #08044f;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px; margin-bottom: 0;
margin-right: 20px;
}
.box-tecnico h3 {
color: #08044f;
font-size: 38px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 35px;
}
.box-tecnico p {
color: #0e1116;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 22px;
}
.filtros-empreendimentos .nav-pills {
border-bottom: solid 1px #cbcbcb;
padding-bottom: 20px;
}
.filtros-empreendimentos .nav-link {
color: #939393;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.54px;
transition: all 0.3s;
position: relative;
padding: 0.5rem 1rem;
}
.filtros-empreendimentos .nav-link.active,
.filtros-empreendimentos .nav-link:hover {
background-color: transparent;
color: #dc0019;
}
.filtros-empreendimentos .nav-item {
position: relative;
padding: 0;
}
.filtros-empreendimentos .nav-link.active::after {
content: "";
display: block;
height: 2px;
width: 100%;
background-color: #dc0019;
position: absolute;
bottom: -20px;
left: 0;
}
.lista-empreendimentos .card-empreendimento {
display: block;
border-radius: 20px;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
height: 490px;
text-decoration: none;
transition: all 0.3s;
position: relative;
}
.lista-empreendimentos .card-empreendimento:hover {
transform: scale(1.01);
}
.lista-empreendimentos .card-empreendimento .bg-layer {
background-color: rgba(0, 0, 0, 0.45);
border-radius: 20px;
height: 100%;
display: flex;
flex-direction: column;
padding: 35px 70px 32px 30px;
}
.lista-empreendimentos .card-empreendimento .box-img {
margin-top: auto;
margin-bottom: 15px;
}
.lista-empreendimentos .card-empreendimento .tp-emp {
display: inline-flex;
border-radius: 50px;
background: #dc0019;
width: fit-content;
padding: 0px 21px;
height: 28px;
align-items: center;
justify-content: center;
border: 0;
box-shadow: none;
color: #fff;
}
.lista-empreendimentos .card-empreendimento h3 {
color: #fff;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 24px;
text-decoration: none;
margin-bottom: 7px;
}
.lista-empreendimentos .card-empreendimento h4 {
color: #fff;
font-size: 17px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 15px;
}
.lista-empreendimentos .card-empreendimento p {
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.lista-empreendimentos .custom-nav {
display: flex;
justify-content: space-between;
width: 100%;
}
.lista-empreendimentos .custom-nav button {
width: 45px;
height: 45px;
margin-top: -45px;
background-color: #08044f;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s;
border: none;
z-index: 2;
border: solid 2px #08044f;
}
.lista-empreendimentos .custom-nav button.owl-prev {
left: 20px;
}
.lista-empreendimentos .custom-nav button.owl-next {
right: 20px;
}
.lista-empreendimentos .custom-nav button.disabled {
opacity: 0.4;
background-color: #ffffff;
}
.lista-empreendimentos .custom-nav button.disabled svg path {
stroke: #08044f;
}
.box-cta {
background-color: rgba(0, 0, 0, 0.8);
min-height: 350px;
position: relative;
margin-top: 60px;
}
.box-cta h2 {
color: #fff;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 45px; margin-top: 55px;
margin-bottom: 25px;
}
.box-cta p {
color: #fff;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 32px; }
.box-cta .btn-cta {
background-color: transparent;
border: solid 1px #ffffff;
color: #ffffff;
margin-top: 40px;
}
.box-cta .imagem-destacada {
position: absolute;
top: -125px;
}
.mapa {
padding: 50px 0 0 0;
background-color: #fff;
}
.mapa h2 {
color: #08044f;
font-size: 35px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 1.05px;
margin-bottom: 20px;
}
.mapa iframe {
width: 100%;
height: 450px;
}
.lista-empreendimentos.single .titulo p {
color: #08044f;
font-size: 30px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.lista-empreendimentos.single .titulo p span {
color: #dc0019;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.box-midia.single {
height: 735px;
}
.box-midia.single .tp-emp {
margin-bottom: 15px;
}
.box-midia.single h1 {
color: #fff;
font-size: 65px;
font-style: normal;
font-weight: 600;
line-height: 110%; margin-bottom: 20px;
text-transform: none;
}
.box-midia.single p {
color: #fff;
font-size: 25px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 20px;
}
.box-midia.single .status {
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
display: inline-block;
border-radius: 80px;
background: #dc0019;
margin-bottom: 30px;
padding: 10px 25px;
}
.btn-whatsapp-empreendimento {
display: flex;
color: #fff;
background-color: #25d366;
border-radius: 50px;
padding: 12px 25px;
font-size: 16px;
font-weight: 400;
text-decoration: none;
margin-top: 15px;
align-items: center;
gap: 10px;
&:hover {
text-decoration: none;
color: #ffffff;
background-color: #1ebe5b;
}
}
.single {
position: relative;
}
.single .formulario {
padding: 33px 40px;
border-radius: 20px;
background: #f5f5f5;
box-shadow: -2px 4px 4px 0px rgba(0, 0, 0, 0.05);
position: absolute;
top: -560px;
}
.single .formulario p {
color: #08044f;
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.single .formulario label {
color: #08044f;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 110%; display: block;
margin-bottom: 10px;
}
.single .formulario input {
color: #0e1116;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 110%; margin-bottom: 0;
border: none;
border-bottom: solid 2px #00174a;
border-radius: 0;
background-color: transparent;
}
.single .formulario input::placeholder {
color: #0e1116;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 110%; margin-bottom: 25px;
border: none;
}
.single .formulario .btn-cta {
border-radius: 50px;
background: #08044f;
border: solid 1px transparent;
color: #ffffff;
width: 100%;
text-align: center;
}
.single .formulario .btn-cta-whatsapp {
background-color: #25d366;
border: solid 1px transparent;
color: #ffffff;
width: 100%;
text-align: center;
margin-top: 25px;
}
.galerias {
background: #fff;
padding: 50px 0;
}
.galerias .box-galerias {
height: 600px;
transition: all 0.3s;
opacity: 1;
}
.galerias h2 {
color: #08044f;
font-size: 35px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 1.05px;
}
.galeria-emp {
display: none !important;
}
.galeria-emp.active {
display: block !important;
}
.galeria-emp .owl-stage {
display: flex;
height: 530px;
align-items: flex-end;
}
.galeria-emp .owl-item img {
height: 490px;
object-fit: cover;
border-radius: 15px;
transition: all 0.3s;
opacity: 0.7;
}
.galeria-emp .owl-item.center img {
height: 530px;
opacity: 1;
}
.galerias .owl-carousel .owl-nav button.owl-prev,
.galerias .owl-carousel .owl-nav button.owl-next {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border-radius: 50%;
border: solid 1px #04003d;
transition: all 0.3s;
background-color: #04003d;
position: relative;
}
.galerias .owl-carousel .owl-nav {
display: flex;
max-width: 850px;
justify-content: space-between;
margin: 15px auto 0 auto;
}
.galerias .custom-dots {
padding-bottom: 10px;
border-bottom: solid 1px #d9d9d9;
margin-top: 25px;
margin-bottom: 55px;
}
.galerias .custom-dots a {
display: inline-flex;
color: #57575a;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.54px;
transition: all 0.3s;
position: relative;
text-decoration: none;
margin-right: 25px;
text-align: center;
}
.galerias .custom-dots a:last-child {
margin-right: 0;
}
.galerias .custom-dots a.active {
color: #dc0019;
font-weight: 600;
}
.galerias .custom-dots a.active::before {
content: "";
background-color: #dc0019;
width: 100%;
height: 3px;
position: absolute;
bottom: -13px;
}
.plantas {
background: #f7f7f8;
padding: 50px 0;
}
.plantas h2 {
color: #08044f;
font-size: 35px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 1.05px;
}
.galeria-plantas img {
height: 330px;
object-fit: contain;
max-height: 330px;
}
.plantas .owl-carousel .owl-nav {
position: relative;
}
.plantas .custom-dots {
padding-bottom: 10px;
border-bottom: solid 1px #d9d9d9;
margin-top: -20px;
margin-bottom: 30px;
}
.plantas .custom-dots a {
display: inline-flex;
color: #57575a;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.54px;
transition: all 0.3s;
position: relative;
text-decoration: none;
margin-right: 25px;
text-align: center;
}
.plantas .custom-dots a:last-child {
margin-right: 0;
}
.plantas .custom-dots a.active {
color: #dc0019;
font-weight: 600;
}
.plantas .custom-dots a.active::before {
content: "";
background-color: #dc0019;
width: 100%;
height: 3px;
position: absolute;
bottom: -13px;
}
#lightcase-content {
background-color: #fff !important;
}
.plantas .owl-carousel .owl-nav button.owl-prev,
.plantas .owl-carousel .owl-nav button.owl-next {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border-radius: 50%;
border: solid 1px #04003d;
transition: all 0.3s;
background-color: #04003d;
position: absolute;
top: -200px;
}
.plantas .owl-carousel .owl-nav button.owl-next {
right: 0;
}
.plantas .owl-carousel .owl-nav .disabled {
background-color: transparent !important;
opacity: 1;
}
.plantas .owl-carousel .owl-nav .disabled svg path {
stroke: #04003d !important;
}
.plantas .galeria-plantas a {
display: block;
}
.box-video {
position: sticky;
top: 40px;
}
.box-video iframe {
border-radius: 15px;
}
.tecnicos {
padding: 80px 0;
}
.tecnicos h2:not(.accordion-header) {
color: #08044f;
font-size: 35px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom: 50px;
}
@media (max-width: 1500px) {
.galerias .box-galerias {
height: 540px;
}
.galeria-emp .owl-stage {
height: 480px;
}
.galeria-emp .owl-item img {
height: 440px;
object-fit: cover;
border-radius: 15px;
transition: all 0.3s;
opacity: 0.7;
}
.galeria-emp .owl-item.center img {
height: 480px;
}
}
@media (max-width: 992px) {
.box-midia.single {
height: calc(100vh - 100px);
}
.box-midia.single .tp-emp {
max-width: 250px;
}
.box-midia.single h1 {
font-size: 48px;
margin-bottom: 10px;
}
.box-midia.single p {
font-size: 21px;
margin-bottom: 10px;
}
.single .formulario {
position: relative;
top: inherit;
}
.box-cta .imagem-destacada {
top: 225px;
}
.diferenciais h2,
.galerias h2,
.plantas h2,
.mapa h2 {
font-size: 26px;
}
.plantas .owl-carousel .owl-nav button.owl-prev,
.plantas .owl-carousel .owl-nav button.owl-next {
top: -20px;
}
.plantas .custom-dots {
margin-top: 20px;
overflow-x: auto;
overflow-y: hidden;
display: flex !important;
justify-content: space-between;
min-width: 100%;
}
.galerias .box-galerias {
height: 420px;
}
.galeria-emp .owl-stage {
height: 360px;
}
.galeria-emp .owl-item img {
height: 360px;
object-fit: cover;
border-radius: 15px;
transition: all 0.3s;
opacity: 0.7;
}
.galeria-emp .owl-item.center img {
height: 360px;
}
}
@media (max-width: 768px) {
.diferenciais .cc-3 {
column-count: 2;
}
.ebook {
justify-content: center;
}
.ebook p {
margin-bottom: 15px;
}
.filtros-empreendimentos .nav-pills {
flex-wrap: nowrap !important;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
display: flex !important;
}
.filtros-empreendimentos .nav-item {
flex: 0 0 auto;
margin-bottom: 0;
white-space: nowrap;
}
.filtros-empreendimentos .nav-link {
font-size: 16px;
padding: 0.5rem 0.8rem;
white-space: nowrap;
}
.filtros-empreendimentos .nav-link.active::after {
bottom: -20px;
}
.cta-imagens {
position: relative;
justify-content: center;
align-items: center;
gap: 0;
min-height: 320px;
overflow: visible;
}
.box-cta .imagem-destacada {
position: relative;
top: 0;
width: 60vw;
max-width: 280px;
object-fit: cover;
z-index: 2;
margin-right: -8vw;
}
.box-cta .box-img {
position: relative;
z-index: 1;
top: 55px;
width: 65vw;
right: 10px;
max-width: 320px;
height: 65vw;
max-height: 320px;
object-fit: cover;
transform: translateX(-6vw);
}
}
@media (max-width: 576px) {
.box-midia.single {
min-height: 535px;
height: 535px;
.status {
order: 5;
margin-top: 8px;
}
.btn-whatsapp-empreendimento {
display: none;
}
h1 {
margin-top: 100px;
}
}
.filtros-empreendimentos .nav-link {
font-size: 14px;
padding: 0.5rem 0.7rem;
}
}