/*
Theme Name: Inspire Capital
Author: Bspacy
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: inspirecapital
*/
/* ===== CUSTOM CURSOR ===== */
body {
cursor: url('data:image/svg+xml;utf8,') 25 25, auto;
}
/* Bolinha laranja (var(--orange): #E84E0F) ao passar sobre este bloco.
Nota: não dá para usar var() dentro do data URI do cursor. */
.block2-about .vc_col-sm-6:last-child .vc_inner .wpb_text_column:first-child {
cursor: url('data:image/svg+xml;utf8,') 25 25, auto;
}
.orbit-slider-panel {
cursor: url('data:image/svg+xml;utf8,') 25 25, auto;
}
/*** Fonts ***/
@font-face {
font-family: 'FontAwesome';
src: url('assets/fonts/fontawesome-webfont.eot'); /* IE9 Compat Modes */
src: url('assets/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('assets/fonts/fontawesome-webfont.woff2') format('woff2'), /* Super moderno */
url('assets/fonts/fontawesome-webfont.woff') format('woff'), /* Moderno */
url('assets/fonts/fontawesome-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('assets/fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg'); /* iOS */
font-weight: normal;
font-style: normal;
font-display: block;
}
@font-face {
font-family: "Roboto";
src: url("assets/fonts/Roboto/Roboto-ExtraLight.eot"); /* IE9 Compat Modes */
src: url("assets/fonts/Roboto/Roboto-ExtraLight.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("assets/fonts/Roboto/Roboto-ExtraLight.woff2") format("woff2"),
url("assets/fonts/Roboto/Roboto-ExtraLight.woff") format("woff"),
url("assets/fonts/Roboto/Roboto-ExtraLight.ttf") format("truetype");
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "Roboto";
src: url("assets/fonts/Roboto/Roboto-Light.eot"); /* IE9 Compat Modes */
src: url("assets/fonts/Roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("assets/fonts/Roboto/Roboto-Light.woff2") format("woff2"),
url("assets/fonts/Roboto/Roboto-Light.woff") format("woff"),
url("assets/fonts/Roboto/Roboto-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Roboto";
src: url("assets/fonts/Roboto/Roboto-Regular.eot"); /* IE9 Compat Modes */
src: url("assets/fonts/Roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("assets/fonts/Roboto/Roboto-Regular.woff2") format("woff2"),
url("assets/fonts/Roboto/Roboto-Regular.woff") format("woff"),
url("assets/fonts/Roboto/Roboto-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Roboto";
src: url("assets/fonts/Roboto/Roboto-Medium.eot"); /* IE9 Compat Modes */
src: url("assets/fonts/Roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("assets/fonts/Roboto/Roboto-Medium.woff2") format("woff2"),
url("assets/fonts/Roboto/Roboto-Medium.woff") format("woff"),
url("assets/fonts/Roboto/Roboto-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "Roboto";
src: url("assets/fonts/Roboto/Roboto-SemiBold.eot"); /* IE9 Compat Modes */
src: url("assets/fonts/Roboto/Roboto-SemiBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("assets/fonts/Roboto/Roboto-SemiBold.woff2") format("woff2"),
url("assets/fonts/Roboto/Roboto-SemiBold.woff") format("woff"),
url("assets/fonts/Roboto/Roboto-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "Roboto";
src: url("assets/fonts/Roboto/Roboto-ExtraBold.eot"); /* IE9 Compat Modes */
src: url("assets/fonts/Roboto/Roboto-ExtraBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("assets/fonts/Roboto/Roboto-ExtraBold.woff2") format("woff2"),
url("assets/fonts/Roboto/Roboto-ExtraBold.woff") format("woff"),
url("assets/fonts/Roboto/Roboto-ExtraBold.ttf") format("truetype");
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: "Poppins";
src: url("assets/fonts/Poppins/Poppins-Light.eot"); /* IE9 Compat Modes */
src: url("assets/fonts/Poppins/Poppins-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("assets/fonts/Poppins/Poppins-Light.woff2") format("woff2"),
url("assets/fonts/Poppins/Poppins-Light.woff") format("woff"),
url("assets/fonts/Poppins/Poppins-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
}
/*** Estrutura ***/
* {
box-sizing: border-box;
}
html, body {
margin: 0;
padding: 0;
overflow-x: hidden;
background-color: var(--white);
scroll-behavior: smooth;
}
img {
max-width: 100%;
}
html {
scrollbar-width: thin;
scrollbar-color: #888 transparent;
}
html::-webkit-scrollbar {
width: 4px;
}
html::-webkit-scrollbar-thumb {
background-color: #888;
border-radius: 4px;
}
html::-webkit-scrollbar-track {
background-color: var(--white);
}
a, a:hover, a:focus, a:active {
text-decoration: none;
color: var(--white);
cursor: pointer;
overflow-wrap: anywhere;
}
h1, h2, h3, h4, h5, h6, p, label, input, a, span, li {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 0;
}
/* Placeholder Color */
input::placeholder {
color: var(--black);
opacity: 1;
}
/* Autofill Background/Color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px #fbf2eb inset !important;
-webkit-text-fill-color: var(--black) !important;
}
input:focus, select:focus {
outline: none !important;
}
/* Remove number input spinners */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.quform-edit-form{
display: none;
}
.vc_column-inner{
padding: 0px !important;
}
.vc_btn3-container,
.wpb_content_element,
.vc_do_custom_heading {
margin: 0px !important;
}
ul {
list-style: none;
padding: 0;
margin: 0;
}
h1,
h1 span{
font-family: 'Roboto';
font-size: 85px;
font-weight: 200;
line-height: 88px;
color: var(--white);
}
h2,
h2 span{
font-family: 'Roboto';
font-size: 56px;
font-weight: 600;
line-height: 60px;
color: var(--black-soft);
}
h3,
h3 span{
font-family: 'Roboto';
font-size: 32px;
font-weight: 300;
line-height: 35px;
color: var(--orange);
}
h4,
h4 span{
font-family: 'Roboto';
font-size: 22px;
font-weight: 300;
line-height: 25px;
color: var(--white);
}
h5{
}
h6{
}
p, li, a, span, div{
font-family: 'Roboto';
font-weight: 400;
color: var(--grey-soft);
font-size: 16px;
line-height: 22px;
}
p strong{
font-weight: 700;
}
header li,
header li a{
color: var(--grey);
font-size: 12px;
font-weight: 300;
line-height: 12px;
text-transform: uppercase;
}
header li a:hover{
color: var(--black);
}
.wpb_text_column p:not(:last-child){
margin-bottom: 10px !important;
}
a.vc_general.vc_btn3 {
border-radius: 100px !important;
background-color: var(--orange) !important;
color: var(--white) !important;
background-image: none;
font-weight: 700;
font-size: 24px;
padding: 25px 35px;
text-transform: uppercase;
}
:root {
--black: #000000;
--black-soft: #1D1D1D;
--orange: #E84E0F;
--white: #FFFFFF;
--white-soft: #F5F5F5;
--cream: #F8F5EF;
--grey: #4A565D;
--grey-soft: #999999;
--green: #103517;
--padding-x: 60px;
--padding-y: 0px;
}
/* Header */
header {
position: fixed;
z-index: 100;
width: 100vw;
top: 0px;
left: 0px;
}
.wrapper-header{
display: flex;
justify-content: space-between;
padding: 40px var(--padding-x) 0px;
border-radius: 100px;
}
.wrapper-header .logo{
transition: filter 0.3s ease;
}
.wrapper-header .logo.is-inverted{
filter: invert(1);
}
ul.main-menu{
display: flex;
width: fit-content;
padding: 20px 75px;
padding-right: 200px;
background-color: var(--white-soft);
gap: 40px;
border-radius: 100px;
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
position: relative;
}
ul.main-menu li:last-child{
position: absolute;
top: 50%;
right: 5px;
transform: translateY(-50%);
background-color: var(--orange);
border-radius: 100px;
padding: 15px 40px;
}
ul.main-menu li:last-child a{
color: var(--white);
}
ul.main-menu li:not(:last-child) {
cursor: pointer;
}
ul.main-menu li:not(:last-child):hover a{
color: var(--orange);
}
ul.main-menu li:last-child {
cursor: pointer;
}
/* Homepage */
.block1-home{
width: 100vw;
height: 100dvh;
}
.block1-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper{
display: flex;
width: 100vw;
height: 100dvh;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 70px;
}
.block1-home h1{
max-width: 850px;
margin-top: 200px !important;
}
.block1-home h4{
max-width: 455px;
}
.block1-home::before{
content: '';
width: 100%;
height: 100%;
position: absolute;
background-color: rgba(0,0,0,0.1);
top: 0px;
left: 0px;
}
.block2-home {
width: 100vw;
height: fit-content;
overflow: visible !important;
}
.block2-home h2 span.char{
opacity: 0.1;
}
.block2-home .vc_col-sm-12 {
margin-inline: auto !important;
padding: 150px var(--padding-x) 40px;
max-width: calc(1000px + var(--padding-x) * 2);
height: 100%;
float: none;
}
.block2-home > .vc_col-sm-12 > .vc_column-inner {
width: 100%;
height: 100%;
}
.block2-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper{
display: flex;
flex-direction: column;
justify-content: flex-end;
width: 100%;
height: 100%;
}
.block2-home .wpb_text_column{
max-width: 360px;
margin-inline: auto !important;
margin-top: 55px !important;
}
.block2-home h3{
margin-left: 50px !important;
}
.block2-home .home-curve-wrapper {
display: none;
}
.block2-home span.home-curve-ball-static:nth-child(2),
.block2-home span.home-curve-ball-static:nth-child(4){
background-color: var(--orange) !important;
}
.block2-home span.home-curve-ball-static:nth-child(5) {
bottom: -45px;
left: 22%;
}
.block2-home span.home-curve-ball-static:nth-child(6) {
bottom: 0px;
right: 15%;
}
.home-curve-wrapper {
position: absolute !important;
top: 60px;
}
.home-curve-balls {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
span.home-curve-ball-static{
position: absolute;
}
span.home-curve-ball-static:first-child{
top: 150px;
left: 10%;
}
span.home-curve-ball-static:nth-child(2){
top: 200px;
left: 40%;
transform: translateX(-50%);
}
span.home-curve-ball-static:nth-child(3){
top: 250px;
left: 58%;
transform: translateX(-50%);
}
span.home-curve-ball-static:nth-child(4){
top: 120px;
right: 10%;
}
span.home-curve-ball-static:nth-child(5){
bottom: 160px;
left: 30%;
transform: translateX(-50%);
}
span.home-curve-ball-static:nth-child(6){
bottom: 180px;
right: 25%;
}
.block3-home{
z-index: 1;
position: relative;
}
.block3-home .vc_inner{
width: 100vw;
height: 100dvh;
}
.block3-home .pin-spacer:first-child{
padding-top: 30px;
}
.block3-home .pin-spacer:last-child{
padding-bottom: 30px;
}
.block3-home .vc_inner > .vc_col-sm-12,
.block3-home .vc_inner > .vc_col-sm-12 > .vc_column-inner {
width: 100vw;
height: 100%;
}
.block3-home .vc_inner > .vc_col-sm-12 > .vc_column-inner::before{
content: '';
width: 100%;
height: 100%;
background-color: #73737326;
position: absolute;
top: 0px;
left: 0px;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .vc_inner > .vc_col-sm-12 > .vc_column-inner,
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .vc_inner > .vc_col-sm-12 > .vc_column-inner::before {
border-top-right-radius: 300px;
}
.block3-home .last-panel > .vc_col-sm-12 > .vc_column-inner,
.block3-home .last-panel > .vc_col-sm-12 > .vc_column-inner::before {
border-bottom-left-radius: 300px;
}
.block3-home .last-panel > .vc_col-sm-12 {
background-color: var(--white);
}
.block3-home .vc_inner > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper,
.block3-orbits-wrapper{
max-width: calc(1400px + var(--padding-x) * 2);
padding-inline: var(--padding-x);
height: 100%;
margin-inline: auto !important;
position: relative;
}
.block3-home div.vc_custom_heading,
.block3-home .wpb_text_column p{
font-size: 94px;
line-height: 94px;
font-weight: 800;
color: var(--cream);
}
.block3-home .wpb_text_column p strong{
font-size: 280px
}
.block3-home p.vc_custom_heading{
color: var(--cream);
}
.block3-home:not(.block1-project) .vc_inner .wpb_text_column,
.block3-home:not(.block1-project) .vc_inner div.vc_custom_heading,
.block3-home:not(.block1-project) .vc_inner p.vc_custom_heading{
position: absolute;
}
.block3-home div.vc_custom_heading{
text-transform: uppercase;
}
.block3-home:not(.block1-project) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column{
bottom: 90px;
left: var(--padding-x);
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child div.vc_custom_heading{
right: 200px;
bottom: 90px;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child p.vc_custom_heading{
color: var(--black-soft);
width: 180px;
position: absolute;
top: 120px;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column{
bottom: 190px;
right: var(--padding-x);
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column p{
display: flex;
flex-direction: column;
align-items: flex-end;
color: var(--orange);
gap: 40px;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column p strong{
margin-right: 100px;
color: var(--cream);
font-size: 190px;
}
.block3-home:not(.block3-companies) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) div.vc_custom_heading{
left: 200px;
top: 45%;
transform: translateY(-50%);
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) p.vc_custom_heading{
bottom: 260px;
width: 180px;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(3) .wpb_text_column {
top: 45%;
transform: translateY(-50%);
left: 200px;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(3) div.vc_custom_heading {
bottom: 90px;
right: var(--padding-x);
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(3) p.vc_custom_heading {
top: 60%;
transform: translateY(-50%);
width: 200px;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .wpb_text_column {
top: 55%;
transform: translateY(-50%) translateX(-100%);
left: 50%;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .wpb_text_column p strong{
font-size: 550px;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) div.vc_custom_heading {
bottom: 90px;
right: var(--padding-x);
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) p.vc_custom_heading {
bottom: 40px;
}
.block3-home a.vc_general.vc_btn3 {
margin-top: 130px !important;
margin-left: 300px !important;
}
.block3-orbit{
position: absolute;
border-radius: 100%;
}
.block3-orbit-ball{
border-radius: 100%;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .block3-orbit:first-child {
width: 450px;
height: 450px;
background-color: rgba(255, 255, 255, 0.3);
bottom: 70px;
left: 47%;
transform: translateX(-100%);
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .block3-orbit:last-child {
width: 530px;
height: 530px;
border: 1px solid rgba(255, 255, 255, 0.3);
bottom: 70px;
left: 70px;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .block3-orbit:first-child .block3-orbit-ball {
width: 30px;
height: 30px;
background: var(--black-soft);
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .block3-orbit:last-child .block3-orbit-ball {
width: 10px;
height: 10px;
background: var(--white);
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .block3-orbit:first-child {
width: 600px;
height: 600px;
background-color: rgba(255, 255, 255, 0.3);
bottom: 55px;
left: 64%;
transform: translateX(-50%);
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .block3-orbit:last-child {
width: 530px;
height: 530px;
border: 1px solid rgba(255, 255, 255, 0.3);
bottom: 70px;
right: -100px;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .block3-orbit:first-child .block3-orbit-ball {
width: 30px;
height: 30px;
background: var(--orange);
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(3) .block3-orbit:first-child {
width: 800px;
height: 800px;
border: 1px solid rgba(255, 255, 255, 0.3);
top: 45%;
transform: translateY(-50%) translateX(-25%);
left: 200px;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(3) .block3-orbit:last-child {
width: 580px;
height: 580px;
background-color: var(--orange);
filter: opacity(0.82);
bottom: 0px;
transform: translateX(-20%) translateY(50%);
left: 200px;
z-index: 1;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(3) .block3-orbit:first-child .block3-orbit-ball {
width: 30px;
height: 30px;
background-color: var(--black-soft);
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .block3-orbit:first-child {
width: 800px;
height: 800px;
border: 1px solid rgba(255, 255, 255, 0.3);
top: 48%;
transform: translateY(-50%) translateX(-70%);
left: 50%;
z-index: 1;
pointer-events: none;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .block3-orbit:last-child {
width: 880px;
height: 880px;
background-color: rgba(255, 255, 255, 0.3);
bottom: -27%;
left: 70px;
pointer-events: none;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .block3-orbit:first-child .block3-orbit-ball {
width: 16px;
height: 16px;
background-color: var(--black-soft);
}
.block3_1-home{
padding-top: 0px !important;
overflow: visible !important;
}
.block3_1-home .vc_inner {
gap: 50px !important;
max-width: calc(1500px + var(--padding-x) * 2) !important;
}
.block3_1-home .vc_inner .vc_col-sm-3:hover img {
clip-path: inset(85px 0 0 0 round 250px) !important;
}
.block3_1-home .vc_inner .vc_col-sm-3:first-child,
.block3_1-home .vc_inner .vc_col-sm-3:last-child{
opacity: 0;
pointer-events: none;
}
.block3_1-home .vc_inner .vc_col-sm-3 p {
width: unset !important;
margin-inline: auto !important;
padding-block: unset !important;
}
.block3_1-home .vc_inner .vc_col-sm-3 p a{
width: fit-content;
text-align: center;
color: var(--orange);
margin-inline: auto;
padding: 18px 53px;
background-color: var(--cream);
border-radius: 50px;
white-space: nowrap;
font-weight: 700;
transition: 0.3s;
}
.block3_1-home .vc_inner .vc_col-sm-3 p:hover a{
filter: brightness(1.1);
color: var(--black);
transition: 0.3s;
}
.block3_1-home .vc_col-sm-3 .wpb_text_column {
top: 250px !important;
opacity: 0 !important;
transition: 0.5s;
}
.block3_1-home .vc_col-sm-3:hover .wpb_text_column {
opacity: 1 !important;
transition: 0.5s;
}
.block4-home{
padding-top: 230px;
overflow: visible !important;
}
.block4-home .vc_col-sm-12{
padding-inline: var(--padding-x);
max-width: calc(1400px + var(--padding-x) * 2);
float: none;
margin-inline: auto !important;
}
.block4-home h3{
margin-right: 90px !important;
}
.companies-section{
width: 100vw;
position: relative;
left: 50%;
transform: translateX(-50%);
}
.companies-swiper{
height: 80vh;
max-height: 700px;
}
.company-slide-img {
height: 100%;
background-size: cover;
background-position: center;
}
h4.company-slide-title {
position: absolute;
bottom: 50px;
right: 120px;
font-size: 70px;
font-weight: 500;
line-height: 70px;
padding-left: 120px;
}
h4.company-slide-title::after{
content: '';
background-image: url(/wp-content/uploads/seta.svg);
width: 15px;
height: 50px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 50%;
right: -35px;
transform-origin: center;
transform: translateY(-50%) translateX(100%) rotate(-45deg);
}
button.companies-next,
button.companies-prev {
width: 120px;
height: 120px;
position: absolute;
z-index: 1;
top: 50%;
background-color: var(--cream);
border: 0px;
border-radius: 100%;
cursor: pointer;
}
button.companies-next::before,
button.companies-prev::before{
content: '';
background-image: url(/wp-content/uploads/seta.svg);
width: 15px;
height: 50px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 50%;
left: 28px;
}
button.companies-next{
transform: translateY(-50%) translateX(50%);
right: 0px;
}
button.companies-prev{
transform: translateY(-50%) translateX(-50%);
left: 0px;
}
button.companies-next::before{
transform: translateY(-50%);
}
button.companies-prev::before{
transform: translateY(-50%) rotate(180deg);
left: 60%;
}
button.swiper-button-disabled{
opacity: 0;
}
.companies-controls {
display: flex;
width: 100%;
max-width: calc(1400px + var(--padding-x) * 2);
padding-inline: var(--padding-x);
margin-inline: auto;
justify-content: flex-start;
gap: 35px;
margin-bottom: 20px !important;
}
.companies-pagination {
display: flex;
width: fit-content !important;
align-items: center;
gap: 25px;
}
.companies-pagination .swiper-pagination-bullet{
width: 4px;
height: 4px;
background-color: var(--black-soft);
transition: 0.3s;
position: relative;
opacity: 1;
margin: 0 !important;
}
.companies-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
width: 8px;
height: 8px;
background-color: var(--orange);
transition: 0.3s;
}
.companies-pagination .swiper-pagination-bullet:not(:last-child)::after{
content: '';
width: 25px;
height: 1px;
background-color: var(--grey-soft);
position: absolute;
top: 50%;
right: 0px;
transform: translateY(-50%) translateX(100%);
}
.companies-counter span{
font-weight: 300;
color: var(--grey);
}
.companies-counter span.companies-current{
font-weight: 800;
color: var(--orange);
font-size: 22px;
}
.companies-counter span.companies-separator{
font-size: 22px;
}
.block4-home .vc_btn3-container{
position: relative;
left: 50%;
transform: translateX(-50%);
margin-top: 85px !important;
}
.block4-home::before{
content: '';
width: calc(100vw - var(--padding-x) * 2);
height: calc(100vw - var(--padding-x) * 2);
border-radius: 100%;
left: 50%;
bottom: 24px;
transform: translateX(-50%);
position: absolute;
border: 1px solid var(--grey-soft);
}
.lets-connect-block{
margin-top: 300px;
padding-top: 50px;
overflow: visible !important;
}
.lets-connect-block > .vc_col-sm-12 {
background-color: var(--cream);
}
.lets-connect-block .vc_inner {
max-width: calc(1400px + var(--padding-x) * 2);
padding-inline: var(--padding-x);
margin: 0 auto !important;
padding-block: 150px 90px;
display: flex;
justify-content: flex-end;
}
.quform-label-text{
display: none !important;
}
.quform-element-textarea .quform-label-text{
display: block !important;
padding-left: 10px;
}
.quform-element input,
.quform-element-textarea textarea {
border: 1px solid var(--grey-soft) !important;
border-radius: 4px;
background-color: transparent;
padding: 10px !important;
}
.quform-element input,
.quform-element input::placeholder,
.quform-element-textarea .quform-label-text,
.quform-element-textarea textarea::placeholder,
.quform-element-textarea textarea{
font-size: 14px !important;
line-height: 20px !important;
font-family: 'Poppins';
color: var(--green);
font-weight: 300;
}
.quform-element-textarea textarea::placeholder{
color: var(--grey-soft);
}
.quform-element-textarea textarea {
padding-inline: 20px !important;
}
.quform-options span.quform-option-text,
label.quform-option-label,
.quform-options span.quform-option-text a {
font-size: 8px;
line-height: 10px;
font-weight: 300;
color: var(--grey);
}
span.quform-button-text{
font-weight: 700;
color: var(--white);
font-size: 24px;
line-height: 24px;
}
button.quform-submit {
border-radius: 100px;
border: 0px;
background-color: var(--orange);
padding: 19px 40px;
text-transform: uppercase;
}
.quform-element.quform-element-submit{
display: flex;
align-items: center;
justify-content: center;
}
.lets-connect-block .vc_col-sm-6:first-child .wpb_text_column,
.lets-connect-block h2{
max-width: 385px;
width: 100%;
}
.lets-connect-block p{
color: var(--white);
}
.lets-connect-block h2{
margin-bottom: 20px !important;
}
.lets-connect-block .vc_col-sm-6:first-child {
width: 50vw;
height: 50vw;
max-width: 960px;
max-height: 960px;
background-color: var(--orange);
border-radius: 100%;
position: absolute;
left: -5%;
top: 45%;
transform: translateY(-50%);
}
.lets-connect-block .vc_col-sm-6:first-child > .vc_column-inner > .wpb_wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.lets-connect-block .vc_col-sm-6:first-child > .vc_column-inner,
.lets-connect-block .vc_col-sm-6:first-child > .vc_column-inner > .wpb_wrapper{
height: 100%;
width: 100%;
}
.lets-connect-block .vc_col-sm-6:last-child {
width: 40%;
}
/* Footer */
footer {
background-color: var(--black);
}
.wrapper-footer {
max-width: calc(1400px + var(--padding-x) * 2);
padding-inline: calc(var(--padding-x) + 150px);
padding-block: 100px 15px;
margin-inline: auto;
}
.logo-footer{
margin-bottom: 85px;
}
.wrapper-info > div:first-child a{
color: var(--white);
font-size: 11px;
line-height: 16px;
font-weight: 300;
max-width: 170px;
display: block;
}
.wrapper-info > div:first-child a:hover{
color: var(--orange);
}
.wrapper-info > div:first-child a:first-child{
margin-bottom: 20px !important;
}
.wrapper-info > div:first-child a:nth-child(2){
text-decoration: underline;
}
.wrapper-info{
display: flex;
justify-content: space-between;
}
ul.footer-menu {
display: flex;
gap: 70px;
}
ul.footer-menu > li{
position: relative;
}
ul.footer-menu > li > a{
font-weight: 500;
color: var(--white);
text-transform: uppercase;
font-size: 12px;
line-height: 12px;
position: relative;
z-index: 1;
}
ul.footer-menu > li::before{
content: '';
width: 25px;
height: 25px;
background-color: var(--orange);
top: -1px;
left: -10px;
border-radius: 100%;
position: absolute;
}
ul.footer-menu ul.sub-menu{
margin-top: 15px !important;
display: flex;
flex-direction: column;
}
ul.footer-menu ul.sub-menu > li{
line-height: 9px;
}
ul.footer-menu ul.sub-menu > li > a{
text-transform: uppercase;
font-size: 9px;
color: var(--grey-soft);
line-height: 9px;
}
ul.footer-menu ul.sub-menu > li:hover > a{
color: var(--orange);
}
.redes {
display: flex;
gap: 20px;
margin-top: 40px;
margin-left: -2px;
}
.redes svg path{
fill: var(--orange);
}
.redes svg{
width: 30px;
height: 30px;
}
.redes svg:hover path{
fill: var(--white);
}
.copyright{
font-weight: 500;
font-size: 10px;
line-height: 16px;
color: var(--grey-soft);
margin-top: 15px;
}
ul.legal-menu{
display: flex;
gap: 65px;
justify-content: flex-end;
}
ul.legal-menu li a{
color: var(--grey);
font-weight: 500;
font-size: 10px;
line-height: 16px;
}
ul.legal-menu li:hover a{
color: var(--orange);
}
/* About Us */
.block1-about{
margin-bottom: 60px !important;
}
.block1-about h1 {
max-width: 1130px;
}
.block1-about h4 {
max-width: 245px;
}
.block2_1-about .home-curve-wrapper{
display: block;
}
.block2_1-about .home-curve-balls{
display: none;
}
.block2_1-about h3 {
margin-left: -50px !important;
width: 650px;
margin-top: 15px !important;
}
.block2_1-about .wpb_text_column {
max-width: 650px;
margin-inline: 50% 0px !important;
margin-top: 55px !important;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .block3-orbit:first-child {
background-color: #F15920D1 !important;
bottom: unset;
top: 30%;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .block3-orbit:last-child {
border: 1px solid #F15920D1 !important;
bottom: unset;
top: 18%;
}
.block3_1-about:not(.block1-project) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column {
bottom: unset;
left: 115px;
top: 41%;
}
.block3_1-about:not(.block1-project) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column p {
font-size: 200px;
line-height: 200px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child div.vc_custom_heading {
right: 0px;
bottom: 90px;
text-align: right !important;
max-width: 900px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .block3-orbit:first-child {
bottom: unset;
top: 10%;
background-color: rgba(255, 255, 255, 0.15);
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .block3-orbit:last-child {
bottom: unset;
right: 0px;
top: 23%;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column p strong {
margin-right: 0px;
font-size: 500px;
line-height: 500px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column {
bottom: unset;
right: 175px;
top: 26%;
}
.block3_1-about:not(.block3-companies) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) div.vc_custom_heading {
left: 0px;
top: 45%;
transform: translateY(-50%);
text-align: center !important;
max-width: 600px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(3) .block3-orbit:first-child{
border: 1px solid rgba(255, 255, 255, 1);
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(3) div.vc_custom_heading {
bottom: 150px;
right: 0px;
max-width: 700px;
text-align: right !important;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .block3-orbit:first-child {
width: 880px;
height: 880px;
bottom: 50%;
top: unset;
transform: translateY(50%) !important;
left: unset;
right: 50px;
background-color: rgba(255, 255, 255, 0.3);
border: 0px !important;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .block3-orbit:last-child{
display: none;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .wpb_text_column {
top: 55%;
transform: translateY(-50%) translateX(0%);
left: unset;
right: 50px;
z-index: 1;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .block3-orbit:first-child .block3-orbit-ball {
background-color: var(--orange);
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .wpb_text_column p strong {
font-size: 300px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(3) .block3-orbit:last-child {
width: 700px;
height: 700px;
left: 165px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) div.vc_custom_heading {
bottom: 150px;
right: unset;
max-width: 870px;
left: 0px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(5) .block3-orbit:first-child {
width: 790px;
height: 790px;
top: 50%;
transform: translateY(-50%) !important;
left: 10%;
border: 1px solid #4B555C;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(5) .block3-orbit:first-child .block3-orbit-ball{
width: 20px;
height: 20px;
background-color: var(--orange);
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(5) .wpb_text_column {
top: 50%;
transform: translateY(-50%);
left: calc(10% + 120px);
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(5) div.vc_custom_heading {
bottom: 150px;
right: 0px;
}
.block3_2-about {
max-width: calc(1400px - var(--padding-x) * 2) !important;
left: 0px !important;
margin-inline: auto !important;
margin-top: 150px !important;
padding-inline: var(--padding-x);
overflow: visible !important;
}
.block3_2-about h2{
margin-bottom: 110px !important;
max-width: 580px;
}
.block3_2-about h3{
font-size: 22px;
font-weight: 700;
line-height: 24px;
letter-spacing: -0.5px;
color: var(--black-soft);
margin-bottom: 30px !important;
margin-top: 30px !important;
}
.block3_2-about .wpb_single_image{
position: absolute;
top: 0px;
left: 0px;
}
.block3_2-about .wpb_single_image.img-leisure img{
width: 85%;
}
.block3_2-about .vc_col-sm-6{
padding-left: 150px;
margin-bottom: 45px;
padding-right: 50px;
}
/* --------------------------------------------------------------------------
* Orbit Slider (bloco WPBakery) — funcionamento base
* Posicionamento dos botões sobre a curva (calculado via JS) + cores/
* diâmetros da bola ativa/inativa e o crossfade do conteúdo ativo.
* O resto do estilo (espaçamentos, tipografia, etc.) fica por definir.
* -------------------------------------------------------------------------- */
.block3_3-about{
margin-top: 500px !important;
overflow: visible !important;
}
.block3_3-about h2{
width: 380px;
height: 380px;
background-color: var(--cream);
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center !important;
padding-inline: 50px;
left: calc((100vw - 1400px) / 2);
position: absolute;
top: 0px;
transform: translateY(-100%);
}
.orbit-slider-curve {
position: relative;
}
.orbit-slider-svg {
display: block;
width: 100%;
height: auto;
}
.orbit-slider-dots {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.orbit-slider-dot {
position: absolute;
transform: translate(-50%, -50%);
border: none;
padding: 0;
border-radius: 50%;
cursor: pointer;
pointer-events: auto;
background-color: var(--black-soft);
width: 15px;
height: 15px;
transition: 0.3s;
}
.orbit-slider-dot:hover{
width: 28px;
height: 28px;
transition: 0.3s;
}
.orbit-slider-dot.active {
background-color: var(--orange);
width: 28px;
height: 28px;
transition: 0.3s;
}
.orbit-slider-panel {
width: 520px;
height: 520px;
border-radius: 100%;
background-color: var(--black-soft);
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0px;
transform: translateY(-50%);
left: 52%;
z-index: 1;
}
.orbit-slider-content {
display: none;
}
.orbit-slider-content.active {
display: block;
}
h3.orbit-slider-title{
position: relative;
}
h3.orbit-slider-title span:last-child{
font-weight: 700;
color: var(--white);
font-size: 22px;
line-height: 24px;
width: 180px;
position: relative;
z-index: 1;
display: block;
margin-left: 12px;
}
h3.orbit-slider-title span.orbit-slider-bullet{
width: 25px;
height: 25px;
background-color: var(--orange);
position: absolute;
top: -2px;
left: 0px;
border-radius: 100%;
}
p.orbit-slider-desc{
max-width: 200px;
margin-left: 12px;
margin-top: 20px;
}
span.orbit-slider-current {
font-weight: 800;
font-size: 21px;
color: var(--orange);
}
.orbit-slider-counter {
display: flex;
gap: 7px;
width: fit-content;
position: absolute;
bottom: 25px;
left: 50%;
}
.block3_4-about {
max-width: calc(1400px - var(--padding-x) * 2) !important;
left: 0px !important;
margin-inline: auto !important;
margin-top: 150px !important;
padding-inline: var(--padding-x);
}
.block3_4-about .wpb_text_column{
margin-top: 40px !important;
max-width: 480px;
}
/* .block3_5-about — círculo + bola orbit (injetado por JS via .append) */
.block3_5-about{
margin-top: 80px;
overflow: visible !important;
}
.block3_5-about > .vc_col-sm-12{
width: 1000px;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
float: none;
z-index: 1;
}
.block3_5-about h2{
color: var(--orange);
font-size: 72px;
line-height: 68px;
font-weight: 800;
letter-spacing: -1px;
padding-top: 160px;
text-align: center !important;
margin-left: -200px !important;
}
.block3_5-orbit {
position: relative;
border-radius: 100%;
border: 1px solid var(--grey-soft);
width: 1000px;
height: 1000px;
margin-inline: auto !important;
}
.block3_5-orbit-rotator {
position: absolute;
inset: 0;
transform-origin: 50% 50%;
}
span.block3_5-orbit-ball {
display: block;
width: 17px;
height: 17px;
border-radius: 100%;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
background-color: var(--orange);
}
.block3_5-about .vc_col-sm-6:last-child{
width: 430px;
height: 430px;
background-color: var(--cream);
position: absolute;
top: 55%;
right: 0px;
transform: translateX(50%) translateY(-50%);
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
z-index: 1;
}
.block3_5-about .vc_col-sm-6:last-child .wpb_text_column{
width: 310px;
margin-inline: auto !important;
}
.block3_5-about .vc_col-sm-6:last-child .wpb_text_column p{
text-align: center;
}
.block3_5-about .vc_col-sm-6:first-child{
position: absolute;
top: 50%;
left: 110px;
}
.block3_5-about .vc_col-sm-6:first-child p strong{
font-weight: 700;
color: var(--black-soft);
font-size: 22px;
line-height: 24px;
letter-spacing: -0.5px;
position: relative;
z-index: 1;
}
.block3_5-about .vc_col-sm-6:first-child p {
position: relative;
}
.block3_5-about .vc_col-sm-6:first-child p:has(strong)::before{
content: '';
width: 26px;
height: 26px;
background-color: var(--cream);
border-radius: 100%;
position: absolute;
top: -7px;
left: -15px;
}
.block3_5-about .vc_col-sm-6:first-child .wpb_text_column .wpb_wrapper{
display: flex;
gap: 50px;
}
.block3_5-about .vc_col-sm-6:first-child .wpb_text_column:last-child{
margin-left: 90px !important;
margin-top: 60px !important;
}
.block3_6-about {
overflow: visible !important;
}
.block3_6-about p.vc_custom_heading.vc_do_custom_heading {
width: 18vw;
height: 18vw;
max-width: 230px;
max-height: 230px;
margin: 0;
background-color: var(--cream);
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
line-height: 22px;
padding-inline: 25px;
font-weight: 400;
color: var(--black-soft);
box-shadow: 2px 4px 0px 0px #D9D9D966;
transition: 0.5s;
}
.block3_6-about p.vc_custom_heading.vc_do_custom_heading:hover {
transform: translate(-50%, -90%) scale(1.3) !important;
background-color: var(--orange);
transition: 0.5s;
font-weight: 600;
}
.block3_6-about .vc_inner {
margin-top: 170px !important;
}
.block3-about.block3_7-about .vc_inner h3 {
font-size: 30px;
line-height: 30px;
padding-top: 72px;
padding-bottom: 60px;
}
.block2-about{
max-width: calc(1400px + var(--padding-x) * 2) !important;
padding-inline: var(--padding-x) !important;
margin: 0 auto !important;
left: unset !important;
overflow: visible !important;
padding-top: 100px;
padding-bottom: 50px;
}
.block2-about h3.vc_custom_heading,
.block2-about h2.vc_custom_heading{
margin-left: 150px !important;
}
.block2-about .vc_col-sm-6:last-child .vc_inner .wpb_text_column:first-child{
border-radius: 100%;
background-color: var(--black-soft);
width: 38vw;
height: 38vw;
max-width: 760px;
max-height: 760px;
display: flex;
justify-content: center;
align-items: center;
}
.block2-about .vc_col-sm-6:last-child .vc_inner > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper{
display: flex;
justify-content: center;
}
.block2-about .vc_col-sm-6:last-child .vc_inner .wpb_text_column p{
color: var(--white);
max-width: 200px;
z-index: 1;
position: relative;
}
.block2-about .vc_col-sm-6:last-child .vc_inner .wpb_text_column p strong{
color: var(--white);
font-weight: 700;
font-size: 22px;
line-height: 24px;
margin-bottom: 20px;
display: block;
}
.block2-about .vc_col-sm-6:last-child .vc_inner .wpb_text_column .wpb_wrapper{
display: flex;
width: 430px;
flex-direction: column;
}
.block2-about .vc_col-sm-6:last-child .vc_inner .wpb_text_column .wpb_wrapper > div{
width: fit-content;
position: relative;
}
.block2-about .vc_col-sm-6:last-child .vc_inner .wpb_text_column .wpb_wrapper > div:nth-child(2){
margin-left: auto !important;
}
.block2-about .vc_col-sm-6:last-child .vc_inner .wpb_text_column .wpb_wrapper > div::before{
content: '';
width: 25px;
height: 25px;
border-radius: 100%;
background-color: var(--orange);
position: absolute;
top: -2px;
left: -14px;
}
.block2-about .vc_col-sm-6:last-child .vc_inner div.vc_custom_heading{
border-radius: 100%;
background-color: var(--cream);
width: 25vw;
height: 25vw;
max-width: 550px;
max-height: 550px;
display: flex;
justify-content: center;
align-items: center;
font-weight: 600;
font-size: 50px;
line-height: 55px;
color: var(--black-soft);
z-index: 1;
}
.block2-about .vc_col-sm-6:last-child .vc_inner:last-child{
margin-top: 250px;
}
.block2-about .vc_col-sm-6:last-child .vc_inner:last-child > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper{
display: flex;
justify-content: center;
}
.block2-about .vc_col-sm-6:first-child .vc_inner:last-child{
margin-top: 650px !important;
}
.block2-about .vc_col-sm-6:first-child .vc_inner:last-child h2{
text-align: center;
color: var(--orange);
font-size: 110px;
line-height: 110px;
font-weight: 300;
}
.block2-about .vc_col-sm-6:first-child .vc_inner:last-child h2 strong{
font-size: 72px;
line-height: 72px;
font-weight: 800;
}
.block2-about .vc_col-sm-6:first-child .vc_inner:last-child .wpb_text_column {
margin-top: 130px !important;
}
.block2-about .vc_col-sm-6:first-child .vc_inner:last-child .wpb_text_column > .wpb_wrapper{
display: flex;
flex-direction: column;
gap: 50px;
align-items: center;
}
.block2-about .vc_col-sm-6:first-child .vc_inner:last-child .wpb_text_column > .wpb_wrapper > div{
display: flex;
gap: 25px;
}
.block2-about .vc_col-sm-6:first-child .vc_inner:last-child .wpb_text_column > .wpb_wrapper > div:last-child{
margin-left: 90px !important;
}
.block2-about .vc_col-sm-6:first-child .vc_inner:last-child .wpb_text_column p{
color: var(--black-soft);
}
.block2-about .vc_col-sm-6:first-child .vc_inner:last-child .wpb_text_column p strong{
white-space: nowrap;
font-size: 22px;
}
.block2-about .vc_col-sm-6:first-child .vc_inner:last-child .wpb_text_column p:last-child{
max-width: 260px;
}
.about-orbit.about-orbit--1 {
width: 2300px;
height: 2300px;
position: absolute;
border: 1px solid var(--grey-soft);
border-radius: 100%;
left: 50px;
top: 400px;
}
.about-orbit.about-orbit--2 {
width: 1100px;
height: 1100px;
position: absolute;
border: 1px solid var(--grey-soft);
border-radius: 100%;
left: 120px;
top: 820px;
}
span.about-orbit-ball{
display: block;
width: 17px;
height: 17px;
border-radius: 100%;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
}
.about-orbit-rotator {
position: absolute;
inset: 0;
transform-origin: 50% 50%;
}
.about-orbit.about-orbit--1 span.about-orbit-ball {
background-color: var(--black);
}
.about-orbit.about-orbit--2 span.about-orbit-ball {
background-color: var(--orange);
}
.block3-about{
padding-top: 300px;
}
.block3-about h2,
.block4-about h2{
text-align: center;
font-size: 110px;
line-height: 110px;
font-weight: 300;
color: var(--orange);
}
.block3-about h2 strong,
.block4-about h2 strong{
font-size: 72px;
line-height: 72px;
font-weight: 800;
}
.block3-about .vc_inner {
display: flex;
gap: 10px;
max-width: calc(1200px + var(--padding-x) * 2);
padding-inline: var(--padding-x);
margin-inline: auto !important;
margin-top: 40px;
}
.block3-about .vc_inner h3{
font-weight: 600;
font-size: 36px;
line-height: 36px;
color: var(--black-soft);
padding-top: 120px;
padding-bottom: 60px;
}
.block3-about .vc_inner .wpb_column.vc_column_container:hover h3{
color: var(--cream);
}
.block3-about:not(.block3_6-about) .vc_inner .wpb_column.vc_column_container{
clip-path: inset(0 0 0 0 round 250px);
background-color: var(--cream);
transition: 0.5s;
}
.block3-about .vc_inner .wpb_column.vc_column_container:hover {
background-color: var(--orange);
transition: 0.5s;
}
.block3-about:not(.block3_6-about) .vc_inner .wpb_column.vc_column_container p {
width: 170px;
text-align: center;
color: var(--cream);
margin-inline: auto;
padding-block: 15px 70px;
}
.block3-about .vc_inner .wpb_column.vc_column_container img{
clip-path: inset(0 0 0 0 round 250px);
object-fit: cover;
object-position: center;
height: 380px;
transition: 0.5s;
left: 50%;
position: relative;
transform: translateX(-50%);
width: 100%;
bottom: 0px;
}
.block3-about .vc_inner .wpb_column.vc_column_container:hover img {
clip-path: inset(115px 0 0 0 round 250px);
transition: 0.5s;
width: calc(100% - 15px);
bottom: 7.5px;
}
.block3-about:not(.block3_6-about) .wpb_column.vc_column_container .wpb_text_column:has(p) {
position: absolute;
top: 170px;
left: 50%;
transform: translateX(-50%);
}
.block3-about.block3_7-about .vc_inner {
max-width: calc(1200px + var(--padding-x) * 2);
}
.block3-about.block3_7-about .wpb_column.vc_column_container .wpb_text_column:has(p) {
top: 110px;
}
.block3-about.block3_7-about .vc_inner .wpb_column.vc_column_container p {
width: 185px;
}
.block3_7-about{
overflow: visible !important;
}
.block3_7-about::before{
content: '';
width: 1450px;
height: 1450px;
position: absolute;
top: 100px;
left: 50%;
transform: translateX(-50%);
border: 1px solid #8F9DA5;
border-radius: 100%;
}
.block4-about{
padding-top: 150px;
overflow: visible !important;
}
.block4-about h3{
font-weight: 600;
color: var(--black-soft);
margin-top: 30px !important;
font-size: 56px;
line-height: 56px;
}
.block4-about .wpb_text_column:has(p){
max-width: 450px;
margin-top: 15px !important;
margin-inline: auto !important;
}
.block4-about .wpb_text_column p{
text-align: center;
}
.ic-equipa-grid {
display: flex;
max-width: calc(1100px + var(--padding-x) * 2);
padding-inline: var(--padding-x);
margin-inline: auto;
margin-top: 60px !important;
gap: 60px;
justify-content: space-between;
}
.ic-membro {
flex: 1;
}
.ic-membro__imagem {
width: 100%;
height: 300px;
clip-path: inset(0 0 0 0 round 250px);
}
.ic-membro__imagem img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.ic-membro__info {
margin-top: 60px !important;
display: flex;
flex-direction: column;
height: 160px;
}
span.ic-membro__nome {
font-weight: 700;
font-size: 22px;
line-height: 24px;
color: var(--black-soft);
padding-bottom: 5px;
}
span.ic-membro__cargo{
font-weight: 300;
color: var(--black-soft);
letter-spacing: -0.5px;
}
button.ic-membro__abrir-popup {
background-color: transparent;
border: 0px;
width: fit-content;
padding: 0px;
color: var(--grey);
margin-top: auto;
font-size: 12px;
display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
}
button.ic-membro__abrir-popup::before{
content: '+';
font-weight: 700;
font-size: 22px;
color: var(--black-soft);
width: 32px;
height: 32px;
background-color: var(--orange);
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
line-height: 25px;
}
.ic-popup-overlay {
position: fixed;
width: 100vw;
height: 100dvh;
z-index: 10;
top: 0px;
left: 0px;
background-color: var(--white);
}
.ic-popup-wrapper {
background-color: var(--cream);
max-width: 1100px;
width: 100%;
border-radius: 180px;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
padding: 17px;
}
.ic-popup-grid {
display: flex;
gap: 80px;
}
.ic-popup-col-dir {
flex: 1;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding-bottom: 100px;
}
button.ic-popup-close {
position: absolute;
}
.ic-popup-col-esq {
height: 600px;
width: 300px;
clip-path: inset(0 0 0 0 round 250px);
}
.ic-popup-col-esq img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.block4-about .ic-popup-col-dir h3 {
font-weight: 700;
margin-top: 0px !important;
font-size: 44px;
line-height: 44px;
}
.ic-popup-col-dir span {
font-weight: 300;
font-size: 32px;
line-height: 32px;
color: var(--black-soft);
margin-block: 10px 30px;
max-width: 450px;
}
.ic-popup-col-dir p{
color: var(--black-soft);
max-width: 430px;
font-weight: 300;
line-height: 24px;
}
.ic-popup-redes {
display: flex;
align-items: center;
gap: 20px;
margin-top: 40px;
}
.ic-popup-redes a{
display: flex;
color: var(--black-soft);
font-weight: 500;
letter-spacing: -0.5px;
}
.ic-popup-redes svg {
width: 35px;
height: 35px;
}
.ic-popup-redes svg path{
fill: var(--orange);
}
button.ic-popup-close {
position: absolute;
background-color: var(--orange);
border: 0px;
width: 50px;
height: 50px;
border-radius: 100%;
top: 30px;
right: 30px;
cursor: pointer;
}
button.ic-popup-close::before {
content: '';
width: 16px;
height: 3px;
background-color: var(--black-soft);
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
button.ic-popup-next {
position: absolute;
top: 50%;
transform: translateY(-50%) translateX(100%);
right: -100px;
font-size: 12px;
font-family: 'Roboto';
color: var(--grey);
background-color: transparent;
border: 0px;
font-weight: 300;
cursor: pointer;
}
button.ic-popup-prev {
position: absolute;
top: 50%;
transform: translateY(-50%) translateX(-100%);
left: -100px;
font-size: 12px;
font-family: 'Roboto';
color: var(--grey);
background-color: transparent;
border: 0px;
font-weight: 300;
cursor: pointer;
}
button.ic-popup-next::before,
button.ic-popup-prev::after{
content: '';
background-image: url(/wp-content/uploads/seta.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 15px;
height: 50px;
position: absolute;
top: 50%;
}
button.ic-popup-next::before {
left: -15px;
transform: translateY(-50%) translateX(-100%);
}
button.ic-popup-prev::after {
transform: translateY(-50%) rotate(180deg) translateX(-100%);
transform-origin: center;
right: -15px;
}
/* Companies */
.block1-companies h1 {
max-width: 1100px;
margin-top: 200px !important;
}
.block2-companies {
height: 600px;
position: relative;
}
.block2-companies .vc_col-sm-12 {
margin-inline: 0px !important;
left: calc(50% - var(--padding-x));
}
.block2-companies .wpb_text_column {
width: 500px;
max-width: unset;
padding: 115px 80px 60px;
margin-inline: 0px !important;
margin-top: 0px !important;
background-color: var(--cream);
clip-path: inset(0 0 0 0 round 250px 250px 0px 0px);
position: absolute;
bottom: 0px;
left: -100px;
transform: translateX(-100%);
}
.block2-companies .wpb_text_column p{
text-align: center;
}
.block2-companies h2{
margin-bottom: 150px !important;
}
.block2-companies > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {
justify-content: center;
}
.block2-companies .home-curve-wrapper {
position: absolute !important;
top: 55%;
right: 0px;
display: flex;
justify-content: flex-end;
z-index: 1;
pointer-events: none;
}
.block2-companies span.home-curve-ball-static:first-child {
left: 16%;
}
.block2-companies span.home-curve-ball-static:nth-child(5) {
left: 8%;
}
.block2-companies span.home-curve-ball-static:nth-child(3) {
top: unset;
bottom: 15%;
}
.block2-home.block2_1-companies .home-curve-wrapper{
display: block;
top: unset;
bottom: 0px;
right: 0px;
}
.block2-home.block2_1-companies .vc_col-sm-12 {
max-width: calc(1200px + var(--padding-x) * 2);
}
.block2-home.block2_1-companies .wpb_text_column {
margin-inline: auto 100px !important;
}
/* --------------------------------------------------------------------------
* Listagem de Companies (bloco WPBakery) — funcionamento base
* Painel fechado por default; dentro do painel só o container-x/container-y
* ativo (mesma data-index) fica visível. O resto do estilo fica por definir.
* -------------------------------------------------------------------------- */
.block3_1-companies{
overflow: visible !important;
}
.companies-listing-toggle {
display: block;
width: 100%;
text-align: left;
background: none;
border: none;
cursor: pointer;
font-family: 'Roboto';
font-size: 62px;
font-weight: 600;
padding: 70px 200px 250px;
background-color: var(--cream);
border-top-right-radius: 200px;
box-shadow: 2px -4px 0px 0px #D9D9D966;
}
.companies-listing-toggle span{
width: 60px;
height: 60px;
position: absolute;
background-color: var(--orange);
top: 80px;
right: 150px;
border-radius: 100%;
}
.companies-listing-toggle span::before,
.companies-listing-toggle span::after{
content: '';
width: 30px;
height: 8px;
background-color: var(--black);
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
transition: 0.5s;
}
.companies-listing-toggle span::after{
transform: translateX(-50%) translateY(-50%) rotate(90deg);
}
button.companies-listing-toggle.active span::after{
transform: translateX(-50%) translateY(-50%) rotate(0deg);
transition: 0.5s;
}
.companies-listing-group {
position: relative;
}
.companies-listing-group:last-child .companies-listing-toggle {
padding: 70px 200px 70px;
}
.companies-listing-group:not(:first-child) .companies-listing-toggle {
margin-top: -180px;
}
body:has(.block3_1-companies) .lets-connect-block {
margin-top: 0px;
padding-top: 150px;
background-color: var(--cream);
z-index: 20;
}
.companies-listing-panel {
/* Altura fixa (100dvh - 200px) quando aberto — a height e o margin-top
(que tem de continuar a existir) transicionam ao mesmo tempo, por
isso não há salto: nenhum dos dois muda de forma instantânea. */
display: block;
height: 0;
overflow: hidden;
transition: height 350ms ease, margin-top 350ms ease;
width: 100%;
margin-top: 0px;
position: relative;
background-color: var(--cream);
}
.companies-listing-panel.is-open {
height: calc(100dvh - 100px);
margin-top: -180px;
}
.companies-listing-panel-inner {
overflow: hidden;
height: 100%;
}
.companies-listing-panel .companies-listing-images{
overflow: hidden;
border-top-right-radius: 200px;
height: 100%;
}
.companies-listing-container-y{
height: 100%;
}
.companies-listing-group:last-child .companies-listing-panel.is-open{
margin-top: 0px;
}
.companies-listing-container-y,
.companies-listing-container-x {
display: none;
}
.companies-listing-container-y.active,
.companies-listing-container-x.active {
display: block;
}
.companies-listing-container-y img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.companies-listing-nav {
display: flex;
align-items: center;
gap: 10px;
opacity: 0;
transition: opacity 0.4s ease;
}
.companies-listing-nav.is-visible {
opacity: 1;
}
.companies-listing-prev,
.companies-listing-next {
cursor: pointer;
background: none;
border: none;
}
.companies-listing-contents {
width: 700px;
height: 700px;
border-radius: 100%;
background-color: #F15920D1;
position: absolute;
bottom: -100px;
left: var(--padding-x);
display: none;
justify-content: center;
opacity: 0;
transform: translateY(60px);
transition: opacity 0.4s ease, transform 0.4s ease;
display: none;
}
.companies-listing-contents.is-visible {
display: flex;
opacity: 1;
transform: translateY(0) scale(1);
}
.companies-listing-contents.is-visible:hover {
transform: translateY(0) scale(1.05);
}
h4.companies-listing-company-title{
font-size: 40px;
font-weight: 600;
margin-bottom: 15px !important;
line-height: 40px;
}
p.companies-listing-company-local{
color: var(--white);
font-size: 28px;
font-weight: 300;
}
.companies-listing-company-desc{
color: var(--white);
margin-top: 30px !important;
}
.companies-listing-container-x {
max-width: 400px;
height: fit-content;
margin-top: auto;
margin-bottom: 320px;
cursor: pointer;
}
button.companies-listing-prev {
width: 20px;
height: 40px;
position: absolute;
bottom: 280px;
left: 25px;
background-image: url(/wp-content/uploads/seta.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
transform: rotate(180deg);
}
button.companies-listing-next {
width: 20px;
height: 40px;
position: absolute;
background-image: url(/wp-content/uploads/seta.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
bottom: 280px;
left: 775px;
}
span.companies-listing-counter {
position: absolute;
bottom: 200px;
left: 775px;
display: flex;
gap: 5px;
}
span.companies-listing-counter span{
color: var(--white);
}
.companies-listing-group:last-child .companies-listing-panel-inner {
overflow: hidden;
height: 100%;
height: calc(100dvh - 380px);
position: relative;
}
.companies-listing-group:last-child .companies-listing-contents{
bottom: -280px;
}
.block3-companies{
padding-bottom: 400px;
position: relative;
}
.block3-companies .home-curve-balls{
display: none;
}
.block3-companies > .vc_col-sm-12::before{
content: '';
width: 100vw;
height: 50vh;
background-color: var(--white);
position: absolute;
top: 0px;
left: 0px;
}
.block3-companies .block3-orbits-wrapper,
.block1-re .block3-orbits-wrapper{
display: none;
}
/* Curva e bola no block3-companies */
.block3-companies .home-curve-wrapper {
position: absolute !important;
top: unset;
bottom: 11%;
right: 0%;
display: flex;
justify-content: flex-end;
z-index: 0;
width: 100%;
}
.block3-companies span.home-curve-ball-static:first-child {
left: 16%;
}
.block3-companies span.home-curve-ball-static:nth-child(5) {
left: 8%;
}
.block3-companies span.home-curve-ball-static:nth-child(3) {
top: unset;
bottom: 15%;
}
.block3-companies > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .vc_inner{
position: relative;
background-color: var(--white);
margin-top: 1px;
}
.block3-companies > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .vc_inner::before{
content: '';
width: 100px;
height: 100px;
background-color: var(--orange);
top: 0%;
transform: translateY(-50%);
right: 20vw;
position: absolute;
border-radius: 100%;
z-index: 1;
}
.block3-companies .vc_inner > .vc_col-sm-12 > .vc_column-inner::before{
display: none;
}
.block3-companies > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .vc_inner > .vc_col-sm-12 > .vc_column-inner{
border-bottom-left-radius: 300px;
}
.block3-companies > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .vc_inner div.vc_custom_heading{
font-weight: 700;
font-size: 22px;
line-height: 24px;
position: relative;
left: 0px !important;
top: 0px !important;
margin-left: 90px !important;
padding-top: 190px !important;
}
.block3-companies > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .vc_inner h2.vc_custom_heading{
font-size: 84px;
line-height: 90px;
font-weight: 600;
width: fit-content;
margin-top: 40px !important;
}
.block3-companies > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) p.vc_custom_heading {
font-size: 16px;
line-height: 24px;
font-weight: 300;
color: var(--black-soft);
max-width: 360px;
width: 100%;
position: relative;
bottom: 0px;
left: 60% !important;
}
.block3-companies > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column p {
font-size: 44px;
line-height: 44px;
font-weight: 600;
color: var(--black-soft);
text-align: center;
}
.block3-companies > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column {
width: 600px;
height: 600px;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--cream);
border-radius: 100%;
padding: 55px;
position: absolute;
bottom: -300px;
left: 0px;
}
.block4-companies h2{
width: 470px;
margin-left: auto !important;
}
.block4-companies h3{
width: 470px;
padding-left: 90px;
margin-left: auto !important;
}
.block4-companies {
max-width: calc(1400px + var(--padding-x) * 2) !important;
left: unset !important;
margin-inline: auto !important;
padding-inline: var(--padding-x) !important;
overflow: visible !important;
}
.companies-list {
display: flex;
flex-direction: column;
width: 100vw;
position: relative;
left: 50%;
transform: translateX(-50%);
margin-top: 75px;
overflow: hidden;
}
a.companies-list-item {
height: 900px;
position: relative;
transition: 0.5s;
}
.companies-list-img{
width: 100%;
height: 100%;
}
.companies-list-img::before{
content: '';
width: 99%;
height: 100%;
background-color: rgba(0,0,0,0.3);
position: absolute;
top: 0px;
left: 0px;
border-top-right-radius: 300px;
border-top: 15px solid var(--cream);
border-right: 15px solid var(--cream);
}
.companies-list-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-top-right-radius: 300px;
border-top: 15px solid var(--cream);
border-right: 15px solid var(--cream);
transition: 0.5s;
}
a.companies-list-item:not(:first-child) {
margin-top: -600px;
}
a.companies-list-item:last-child {
height: 300px;
}
h3.companies-list-title {
position: absolute;
padding: 0px;
top: 150px;
font-weight: 800;
font-size: 90px;
color: var(--cream);
letter-spacing: -1px;
width: 100%;
left: 12vw;
transition: 0.5s;
}
a.companies-list-item.ativo h3{
top: 400px;
transition: 0.5s;
}
a.companies-list-item.proximo{
margin-top: -400px;
transition: 0.5s;
}
a.companies-list-item.ultimo.ativo{
height: 500px;
}
.companies-list-item.ativo .companies-list-img::before{
background-color: rgba(0,0,0,0.1);
transition: 0.5s;
}
/* Company */
section.company-hero {
height: 100dvh;
width: 100vw;
position: relative;
}
section.company-hero::before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background-color: rgba(0,0,0,0.1);
}
.company-hero-img{
width: 100%;
height: 100%;
}
.company-hero-img img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.company-hero-content {
width: 100%;
height: 100%;
display: flex;
position: absolute;
top: 0px;
left: 0px;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 70px;
}
.company-header {
padding: 30px var(--padding-x);
display: flex;
justify-content: flex-end;
}
a.btn-back-companies {
font-weight: 300;
font-size: 12px;
color: var(--grey);
position: relative;
}
a.btn-back-companies::before{
content: '';
width: 28px;
height: 44px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
background-image: url(/wp-content/uploads/arrow-btn-compan-y.svg);
position: absolute;
top: 50%;
left: -20px;
transform: translateX(-100%) translateY(-50%);
}
.block1-company{
padding: 0px;
}
.block1-company:not(.block1-re):not(.block1-project) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column {
bottom: 0px;
left: 0px;
position: relative;
}
.block1-company .vc_inner h3 {
font-size: 24px;
line-height: 24px;
font-weight: 300;
margin-left: 100px !important;
}
.block1-company .home-curve-wrapper,
.block1-company .home-curve-balls,
.block1-company > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .vc_inner::before{
display: none;
}
.block1-company .wpb_text_column p {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: var(--black-soft);
}
.block1-company .wpb_text_column:has(p) {
max-width: 290px;
position: relative;
margin-top: 65px !important;
}
.block1-company > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column::before {
content: '';
width: 26px;
height: 26px;
background-color: var(--white);
position: absolute;
top: 0px;
left: -10px;
transform: translateX(-100%);
border-radius: 100%;
}
.block1-company .vc_inner > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper{
display: flex;
flex-direction: column;
justify-content: center;
}
.block1-company > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column {
width: fit-content;
height: fit-content;
background-color: var(--white);
border-radius: 250px;
padding: 110px 70px ;
bottom: unset;
top: 0px;
left: unset;
transform: translateY(-50%) !important;
max-width: unset;
margin: 0px !important;
}
.block1-company .wpb_text_column ul{
display: flex;
flex-direction: column;
gap: 30px;
padding-left: 15px;
}
.block1-company .wpb_text_column ul li{
display: flex;
gap: 20px;
color: var(--black-soft);
font-weight: 300;
}
.block1-company > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column p strong,
.block1-company > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column p {
margin-right: 0px;
color: var(--orange);
font-size: 22px;
line-height: 24px;
text-align: left;
position: relative;
display: block;
}
.block1-company > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column p strong{
z-index: 1;
}
.block1-company > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column p::before {
content: '';
width: 26px;
height: 26px;
background-color: var(--black);
border-radius: 100%;
position: absolute;
bottom: 2px;
left: -10px;
}
.block1-company > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column p {
margin-bottom: 40px !important;
}
.block1-company a.vc_general.vc_btn3 {
margin-left: 0px !important;
}
.block1-company .vc_btn3-container {
position: relative;
left: 50%;
transform: translateX(-50%);
}
/* Real Estate */
.block1-re{
overflow: visible !important;
}
.block1-company.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column::before,
.block3-home.block1-re .vc_inner > .vc_col-sm-12 > .vc_column-inner::before,
.block1-company.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column p::before{
display: none;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child > .vc_inner > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {
overflow: hidden;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column h4{
font-weight: 700;
font-size: 36px;
line-height: 36px;
color: var(--grey);
margin-bottom: 100px !important;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column:nth-last-child(2) p{
font-weight: 300;
max-width: 400px;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column:nth-last-child(2) {
max-width: unset;
padding-left: 18vw;
position: relative;
left: 50%;
margin-top: 130px !important;
}
.block1-re .vc_inner h3,
.block1-re .vc_inner h2 {
position: relative;
left: 50%;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column:last-child {
height: 800px;
width: 800px;
max-width: unset;
background-color: var(--orange);
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
position: absolute;
bottom: -400px;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column:last-child p:first-child{
position: absolute;
top: 0px;
left: 50%;
transform: translateX(-50%) translateY(-15%);
color: var(--white);
font-size: 94px;
display: flex;
align-items: flex-end;
font-weight: 800;
gap: 15px;
text-shadow: 0px 0px 8px #84848480;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column:last-child p strong{
line-height: 130px;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column:last-child p:last-child{
position: absolute;
top: 210px;
left: 50%;
transform: translateX(-50%);
font-size: 44px;
line-height: 48px;
text-align: center;
font-weight: 600;
color: var(--white);
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column {
background-color: transparent;
border-radius: 0px;
padding: 0px;
top: 40%;
transform: translateY(-50%) !important;
right: unset;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column h2{
left: unset;
color: var(--white);
font-size: 110px;
line-height: 80px;
font-weight: 300;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column h2 strong{
padding-left: 50px;
font-size: 72px;
font-weight: 800;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) h3 {
color: var(--white);
font-weight: 600;
font-size: 56px;
line-height: 60px;
left: 0px;
top: 50%;
position: absolute;
margin: 0px !important;
padding-top: 90px !important;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column p{
color: var(--black-soft);
font-size: 16px;
line-height: 22px;
font-weight: 300;
margin-bottom: 0px !important;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column p:not(:last-child){
margin-bottom: 15px !important;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column:has(p) {
width: 370px;
padding: 150px 65px;
background-color: var(--cream);
border-radius: 250px;
position: absolute;
bottom: 0px;
right: 0px;
transform: translateY(30%) !important;
top: unset;
}
.block2-re {
max-width: calc(1400px + var(--padding-x) * 2) !important;
padding-inline: var(--padding-x);
height: 100%;
margin-inline: auto !important;
left: unset !important;
padding-top: 250px;
overflow: visible !important;
}
.block2-re .home-curve-wrapper {
position: absolute !important;
top: 500px;
width: 100%;
height: auto;
}
.block2-re .home-curve-wrapper svg{
overflow: visible;
}
.block2-re span.home-curve-ball{
background-color: var(--black-soft) !important;
z-index: 0 !important;
}
.related-projects {
width: 100%;
}
.related-projects-controls {
display: flex;
justify-content: space-between;
align-items: center;
gap: 40px;
margin-bottom: 40px;
padding: 20px 0;
border-bottom: 1px solid var(--grey-light);
flex-wrap: wrap;
}
.related-projects-filters {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.related-projects-filters .filter-option {
display: flex;
align-items: center;
gap: 20px;
cursor: pointer;
user-select: none;
background-color: var(--cream);
padding-inline: 4px 30px;
height: 37px;
border-radius: 20px;
}
.related-projects-filters .filter-radio {
appearance: none;
-webkit-appearance: none;
width: 30px;
height: 30px;
border: 0px;
background-color: var(--white);
border-radius: 50%;
cursor: pointer;
transition: background-color 0.3s ease, border-color 0.3s ease;
padding: 0;
margin: 0;
}
.related-projects-filters .filter-radio:checked ~ .filter-label{
font-weight: 700;
}
.related-projects-filters .filter-radio:checked {
background-color: var(--orange);
}
.related-projects-filters .filter-label {
font-size: 12px;
font-weight: 300;
color: var(--grey);
transition: 0.3s ease;
}
.related-projects-filters .filter-option:hover .filter-label {
font-weight: 700;
}
.related-projects-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
gap: 25px;
flex-wrap: wrap;
min-height: auto;
}
.related-projects-list.map-view {
display: none;
}
.related-projects-map-placeholder {
display: none;
width: 100vw;
min-height: 600px;
align-items: center;
justify-content: center;
position: relative;
left: 50%;
transform: translateX(-50%);
border-top-right-radius: 250px;
}
.related-projects-map-placeholder.visible {
display: flex;
}
.filter-option.estado-completed .filter-radio {
background-color: var(--orange);
}
.filter-option.estado-under-construction .filter-radio {
background-color: var(--white);
border: 1px solid var(--orange);
}
.filter-option.estado-coming-soon .filter-radio {
background-color: #e84e0fa1;
}
.filter-map .filter-option{
pointer-events: none;
}
.related-projects-filters.filter-map .filter-radio:checked ~ .filter-label{
font-weight: 300;
}
.map-placeholder-content {
text-align: center;
}
.map-placeholder-content p {
font-size: 24px;
font-weight: 300;
color: var(--black);
margin: 0;
letter-spacing: 1px;
}
.btn-marker {
background-color: var(--orange) !important;
border: 1px solid var(--orange);
width: 45px !important;
height: 45px !important;
border-radius: 100% !important;
font-size: 0px !important;
position: relative !important;
z-index: 1;
}
.btn-marker.estado-under-construction {
background-color: var(--white) !important;
}
.btn-marker.estado-coming-soon {
background-color: #e84e0fa1 !important;
border: 1px solid #e84e0fa1;
}
.btn-marker::after {
content: '';
width: 15px;
height: 3px;
background-color: var(--black-soft);
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.btn-marker::before {
content: '';
width: 3px;
height: 15px;
background-color: var(--black-soft);
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%) rotate(0deg);
transition: 0.5s;
}
.btn-marker.open::before {
transform: translateX(-50%) translateY(-50%) rotate(90deg);
transition: 0.5s;
}
.container-info-poi {
position: absolute;
height: 400px;
width: 200px;
border-radius: 200px !important;
margin: 0px !important;
padding: 0px !important;
top: 0px;
right: -15px;
display: flex;
flex-direction: column;
align-items: center;
clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
transition: 0.5s;
}
.container-info-poi.open {
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
transition: 0.5s;
}
.container-info-poi img {
width: 190px !important;
height: 190px !important;
object-fit: cover;
object-position: center;
border-radius: 100% !important;
position: absolute;
bottom: 5px;
left: 5px;
}
.container-info-poi h3 {
font-size: 18px !important;
padding-inline: 35px;
text-align: center;
line-height: 22px !important;
margin-top: 50px !important;
color: var(--black-soft);
}
.container-info-poi span {
background-color: transparent !important;
padding: 0px !important;
margin: 0px !important;
font-size: 10px !important;
color: var(--grey) !important;
font-weight: 500 !important;
line-height: 15px !important;
}
.container-info-poi p {
color: var(--black-soft) !important;
text-align: center;
max-width: 150px;
}
.googleMapsWrapper {
border-top-right-radius: 250px !important;
}
.related-project-item {
display: none;
background-color: var(--white);
overflow: hidden;
transition: opacity 0.3s ease;
opacity: 0;
width: calc((100% / 3) - 17px);
height: 45vw;
max-height: 750px;
border-radius: 250px;
position: relative;
border: 5px solid var(--white);
}
.related-project-item:hover{
border: 5px solid var(--orange);
transition: 0.3s;
}
.related-project-item.visible {
opacity: 1;
}
.related-project-image {
width: 100%;
height: 100%;
overflow: hidden;
}
.related-project-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.related-project-item:hover .related-project-image img {
transform: scale(1.05);
}
.related-project-image a {
display: block;
width: 100%;
height: 100%;
}
.related-project-info {
position: absolute;
top: 90px;
left: 50%;
transform: translateX(-50%);
}
.related-project-title {
max-width: 250px;
text-align: center;
}
.related-project-title a {
color: var(--black);
line-height: 50px;
letter-spacing: -1px;
color: var(--white);
text-shadow: 1px 1px 15px #848484AB;
font-size: 32px;
line-height: 32px;
font-weight: 600;
text-decoration: none;
transition: color 0.3s ease;
text-align: center;
}
.related-project-local {
margin-top: 15px;
font-size: 14px;
color: var(--black-soft);
font-weight: 700;
text-align: center;
background-color: #e84e0f9c;
width: fit-content;
margin-inline: auto;
padding: 6px 20px;
border-radius: 50px;
}
.related-projects-view-toggle {
display: flex;
align-items: center;
}
.toggle-switch {
position: relative;
display: inline-flex;
align-items: center;
cursor: pointer;
user-select: none;
gap: 12px;
}
.toggle-input {
display: none;
}
.toggle-slider {
position: relative;
width: 66px;
height: 34px;
background-color: var(--white);
border: 2px solid var(--cream);
border-radius: 20px;
transition: background-color 0.3s ease;
}
.toggle-slider::after {
content: '';
position: absolute;
width: 30px;
height: 30px;
background-color: var(--orange);
border-radius: 50%;
top: 0px;
left: 0px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.toggle-input:checked + .toggle-slider::after {
transform: translateX(32px);
}
.toggle-label {
font-size: 12px;
font-weight: 300;
color: var(--grey);
}
.block2-re .vc_btn3-container{
display: block !important;
margin-inline: auto !important;
width: fit-content;
margin-top: 140px !important;
}
/* Project */
section.project-hero h4 {
max-width: 400px;
text-align: center;
font-size: 18px;
letter-spacing: 1px;
}
.block1-project .block-pin1 .wpb_text_column:has(p){
margin: 0px !important;
max-width: 260px;
}
.project-text-columns-wrapper {
display: flex;
gap: 40px;
margin-block: 60px;
}
.block1-project > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column:not(:first-child)::before{
display: none;
}
.vc_acf.acf-estado {
width: 400px;
height: 400px;
background-color: var(--orange);
border-radius: 100%;
position: absolute;
top: 0px;
left: 75%;
transform: translateX(-50%) translateY(-50%);
}
.vc_acf.acf-estado span{
font-weight: 700;
font-size: 36px;
line-height: 36px;
letter-spacing: -1px;
color: var(--white);
position: absolute;;
top: 62%;
left: 50%;
transform: translateX(-50%);
text-align: center;
}
.project-buttons-wrapper {
display: flex;
gap: 18px;
}
.vc_acf{
cursor: pointer;
}
.vc_acf button{
background-color: transparent;
padding: 0px;
border: 0px;
}
.vc_acf .btn{
font-size: 18px;
line-height: 18px;
font-weight: 700;
letter-spacing: -0.5px;
text-transform: uppercase;
color: var(--white);
background-color: var(--orange);
padding: 10px 30px;
border-radius: 20px;
display: block;
font-family: 'Roboto';
}
#project-video-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
#project-video-modal.active {
opacity: 1;
visibility: visible;
}
.project-video-container {
width: 90%;
max-width: 1200px;
aspect-ratio: 16 / 9;
}
.project-video-frame {
width: 100%;
height: 100%;
border: none;
border-radius: 8px;
}
.project-video-close {
position: absolute;
top: 50px;
right: 50px;
background: none;
border: none;
color: var(--white);
font-size: 48px;
cursor: pointer;
padding: 0;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
transition: color 0.3s ease;
}
.project-video-close::before,
.project-video-close::after{
content: '';
width: 100%;
height: 3px;
background-color: var(--orange);
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%) rotate(45deg);
position: absolute;
transition: 0.5s;
}
.project-video-close::after{
transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}
.project-video-close:hover {
color: var(--orange);
}
.project-video-close:hover::before,
.project-video-close:hover::after{
transform: translateY(-50%) translateX(-50%) rotate(0deg);
}
.block1-project .wpb_text_column ul {
gap: 5px;
max-width: 240px;
}
.block1-project .wpb_text_column ul li {
position: relative;
gap: 10px;
color: var(--black-soft); align-items: center;
}
.block1-project .wpb_text_column ul li:before {
content: '';
width: 3px;
height: 3px;
background-color: var(--black-soft);
border-radius: 100%;
}
.block1-project > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column {
left: 75%;
right: unset;
transform: translateY(-60%) translateX(-50%) !important;
}
.block1-project .block-pin1 .wpb_text_column h3{
margin-left: 40px !important;
}
.block1-project .block-pin1 .wpb_text_column h3 strong{
font-size: 16px;
font-weight: 500;
}
/* ===== GOOGLE MAPS STYLES ===== */
.googleMapsWrapper {
width: 100%;
height: 600px;
position: relative;
display: flex;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
#map {
width: 100%;
height: 100%;
flex: 1;
}
/* Map Menu (Filter) */
.map-menu-wrapper {
position: absolute;
top: 20px;
left: 20px;
background: var(--white);
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
z-index: 100;
max-width: 350px;
}
.map-menu-title {
margin: 0 0 15px 0;
font-size: 18px;
font-weight: 700;
color: var(--black);
}
#map-menu {
display: flex;
flex-direction: column;
gap: 10px;
}
#map-menu button {
padding: 10px 15px;
background-color: var(--white);
border: 2px solid var(--orange);
border-radius: 20px;
cursor: pointer;
font-weight: 600;
color: var(--orange);
display: flex;
align-items: center;
gap: 8px;
transition: all 0.3s ease;
font-size: 14px;
}
#map-menu button:hover,
#map-menu button.active {
background-color: var(--orange);
color: var(--white);
}
#map-menu button img.category-icon {
width: 20px;
height: 20px;
object-fit: contain;
}
/* POI Sidebar */
#poi-sidebar {
position: absolute;
right: 0;
top: 0;
width: 350px;
height: 100%;
background-color: var(--white);
padding: 30px;
overflow-y: auto;
box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
z-index: 99;
transform: translateX(100%);
transition: transform 0.3s ease;
}
#poi-sidebar.active {
transform: translateX(0);
}
#poi-sidebar.visible {
transform: translateX(0);
}
#sidebar-close-btn {
position: absolute;
top: 15px;
right: 15px;
width: 30px;
height: 30px;
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 6px;
}
#sidebar-close-btn .line {
width: 25px;
height: 2px;
background-color: var(--black);
transition: all 0.3s ease;
}
#sidebar-close-btn:hover .line:nth-child(1) {
transform: rotate(45deg) translateY(10px);
}
#sidebar-close-btn:hover .line:nth-child(2) {
transform: rotate(-45deg) translateY(-10px);
}
#sidebar-poi-category {
display: inline-block;
background-color: var(--orange);
color: var(--white);
padding: 4px 12px;
border-radius: 15px;
font-size: 12px;
font-weight: 600;
margin-bottom: 15px;
text-transform: uppercase;
}
#sidebar-poi-title {
margin: 20px 0 15px 0;
font-size: 24px;
font-weight: 700;
color: var(--black);
line-height: 1.3;
}
#sidebar-poi-img {
width: 100%;
height: 200px;
border-radius: 8px;
overflow: hidden;
margin-bottom: 20px;
}
#sidebar-poi-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
#sidebar-poi-content {
font-size: 14px;
line-height: 1.6;
color: var(--black-soft);
}
#sidebar-poi-content p {
margin: 0 0 10px 0;
}
/* ===== HOVER BLOB ANIMATION ===== */
.hover-mancha {
position: relative;
overflow: hidden;
display: inline-block;
isolation: isolate;
transition: color .35s ease;
}
.hover-blob {
position: absolute;
pointer-events: none;
z-index: -1;
transform: translate(-50%, -50%) scale(0);
will-change: transform, border-radius;
}
a.vc_general.vc_btn3 .hover-blob {
background-color: var(--black-soft);
}
button.quform-submit .hover-blob {
background-color: var(--black-soft);
}
ul.main-menu li:last-child .hover-blob {
background-color: var(--black-soft);
}
/* Docs */
body:has(.block1-doc) header .logo{
filter: invert(1);
}
.block1-doc {
max-width: 1200px !important;
margin-inline: auto !important;
left: 0px !important;
margin-block: 150px;
padding-inline: var(--padding-x);
}
.block1-doc h2 {
margin-block: 40px 15px;
font-size: 30px;
line-height: 35px;
}
.block1-doc h1.vc_custom_heading {
color: var(--orange);
margin-bottom: 40px !important;
font-weight: 500;
font-size: 50px;
line-height: 50px;
}
.block1-doc p,
.block1-doc li,
.block1-doc a,
.block1-doc span,
.block1-doc div {
font-weight: 300;
color: var(--black);
}
.block1-doc a{
text-decoration: underline;
text-underline-offset: 4px;
}
.block1-doc li{
list-style: disc;
}
.block1-doc ul{
padding-left: 20px;
}
/* Approach */
.block1-approach h4{
max-width: 300px;
}
.block2-approach {
max-width: 1100px !important;
padding: var(--padding-x) * 2;
left: 0px !important;
margin-inline: auto !important;
margin-block: 100px !important;
overflow: visible !important;
margin-bottom: 220px !important;
}
.block2-approach > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .wpb_text_column p{
max-width: 650px;
}
.block2-approach > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .wpb_text_column{
margin-bottom: 130px !important;
}
.block2-approach h2{
text-transform: uppercase;
font-size: 94px;
line-height: 94px;
}
.block2-approach .vc_inner:not(:last-child){
margin-bottom: 130px !important;
}
.block2-approach .vc_inner .wpb_text_column{
margin-top: 10px !important;
max-width: 400px;
}
.block2-approach .vc_inner div.vc_custom_heading{
font-size: 226px;
line-height: 180px;
color: var(--cream);
position: absolute;
top: 0px;
left: -30px;
transform: translateX(-100%);
font-weight: 800;
}
.block2-approach .vc_inner > .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper::before {
content: '';
width: 220px;
height: 220px;
border-radius: 100%;
position: absolute;
top: -60px;
left: -15px;
transform: translateX(-100%);
background-color: #F15920D1;
}
.block2-approach .vc_inner {
display: flex;
gap: 300px;
}
.block2-approach .vc_inner::before,
.block2-approach .vc_inner::after {
display: none;
}
.block3-home.block3-approach .vc_inner > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper{
max-width: 100% !important;
}
.block3-approach {
overflow: visible !important;
}
.block3-approach .orbit-slider-curve {
position: absolute;
right: 0px;
bottom: 0px;
width: 32vw;
}
.orbit-slider-layout-split .orbit-slider-panel{
background-color: transparent;
position: unset;
width: 100%;
height: 100%;
transform: none;
}
.orbit-slider-layout-split .orbit-slider-counter {
bottom: 50px;
left: 52%;
}
.orbit-slider-layout-split .orbit-slider-titles{
position: absolute;
width: 750px;
height: 750px;
background-color: var(--orange);
display: flex;
justify-content: center;
align-items: center;
bottom: 0px;
left: 50%;
transform: translateX(-100%) translateY(30%);
border-radius: 100%;
}
.orbit-slider-layout-split h3.orbit-slider-title span:last-child {
font-size: 94px;
line-height: 94px;
width: 580px;
margin-left: 0px;
}
.orbit-slider-layout-split .orbit-slider-descriptions {
position: absolute;
top: 50%;
left: 60%;
}
.orbit-slider-layout-split p.orbit-slider-desc {
max-width: 350px;
margin-left: 0px;
margin-top: 0px;
font-size: 24px;
line-height: 30px;
color: var(--black-soft);
}
.block3-approach h3.vc_custom_heading {
left: 52%;
top: 18%;
width: fit-content;
position: absolute;
}
.block3-approach h2.vc_custom_heading {
left: 50%;
top: calc(18% + 40px);
width: fit-content;
position: absolute;
z-index: 1;
}
.block3-approach > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) h2.vc_custom_heading {
color: var(--white);
}
.block3-approach .vc_inner:last-child ul{
display: flex;
flex-direction: column;
justify-content: center;
background-color: var(--black-soft);
padding: 170px 60px;
border-radius: 400px;
gap: 5px;
max-width: 425px;
}
.block3-approach .vc_inner:last-child ul li{
color: var(--cream);
position: relative;
margin-left: 25px;
}
.block3-approach .vc_inner:last-child ul li::before{
content: '';
width: 9px;
height: 9px;
background-color: var(--orange);
border-radius: 100%;
display: block;
position: absolute;
top: 50%;
left: -18px;
transform: translateY(-50%);
}
.block3-home.block3-approach > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column {
top: calc(18% - 40px);
right: unset;
left: calc(50% + 300px);
}
.block3-home.block3-approach .vc_inner > .vc_col-sm-12 > .vc_column-inner::before{
display: none !important;
}
.lets-connect-block.block4-approach{
margin-top: 0px !important;
padding-top: 0px;
z-index: 2;
}
/* Team */
.block1-team h1 {
max-width: 1350px;
padding-inline: 100px;
}
.block2-team p.vc_custom_heading,
.block2-team p.vc_custom_heading span{
font-size: 54px;
font-weight: 600;
line-height: 60px;
color: var(--black-soft);
}
.block2-team p.vc_custom_heading span.char{
opacity: 0.1;
}
.block2-team p.vc_custom_heading:not(:last-child){
margin-bottom: 35px !important;
}
.block2-team .home-curve-balls{
display: none;
}
/* Contact Us */
.block1-contact h1 {
max-width: 100%;
margin-top: 100px !important;
padding-inline: var(--padding-x);
}
body:has(.block1-contact) .lets-connect-block{
margin-top: 0px !important;
padding: 0px;
}
body:has(.block1-contact) .lets-connect-block p a{
color: var(--white);
margin-block: 5px;
display: inline-block;
}
body:has(.block1-contact) .lets-connect-block p strong a{
font-weight: 700;
margin-block: 0px;
}
body:has(.block1-contact) .lets-connect-block p a:hover{
text-decoration: underline;
text-underline-offset: 3px;
}
body:has(.block1-contact) .lets-connect-block .wpb_text_column:last-child{
margin-top: 10px !important;
}
body:has(.block1-contact) .lets-connect-block .wpb_text_column:last-child p{
margin-bottom: 0px !important;
}
body:has(.block1-contact) .lets-connect-block .wpb_text_column:last-child p a{
color: var(--black-soft);
display: inline-block;
}
body:has(.block1-contact) .lets-connect-block .vc_col-sm-6:first-child > .vc_column-inner > .wpb_wrapper {
max-width: 320px;
margin-left: auto !important;
margin-right: 60px !important;
}
body:has(.block1-contact) .lets-connect-block .vc_col-sm-6:first-child {
left: -20%;
}
body:has(.block1-contact) .lets-connect-block .vc_col-sm-6:last-child {
width: 50%;
}
body:has(.block1-contact) .lets-connect-block .vc_col-sm-6:last-child .wpb_text_column p{
color: var(--grey-soft);
max-width: 430px;
margin-bottom: 40px;
}
/* Media Queries */
@media only screen and (max-width: 1680px) {
/* About Us */
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child div.vc_custom_heading {
right: 90px;
}
.block3_1-about div.vc_custom_heading{
font-size: 70px;
line-height: 70px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column p strong {
font-size: 420px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column {
right: 200px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(3) .block3-orbit:last-child {
width: 500px;
height: 500px;
left: 270px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(3) .block3-orbit:first-child {
width: 700px;
height: 700px;
left: 235px;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(3) .wpb_text_column {
left: 280px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(3) div.vc_custom_heading {
right: 100px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) div.vc_custom_heading {
max-width: 650px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .block3-orbit:first-child {
width: 700px;
height: 700px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(5) .block3-orbit:first-child {
width: 700px;
height: 700px;
}
.block3_1-about .wpb_text_column p strong {
font-size: 200px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(5) .wpb_text_column {
left: calc(10% + 155px);
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) div.vc_custom_heading {
left: 100px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(5) div.vc_custom_heading {
right: 100px;
}
/* Project */
.vc_acf.acf-estado {
left: 65%;
}
/* Approach */
.block2-approach h2 {
font-size: 70px;
line-height: 70px;
}
.block2-approach .vc_inner div.vc_custom_heading {
font-size: 180px;
line-height: 150px;
}
.block2-approach .vc_inner > .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper::before {
width: 160px;
height: 160px;
top: -30px;
left: -18px;
}
.block2-approach .vc_inner {
gap: 200px;
margin-left: 150px !important;
}
.block2-approach > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .wpb_text_column {
margin-left: 150px !important;
}
.block3-home.block3-approach > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column {
left: calc(40% + 300px);
}
.block3-approach > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) h2.vc_custom_heading {
left: 40%;
}
}
@media only screen and (max-width: 1440px) {
/* Home */
.block3-home:not(.block1-company) .wpb_text_column p strong {
font-size: 200px;
}
.block3-home:not(.block1-company) div.vc_custom_heading, .block3-home:not(.block1-company) .wpb_text_column p {
font-size: 75px;
line-height: 94px;
font-weight: 800;
color: var(--cream);
}
.block3-home:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column p strong {
font-size: 140px;
margin-right: 60px;
}
.block3-home:not(.block1-company) div.vc_custom_heading, .block3-home:not(.block1-company) .wpb_text_column p {
font-size: 65px;
line-height: 65px;
}
.block3-home:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .block3-orbit:first-child {
width: 500px;
height: 500px;
bottom: 90px;
left: 68%;
}
.block3-home:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .block3-orbit:last-child {
width: 450px;
height: 450px;
bottom: 90px;
right: 0px;
}
.block3-home:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .block3-orbit:last-child {
width: 400px;
height: 400px;
}
.block3-home:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .block3-orbit:first-child {
width: 350px;
height: 350px;
left: 52%;
}
.block3-home:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(3) .block3-orbit:first-child {
width: 550px;
height: 550px;
}
.block3-home:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(3) .block3-orbit:last-child {
width: 500px;
height: 500px;
}
.block3-home:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .wpb_text_column p strong {
font-size: 400px;
}
.block3-home:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .block3-orbit:first-child {
width: 600px;
height: 600px;
left: 50%;
top: 58%;
}
.block3-home:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .block3-orbit:last-child {
width: 650px;
height: 650px;
}
.block3_1-home .vc_inner {
max-width: calc(1300px + var(--padding-x) * 2) !important;
}
.block3_1-home .vc_col-sm-3 .wpb_text_column {
top: 190px !important;
}
.block3_1-home .vc_inner .vc_col-sm-3:hover img {
clip-path: inset(70px 0 0 0 round 250px) !important;
}
/* About Us */
.block2-about .vc_col-sm-6:last-child .vc_inner .wpb_text_column p strong {
font-size: 18px;
line-height: 22px;
}
.block2-about .vc_col-sm-6:last-child .vc_inner .wpb_text_column .wpb_wrapper {
width: 340px;
gap: 30px;
}
.block2-about .vc_col-sm-6:last-child .vc_inner .wpb_text_column p {
max-width: 250px;
}
.block2-about .vc_col-sm-6:last-child .vc_inner div.vc_custom_heading {
font-size: 35px;
line-height: 35px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child div.vc_custom_heading {
max-width: 800px;
}
.block3_1-about:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column p strong {
font-size: 350px;
margin-right: 0px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column {
top: 22%;
right: 180px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(3) .wpb_text_column {
left: 260px;
top: 40%;
}
.block3_1-about:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(3) .block3-orbit:last-child {
width: 420px;
height: 420px;
}
.block3_1-about:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .block3-orbit:first-child {
top: unset;
}
.block3_1-about:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .wpb_text_column p strong {
font-size: 240px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) div.vc_custom_heading {
max-width: 600px;
}
.block3_3-about h2 {
left: 90px;
}
.block3_5-about > .vc_col-sm-12{
width: 800px;
}
.block3_5-orbit {
width: 800px;
height: 800px;
}
.block3_5-about h2 {
font-size: 50px;
line-height: 47px;
padding-top: 100px;
}
.block3_5-about .vc_col-sm-6:first-child {
top: 45%;
left: 70px;
}
.orbit-slider-panel {
width: 450px;
height: 450px;
}
.block3-about h2 strong,
.block4-about h2 strong {
font-size: 60px;
line-height: 60px;
}
.block3-about h2,
.block4-about h2 {
font-size: 90px;
line-height: 90px;
}
.block3_7-about::before{
content: '';
width: 1350px;
height: 1350px;
}
.block3-about .vc_inner h3 {
font-size: 28px;
line-height: 36px;
padding-top: 75px;
padding-bottom: 70px;
}
.block3-about .wpb_column.vc_column_container .wpb_text_column {
top: 140px;
}
.block3-about .vc_inner {
max-width: calc(1000px + var(--padding-x) * 2);
}
.block3-about .vc_inner .wpb_column.vc_column_container img {
height: 300px;
}
.block3-about .vc_inner .wpb_column.vc_column_container:hover img {
clip-path: inset(70px 0 0 0 round 250px);
}
.block3-about .wpb_column.vc_column_container .wpb_text_column {
top: 120px;
}
.ic-popup-wrapper {
max-width: 900px;
}
.block4-about .ic-popup-col-dir h3 {
font-size: 35px;
line-height: 35px;
}
.ic-popup-col-dir span {
font-size: 26px;
line-height: 26px;
}
/* Companies */
.block2-companies .home-curve-wrapper {
width: 105vw;
}
.companies-listing-toggle {
font-size: 55px;
padding: 70px 100px 250px;
}
.companies-listing-group:last-child .companies-listing-toggle {
padding: 70px 100px 70px;
}
.companies-listing-contents {
width: 620px;
height: 620px;
bottom: -60px;
}
.companies-listing-container-x{
max-width: 320px;
margin-bottom: 270px;
}
.companies-listing-group:last-child .companies-listing-contents{
bottom: -250px;
}
button.companies-listing-next {
left: 695px;
}
span.companies-listing-counter {
left: 695px;
}
.block3-companies:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column {
width: 500px;
height: 500px;
bottom: -250px;
left: 100px;
}
.block3-companies:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column p {
font-size: 32px;
line-height: 34px;
}
.block3-companies:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .vc_inner h2.vc_custom_heading {
font-size: 58px;
line-height: 58px;
margin-top: 40px !important;
}
.block3-companies:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .vc_inner div.vc_custom_heading {
font-size: 22px;
line-height: 24px;
padding-top: 100px !important;
}
h3.companies-list-title {
font-size: 70px;
left: 8vw;
top: 120px;
}
a.companies-list-item {
height: 850px;
}
a.companies-list-item:last-child {
height: 250px;
}
a.companies-list-item.proximo {
margin-top: -450px;
}
a.companies-list-item.ativo h3 {
top: 230px;
}
a.companies-list-item.ultimo.ativo {
height: 450px;
}
a.companies-list-item.ativo.ultimo h3 {
top: 350px;
}
.block4-companies h3,
.block4-companies h2 {
margin-right: 10vw !important;
}
/* Company */
.block1-company:not(.block1-project):not(.block1-re) .vc_inner h3,
.block1-company:not(.block1-project):not(.block1-re) .vc_inner h2,
.block1-company:not(.block1-project):not(.block1-re) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column{
left: 10vw;
position: relative;
}
.block1-company .wpb_text_column ul {
gap: 15px;
}
.block1-company > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column {
padding: 110px 50px;
}
.block1-company > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column p {
margin-left: 20px !important;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column:last-child {
height: 700px;
width: 700px;
bottom: -350px;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column:last-child p:last-child {
font-size: 34px;
line-height: 34px;
}
.block3-home .wpb_text_column p strong {
font-size: 250px;
}
/* Real Estate */
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column:last-child p:first-child {
font-size: 78px;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) h3 {
left: 90px;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column h2 {
font-size: 90px;
line-height: 70px;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column h2 strong {
font-size: 60px;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) h3 {
font-size: 45px;
line-height: 45px;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column:has(p) {
right: var(--padding-x);
}
/* Project */
.block1-project .vc_inner h2,
.block1-project > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column,
.project-buttons-wrapper{
left: 10vw;
position: relative;
}
.block1-company .wpb_text_column ul {
gap: 10px;
}
/* Approach */
.orbit-slider-layout-split .orbit-slider-titles {
width: 600px;
height: 600px;
}
.orbit-slider-layout-split h3.orbit-slider-title span:last-child{
font-size: 65px;
line-height: 65px;
width: 430px;
margin-left: 0px;
}
.orbit-slider-layout-split h3.orbit-slider-title {
margin-top: -70px;
}
}
@media only screen and (max-width: 1281px) {
/* Estrutura */
h1, h1 span {
font-size: 65px;
line-height: 60px;
}
h2, h2 span {
font-size: 50px;
line-height: 50px;
}
h3, h3 span {
font-size: 22px;
}
a.vc_general.vc_btn3 {
font-size: 18px;
padding: 18px 30px;
}
span.quform-button-text{
font-size: 18px;
}
button.quform-submit {
padding: 12px 30px;
}
/* Home */
.block1-home h1 {
max-width: 700px;
margin-top: 100px !important;
}
.block1-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {
gap: 40px;
}
.block3_1-home .vc_inner .vc_col-sm-3 {
width: 35%;
}
.block3_1-home .vc_inner .vc_col-sm-3:first-child,
.block3_1-home .vc_inner .vc_col-sm-3:last-child {
width: 15%;
}
.block3_1-home .vc_inner .vc_col-sm-3:hover img {
clip-path: inset(40px 0 0 0 round 250px) !important;
}
.companies-swiper {
max-height: 500px;
}
h4.company-slide-title {
font-size: 40px;
line-height: 40px;
}
.lets-connect-block .vc_inner {
padding-block: 100px 50px;
}
/* About Us */
.block2-about h3.vc_custom_heading, .block2-about h2.vc_custom_heading {
margin-left: 50px !important;
}
.block1-about h1 {
max-width: 600px;
}
.block2-about .vc_col-sm-6:last-child .vc_inner .wpb_text_column:first-child{
width: 40vw;
height: 40vw;
}
.block2-about .vc_col-sm-6:first-child .vc_inner:last-child .wpb_text_column > .wpb_wrapper{
padding-left: 90px;
}
.about-orbit.about-orbit--1 {
top: 200px;
}
.about-orbit.about-orbit--2 {
top: 600px;
}
.block2-about .vc_col-sm-6:first-child .vc_inner:last-child {
margin-top: 500px !important;
}
.block2-about .vc_col-sm-6:last-child .vc_inner:last-child {
margin-top: 450px;
}
.block3_1-about:not(.block1-company) div.vc_custom_heading {
font-size: 50px;
line-height: 50px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child div.vc_custom_heading {
max-width: 500px;
}
.block3_1-about:not(.block1-project) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column p {
font-size: 160px;
line-height: 160px;
}
.block3_1-about:not(.block3-companies) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) div.vc_custom_heading {
left: 100px;
max-width: 400px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(3) .wpb_text_column {
top: 48%;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(3) div.vc_custom_heading {
max-width: 500px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(3) .wpb_text_column {
top: 40%;
left: 300px;
}
.block3_1-about:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .block3-orbit:first-child {
width: 450px;
height: 450px;
}
.block3_1-about:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .wpb_text_column p strong {
font-size: 200px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .wpb_text_column {
right: 100px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) div.vc_custom_heading {
max-width: 470px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(5) .block3-orbit:first-child {
width: 500px;
height: 500px;
}
.block3_1-about:not(.block1-company) .wpb_text_column p strong {
font-size: 150px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(5) .wpb_text_column {
left: calc(10% + 120px);
}
.block3_3-about h2 {
width: 320px;
height: 320px;
padding-inline: 30px;
top: -50px;
}
.block3_5-about .vc_col-sm-6:last-child {
transform: translateX(35%) translateY(-50%);
}
.orbit-slider-panel {
width: 390px;
height: 390px;
left: 55%;
}
.ic-popup-col-esq {
height: 450px;
}
.ic-popup-col-dir {
padding-bottom: 50px;
}
.block4-about .ic-popup-col-dir h3 {
font-size: 25px;
line-height: 25px;
}
.ic-popup-col-dir span {
line-height: 22px;
font-size: 20px;
padding-right: 70px;
}
.ic-popup-col-dir p {
line-height: 20px;
font-size: 14px;
padding-right: 70px;
}
.ic-popup-wrapper {
max-width: 800px;
}
button.ic-popup-next {
right: -60px;
}
button.ic-popup-prev{
left: -60px;
}
/* Companies */
.block2-companies .home-curve-wrapper {
top: 30%;
}
.block2-companies .wpb_text_column {
width: 400px;
padding: 90px 50px 40px;
}
.companies-listing-toggle {
font-size: 55px;
padding: 50px 100px 220px;
}
.companies-listing-group:last-child .companies-listing-toggle {
padding: 50px 100px 50px;
}
.companies-listing-panel.is-open {
height: calc(100dvh - 70px);
margin-top: -160px;
}
.companies-listing-group:last-child .companies-listing-panel-inner {
height: calc(100dvh - 220px);
}
.companies-listing-toggle span {
top: 55px;
transform: scale(0.8);
}
/* Real Estate */
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column:last-child {
height: 550px;
width: 550px;
bottom: -275px;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column:last-child p strong {
font-size: 180px;
line-height: 90px;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column:last-child p:last-child {
top: 150px;
font-size: 30px;
line-height: 32px;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column:nth-last-child(2) {
left: 38%;
}
.block1-re .vc_inner h3, .block1-re .vc_inner h2 {
left: 38%;
}
/* Company */
.company-hero-content {
gap: 40px;
}
/* Project */
.vc_acf.acf-estado span {
font-size: 24px;
line-height: 24px;
}
.vc_acf.acf-estado {
width: 300px;
height: 300px;
left: 60%;
}
.block1-project .vc_inner h2,
.block1-project > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column,
.project-buttons-wrapper {
left: 4vw;
}
.block1-project .wpb_text_column ul {
gap: 5px;
}
/* Approach */
.block2-approach h2 {
font-size: 45px;
line-height: 45px;
}
.block2-approach .vc_inner div.vc_custom_heading {
font-size: 130px;
line-height: 105px;
}
.block2-approach .vc_inner > .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper::before {
width: 115px;
height: 115px;
top: -22px;
left: -22px;
}
.block2-approach .vc_inner {
gap: 170px;
}
.block2-approach {
max-width: 900px !important;
}
.block2-approach > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .wpb_text_column p {
max-width: 500px;
}
.orbit-slider-layout-split .orbit-slider-titles {
width: 500px;
height: 500px;
}
.orbit-slider-layout-split h3.orbit-slider-title span:last-child {
font-size: 55px;
line-height: 55px;
width: 350px;
}
.block3-approach .vc_inner:last-child ul {
padding: 120px 60px;
max-width: 380px;
}
.block3-approach > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) h2.vc_custom_heading {
left: 25%;
}
.block3-home.block3-approach > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column {
left: calc(25% + 300px);
}
/* Team */
.block2-team p.vc_custom_heading, .block2-team p.vc_custom_heading span{
font-size: 40px;
line-height: 44px;
}
/* Contact US */
body:has(.block1-contact) .lets-connect-block .vc_col-sm-6:first-child {
left: -12%;
}
}
@media only screen and (max-width: 1100px) {
/* Estrutura */
h2, h2 span {
font-size: 35px;
line-height: 40px;
}
p, li, a, span, div {
font-size: 14px;
line-height: 18px;
}
/* Homepage */
.block3-home:not(.block1-company) .wpb_text_column p strong {
font-size: 160px;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child div.vc_custom_heading {
right: 100px;
font-size: 50px;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child p.vc_custom_heading {
top: 100px;
}
.block3-home:not(.block3-companies) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) p.vc_custom_heading {
bottom: 150px;
width: 180px;
}
.block3-home:not(.block3-companies) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) div.vc_custom_heading {
left: 60px;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .block3-orbit:last-child {
left: 0;
}
.block3-home:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .block3-orbit:first-child {
width: 400px;
height: 400px;
left: 60%;
}
.block3-home:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .block3-orbit:last-child {
width: 350px;
height: 350px;
}
.block3-home:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(3) .block3-orbit:first-child {
width: 400px;
height: 400px;
top: 45%;
left: 165px;
}
.block3-home:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(3) .block3-orbit:last-child {
width: 350px;
height: 350px;
left: 155px;
}
.block3-home:not(.block1-company) .wpb_text_column p strong {
font-size: 140px;
}
.block3-home:not(.block1-company) div.vc_custom_heading, .block3-home:not(.block1-company) .wpb_text_column p {
font-size: 50px;
line-height: 50px;
}
.block3-home:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .wpb_text_column p strong {
font-size: 300px;
}
.block3-home:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .block3-orbit:last-child {
width: 400px;
height: 400px;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .block3-orbit:last-child {
bottom: -15%;
}
.block3-home:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .block3-orbit:first-child {
width: 500px;
height: 500px;
left: 50%;
top: 42%;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .wpb_text_column {
top: 48%;
left: 48%;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) div.vc_custom_heading {
right: 100px;
}
.block3_1-home .vc_inner {
max-width: calc(800px + var(--padding-x) * 2) !important;
}
.block3_1-home .vc_col-sm-3 .wpb_text_column {
top: 135px !important;
}
.block3_1-home .vc_inner .vc_col-sm-3 p a {
padding: 15px 35px;
}
.block3_1-home .vc_inner .vc_col-sm-3:hover img {
clip-path: inset(30px 0 0 0 round 250px) !important;
}
.companies-swiper {
max-height: 400px;
}
h4.company-slide-title {
font-size: 30px;
line-height: 30px;
padding-left: 80px;
}
button.companies-next,
button.companies-prev {
width: 80px;
height: 80px;
}
button.companies-next::before,
button.companies-prev::before {
width: 9px;
left: 20px;
}
button.companies-prev::before {
left: 60%;
}
.lets-connect-block {
margin-top: 200px;
}
.lets-connect-block .vc_col-sm-6:first-child .wpb_text_column, .lets-connect-block h2 {
max-width: 250px;
}
.quform .quform-field-textarea {
height: 100px;
}
/* Footer */
.wrapper-footer {
padding-inline: var(--padding-x);
}
.logo-footer img {
width: 150px;
}
/* About Us */
.block2-about .vc_col-sm-6:last-child .vc_inner .wpb_text_column p strong {
font-size: 16px;
line-height: 20px;
margin-bottom: 10px;
}
.block2-about .vc_col-sm-6:last-child .vc_inner .wpb_text_column .wpb_wrapper {
width: 220px;
}
.block2-about .vc_col-sm-6:last-child .vc_inner .wpb_text_column p{
width: 220px;
font-size: 12px;
}
.block2-about .vc_col-sm-6:last-child .vc_inner .wpb_text_column .wpb_wrapper > div::before {
width: 18px;
height: 18px;
top: 0px;
left: -8px;
}
.block2-about .vc_col-sm-6:first-child .vc_inner:last-child h2 strong,
.block3-about h2 strong,
.block4-about h2 strong,
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column h2 strong {
font-size: 50px;
line-height: 50px;
}
.block2-about .vc_col-sm-6:first-child .vc_inner:last-child h2,
.block3-about h2,
.block4-about h2,
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column h2 {
font-size: 82px;
line-height: 82px;
}
.block2-about .vc_col-sm-6:last-child .vc_inner div.vc_custom_heading {
font-size: 25px;
line-height: 25px;
}
.block2-about .vc_col-sm-6:first-child .vc_inner:last-child .wpb_text_column p strong {
font-size: 18px;
}
.block2-about .vc_col-sm-6:first-child .vc_inner:last-child .wpb_text_column > .wpb_wrapper > div:last-child {
margin-left: 40px !important;
}
.block2_1-about h3 {
width: 450px;
}
.block2_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {
padding-inline: 100px;
}
.block2_1-about .wpb_text_column {
max-width: 500px;
margin-inline: 40% 0px !important;
}
.block3_1-about:not(.block1-project) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column p {
font-size: 120px;
line-height: 120px;
}
.block3_1-about:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .block3-orbit:first-child {
width: 300px;
height: 300px;
}
.block3_1-about:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .block3-orbit:last-child {
width: 350px;
height: 350px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child div.vc_custom_heading {
font-size: 38px;
line-height: 38px;
}
.block3_1-about:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column p strong {
font-size: 250px;
margin-right: 0px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column {
top: 13%;
right: 165px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(3) .wpb_text_column {
top: 45%;
left: 200px;
}
.block3_1-about:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .wpb_text_column p strong {
font-size: 170px;
}
.block3_1-about:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .block3-orbit:first-child {
width: 400px;
height: 400px;
left: unset;
top: unset;
}
.block3_1-about:not(.block1-company) .wpb_text_column p {
width: fit-content;
margin-left: auto;
}
.block3_2-about h2 {
max-width: 400px;
}
.block3-about:not(.block3_6-about) .vc_inner {
max-width: calc(700px + var(--padding-x) * 2);
}
.block3-about .vc_inner .wpb_column.vc_column_container img {
height: 200px;
}
.block3-about .vc_inner h3 {
font-size: 21px;
line-height: 21px;
padding-top: 55px;
}
.block3-about:not(.block3_6-about) .wpb_column.vc_column_container .wpb_text_column {
top: 85px;
}
.block3-about:not(.block3_6-about) .vc_inner .wpb_column.vc_column_container p {
width: 135px;
font-size: 12px;
line-height: 16px;
}
.block3-about .vc_inner .wpb_column.vc_column_container:hover img {
clip-path: inset(30px 0 0 0 round 250px);
}
.block3_6-about p.vc_custom_heading.vc_do_custom_heading {
font-size: 15px;
line-height: 16px;
padding-inline: 30px;
}
.block3-about.block3_7-about .vc_inner {
max-width: calc(1200px + var(--padding-x) * 2);
}
.block3-about.block3_7-about .wpb_column.vc_column_container .wpb_text_column:has(p) {
top: 80px;
}
.block3-about.block3_7-about .vc_inner .wpb_column.vc_column_container p {
width: 140px;
font-size: 12px;
line-height: 16px;
}
.block3-about.block3_7-about .vc_inner h3 {
font-size: 22px;
line-height: 30px;
padding-top: 55px;
}
.block3_7-about::before{
content: '';
width: 1050px;
height: 1050px;
}
.block4-about h3 {
margin-top: 0px !important;
font-size: 40px;
line-height: 40px;
}
.ic-equipa-grid {
margin-top: 20px !important;
gap: 25px;
}
.ic-membro__imagem {
height: 250px;
}
.ic-membro__info {
margin-top: 30px !important;
height: 140px;
}
.ic-popup-wrapper {
max-width: 650px;
}
.ic-popup-col-esq {
height: 400px;
width: 200px;
}
.ic-popup-grid {
gap: 30px;
}
.ic-popup-col-dir p {
line-height: 16px;
font-size: 12px;
padding-right: 40px;
}
.ic-popup-col-dir span {
margin-block: 10px 20px;
}
.ic-popup-redes {
margin-top: 20px;
}
.ic-popup-wrapper {
border-radius: 110px;
}
button.ic-popup-close {
top: 10px;
right: 10px;
}
button.ic-popup-next::before, button.ic-popup-prev::after {
width: 10px;
height: 30px;
}
button.ic-popup-prev::after {
right: -5px;
}
button.ic-popup-next::before {
left: -5px;
}
button.ic-popup-next {
right: -30px;
}
button.ic-popup-prev {
left: -30px;
}
/* Companies */
.block2-companies {
height: 450px;
}
.block2-companies .home-curve-wrapper {
width: 85vw;
top: -60%;
}
.block2-companies .wpb_text_column {
left: 0px;
}
.companies-listing-toggle {
font-size: 42px;
border-top-right-radius: 100px;
}
.block3-companies:not(.block1-company) {
padding-bottom: 250px;
}
.block3-companies:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .vc_inner h2.vc_custom_heading {
font-size: 40px;
line-height: 40px;
margin-top: 20px !important;
}
.block3-companies:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .vc_inner div.vc_custom_heading {
font-size: 18px;
line-height: 20px;
margin-left: 50px !important;
}
.block3-companies > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) p.vc_custom_heading{
font-size: 14px;
line-height: 18px;
}
.block3-companies:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column {
width: 350px;
height: 350px;
bottom: -170px;
}
.block3-companies:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column p {
font-size: 20px;
line-height: 25px;
}
a.companies-list-item {
height: 750px;
}
.companies-list-img::before {
border-top: 10px solid var(--cream);
border-right: 10px solid var(--cream);
border-top-right-radius: 100px;
}
.companies-list-img img {
border-top: 10px solid var(--cream);
border-right: 10px solid var(--cream);
border-top-right-radius: 100px;
}
h3.companies-list-title {
font-size: 45px;
left: 60px;
top: 65px;
}
a.companies-list-item:last-child{
height: 160px;
}
.companies-listing-panel .companies-listing-images {
border-top-right-radius: 100px;
}
.companies-listing-toggle span {
top: 45px;
transform: scale(0.8);
}
.block4-companies h3:not(.companies-list-title) {
width: 350px;
}
.block3-companies > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) p.vc_custom_heading {
left: 55% !important;
max-width: 250px;
}
/* Real Estate */
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column:nth-last-child(2) p {
font-size: 14px;
line-height: 18px;
max-width: 300px;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column h4 {
margin-bottom: 20px !important;
font-size: 25px;
line-height: 25px;
}
.block1-company .vc_inner h3 {
font-size: 18px;
line-height: 28px;
margin-left: 30px !important;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column:last-child {
height: 400px;
width: 400px;
bottom: -200px;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column:last-child p strong {
font-size: 120px;
line-height: 60px;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column:last-child p:first-child {
font-size: 50px;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column:last-child p:last-child {
top: 110px;
font-size: 22px;
line-height: 24px;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) h3 {
font-size: 35px;
line-height: 35px;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column:has(p) {
width: 300px;
padding: 100px 35px;
border-radius: 150px;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column p {
font-size: 14px;
line-height: 18px;
}
.googleMapsWrapper,
.related-projects-map-placeholder{
height: 500px;
}
.block2-re .vc_btn3-container {
margin-top: 80px !important;
}
.block2-re .home-curve-wrapper {
width: 80%;
left: 52%;
transform: translateX(-50%);
}
.related-project-title a {
line-height: 30px;
font-size: 30px;
}
.related-project-local {
margin-top: 15px;
font-size: 16px;
}
.related-project-info {
top: 65px;
}
.vc_acf.acf-estado {
width: 250px;
height: 250px;
}
.block1-company .wpb_text_column p {
font-size: 14px;
line-height: 18px;
}
.block1-project .block-pin1 .wpb_text_column:has(p) {
max-width: 200px;
}
.block1-company > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column {
padding: 80px 20px;
}
.block1-project .wpb_text_column ul li {
font-size: 12px;
line-height: 14px;
gap: 8px;
}
.block1-project .block-pin1 .wpb_text_column h3 {
margin-left: 10px !important;
font-size: 12px;
}
.block1-project .block-pin1 .wpb_text_column h3 strong {
font-size: 12px;
}
.vc_acf .btn {
font-size: 14px;
line-height: 14px;
padding: 10px 25px;
}
.project-text-columns-wrapper {
margin-block: 40px;
}
/* Approach */
.block2-approach .vc_inner:not(:last-child) {
margin-bottom: 90px !important;
}
.orbit-slider-layout-split p.orbit-slider-desc {
max-width: 250px;
font-size: 16px;
line-height: 20px;
}
.orbit-slider-layout-split .orbit-slider-titles {
width: 450px;
height: 450px;
}
.orbit-slider-layout-split .orbit-slider-dot.active,
.orbit-slider-layout-split .orbit-slider-dot:hover {
width: 20px;
height: 20px;
}
.orbit-slider-layout-split .orbit-slider-dot{
width: 10px;
height: 10px;
}
.orbit-slider-layout-split h3.orbit-slider-title span:last-child {
font-size: 45px;
line-height: 45px;
width: 300px;
}
.orbit-slider-layout-split .orbit-slider-titles {
bottom: 60px;
left: 60px;
transform: none;
}
.block3-approach > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) h2.vc_custom_heading {
left: 40%;
}
}
@media only screen and (max-width: 991px) {
.block3-about {
--b3a-min: 350px;
}
/* Estrutura */
:root{
--padding-x: 30px;
}
/* Header */
ul.main-menu li:last-child {
padding: 15px 25px;
}
ul.main-menu {
padding: 20px 40px;
padding-right: 155px;
gap: 25px;
}
/* Homepage */
.block3-home:not(.block1-company) .wpb_text_column p strong {
font-size: 120px;
}
.block3-home:not(.block1-project):not(.block1-re):not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column {
bottom: 165px;
left: 40%;
transform: translateX(-50%);
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child div.vc_custom_heading {
right: 40%;
transform: translateX(50%);
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .block3-orbit:last-child {
left: 50%;
transform: translateX(-50%);
}
.block3-home:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .block3-orbit:first-child {
left: 32%;
transform: translateX(-50%);
}
.block3-home:not(.block3-companies) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) div.vc_custom_heading {
top: 30%;
}
.block3-home:not(.block3-companies) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) p.vc_custom_heading {
top: 35%;
}
.block3-home:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .block3-orbit:first-child {
width: 380px;
height: 380px;
left: 45%;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(3) .wpb_text_column {
left: 180px;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(3) div.vc_custom_heading {
bottom: unset;
top: 65%;
}
.block3-home:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(3) .block3-orbit:first-child {
left: 150px;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .wpb_text_column {
top: 46%;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) div.vc_custom_heading {
bottom: 200px;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) p.vc_custom_heading {
bottom: 160px;
}
.block3_1-home .vc_inner .vc_col-sm-3:first-child,
.block3_1-home .vc_inner .vc_col-sm-3:last-child {
display: none;
}
.block3_1-home .vc_inner h3 {
font-size: 30px !important;
line-height: 30px !important;
padding-top: 80px !important;
}
.block3_1-home .vc_inner .vc_col-sm-3 p a {
background-color: var(--orange);
color: var(--cream);
}
.block3_1-home .vc_col-sm-3 .wpb_text_column {
top: 185px !important;
opacity: 1 !important;
}
.block3_1-home .vc_inner .vc_col-sm-3 img {
bottom: 40px !important;
}
.block3_1-home .vc_inner .vc_col-sm-3 {
height: 590px !important;
}
.block3_1-home .vc_inner .vc_col-sm-3:hover {
background-color: var(--cream);
}
.block3_1-home .vc_inner .vc_col-sm-3:hover h3 {
color: var(--black);
}
.block3_1-home .vc_inner .vc_col-sm-3:hover img {
clip-path: inset(90px 0 0 0 round 250px) !important;
}
.lets-connect-block .vc_col-sm-6:first-child {
left: 50%;
transform: translateY(0%) translateX(-50%);
position: relative;
width: 65vw;
height: 65vw;
margin-top: -180px;
}
body:has(.block1-contact) .lets-connect-block .vc_col-sm-6:first-child{
left: 50%;
transform: translateY(0%) translateX(-50%);
}
.lets-connect-block .vc_inner {
flex-direction: column;
}
.lets-connect-block .vc_col-sm-6:last-child {
width: 100% !important;
margin-top: 100px;
}
.quform .quform-field-textarea {
height: 200px;
}
/* Footer */
ul.footer-menu {
flex-wrap: wrap;
}
ul.footer-menu {
gap: 30px;
}
ul.footer-menu > li::before {
width: 18px;
height: 18px;
top: 0px;
left: -6px;
}
/* About us */
.block2-about .vc_col-sm-6 {
width: 100%;
}
.block2-about .vc_inner:first-child .wpb_text_column {
background-color: var(--black-soft);
width: 100%;
margin-left: 0px !important;
padding: 30px;
margin-top: 50px !important;
height: calc(100vw - 60px);
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
max-width: 500px;
max-height: 500px;
margin-inline: auto !important;
}
.block2-about .vc_inner:first-child .wpb_text_column p strong {
font-size: 16px;
line-height: 20px;
margin-bottom: 10px;
color: var(--white);
z-index: 1;
position: relative;
}
.block2-about .vc_inner:first-child .wpb_text_column .wpb_wrapper > div::before {
width: 18px;
height: 18px;
top: 0px;
left: -8px;
content: '';
border-radius: 100%;
background-color: var(--orange);
position: absolute;
}
.block2-about .vc_inner:first-child .wpb_text_column p {
width: 220px;
font-size: 12px;
color: var(--white);
}
.block2-about .vc_inner:first-child .wpb_text_column .wpb_wrapper > div {
width: fit-content;
position: relative;
}
.block2-about .vc_inner:first-child .wpb_text_column > .wpb_wrapper{
gap: 60px;
display: flex;
flex-direction: column;
}
.block2-about .vc_col-sm-6:first-child .vc_inner:last-child {
margin-top: 0px !important;
}
.block2-about .vc_col-sm-6:first-child .vc_inner:last-child div.vc_custom_heading {
border-radius: 100%;
background-color: var(--cream);
max-width: 350px;
max-height: 350px;
height: calc(100vw - 60px);
width: 100%;
display: flex;
justify-content: center;
align-items: center;
font-weight: 600;
font-size: 30px;
line-height: 30px;
color: var(--black-soft);
z-index: 1;
padding-inline: 50px;
margin-left: 100px !important;
margin-top: 100px !important;
position: relative;
}
.block2-about .vc_col-sm-6:last-child{
display: none;
}
.block2_1-about .wpb_text_column {
max-width: 500px;
margin-inline: 20% 0px !important;
}
.block3_1-about:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .block3-orbit:last-child {
right: 100px;
}
.block3_1-about:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column p strong {
font-size: 230px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column {
top: 16%;
right: 235px;
}
.block3_1-about:not(.block3-companies) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) div.vc_custom_heading {
top: unset;
bottom: 150px;
left: 50%;
transform: translateX(-50%);
}
.block3_2-about .wpb_single_image {
position: relative;
}
.block3_2-about .vc_col-sm-6 {
padding-left: 0px;
}
.block3_2-about .wpb_single_image img{
width: 70%;
}
.block3_3-about h2 {
width: 250px;
height: 250px;
padding-inline: 30px;
top: -200px;
}
.orbit-slider-panel {
width: 330px;
height: 330px;
/* transform removido: o GSAP (yPercent/y em parallax-items.js) já
trata a posição vertical de forma responsiva por breakpoint —
esta regra fixa estava a competir com esse cálculo. */
left: 50%;
}
.orbit-slider-counter {
bottom: 40px;
left: 50%;
transform: translateX(-50%);
}
.block3-about:not(.block3_6-about) .vc_inner .wpb_column.vc_column_container{
width: 350px !important;
height: 550px;
}
.block3-about .vc_inner .wpb_column.vc_column_container img {
height: 400px;
clip-path: inset(90px 0 0 0 round 250px) !important;
width: calc(100% - 30px) !important;
bottom: 10px;
}
.block3-about:not(.block3_6-about) .vc_inner .wpb_column.vc_column_container p {
width: 30vw;
font-size: 14px;
line-height: 20px;
padding-block: 40px 0px;
color: var(--black-soft) !important;
}
.block3-about .vc_inner .wpb_column.vc_column_container[aria-label="4 / 4"] img {
height: 400px;
clip-path: inset(90px 0 0 0 round 250px) !important;
width: calc(100% - 0px) !important;
bottom: 10px;
left: 55%;
}
.block3-about .block3-about-swiper {
width: 350px;
margin-inline: auto !important;
}
.block3-about .swiper-button-next:after{
background-image: url(/wp-content/uploads/seta.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 25px;
height: 55px;
}
.block3-about .swiper-button-prev:after {
background-image: url(/wp-content/uploads/seta.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 25px;
height: 55px;
transform-origin: center;
transform: rotate(180deg);
}
.block3-about .swiper-button-next.block3-about-next {
color: transparent;
right: calc(50% - 33vw);
transform: translateX(50%);
top: 72%;
}
.block3-about .swiper-button-prev.block3-about-prev {
color: transparent;
left: calc(50% - 33vw);
transform: translateX(-50%);
top: 72%;
}
.block3-about:not(.block3_6-about) .vc_inner {
max-width: unset;
padding: unset;
gap: 0px;
overflow: hidden;
padding-top: 70px !important;
}
.block3_5-about > .vc_col-sm-12 {
width: 600px;
}
.block3_5-orbit {
width: 600px;
height: 600px;
}
.block3_5-about .vc_col-sm-6:last-child {
width: 360px;
height: 360px;
top: unset;
bottom: 0px;
right: 50%;
transform: translateX(50%) translateY(65%);
}
.block3_5-about .vc_col-sm-6:first-child {
width: 72%;
top: 55%;
transform: translateY(-50%);
}
.block3_5-about h2 {
font-size: 38px;
line-height: 38px;
padding-top: 60px;
margin-left: 0px !important;
}
.block3_6-about {
padding-top: 350px;
}
.block3_6-about .vc_inner{
overflow: visible !important;
padding-top: 0px !important;
margin-top: 100px !important;
}
.block3_7-about::before{
content: '';
width: 950px;
height: 950px;
top: 200px;
}
.ic-equipa-section .ic-equipa-swiper {
width: min(900px, 75vw);
margin-inline: auto !important;
}
.ic-equipa-section .swiper-button-next:after {
background-image: url(/wp-content/uploads/seta.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 25px;
height: 55px;
}
.ic-equipa-section .swiper-button-prev:after {
background-image: url(/wp-content/uploads/seta.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 25px;
height: 55px;
transform-origin: center;
transform: rotate(180deg);
}
.ic-equipa-section .swiper-button-next.ic-equipa-next {
color: transparent;
right: calc(50% - 44vw);
transform: translateX(50%);
top: 36%;
}
.ic-equipa-section .swiper-button-prev.ic-equipa-prev {
color: transparent;
left: calc(50% - 44vw);
transform: translateX(-50%);
top: 36%;
}
.ic-membro__imagem {
height: 45vh;
}
button.ic-popup-prev {
left: 45%;
top: unset;
bottom: -30px;
transform: translateY(100%) translateX(-100%);
}
button.ic-popup-next {
right: 45%;
top: unset;
bottom: -30px;
transform: translateY(100%) translateX(100%);
}
/* Companies */
.block2-companies .wpb_text_column {
width: 400px;
padding: 90px 50px 40px;
position: absolute;
border: unset;
left: 75px !important;
}
.block2-companies .home-curve-wrapper {
display: none;
}
.companies-listing-toggle {
padding: 50px var(--padding-x) 220px;
}
.companies-listing-group:last-child .companies-listing-toggle {
padding: 50px var(--padding-x) 50px;
}
.companies-listing-contents {
width: 520px;
height: 520px;
bottom: 0px;
}
.companies-listing-container-x {
max-width: 300px;
margin-bottom: 220px;
}
h4.companies-listing-company-title {
font-size: 32px;
}
.companies-listing-group:last-child .companies-listing-contents {
bottom: -190px;
}
.companies-listing-toggle span {
right: 50px;
}
.block3-companies > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) p.vc_custom_heading {
left: 0px !important;
max-width: 400px;
text-align: center !important;
margin-top: 50px !important;
margin-inline: auto !important;
}
.block3-companies .home-curve-wrapper {
bottom: 6%;
}
.block3-companies:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .vc_inner h2.vc_custom_heading {
font-size: 55px;
line-height: 55px;
margin-inline: auto !important;
margin-top: 40px !important;
}
.block3-companies:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .vc_inner div.vc_custom_heading {
font-size: 20px;
margin-left: 0px !important;
text-align: center !important;
}
/* Real Estate */
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column:last-child {
height: 70vw;
width: 70vw;
bottom: -35vw;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column:last-child {
height: 70vw;
width: 70vw;
bottom: -35vw;
left: 50%;
transform: translateX(-50%);
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column:last-child p:last-child {
top: 110px;
font-size: 28px;
line-height: 32px;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column:last-child p strong {
font-size: 150px;
line-height: 70px;
}
.block1-re .vc_inner > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {
justify-content: flex-start;
padding-top: 100px;
padding-left: 100px;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column:nth-last-child(2),
.block1-re .vc_inner h3, .block1-re .vc_inner h2 {
left: 0;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column:nth-last-child(2) {
padding-left: 10vw;
}
.related-project-title a {
line-height: 25px;
font-size: 25px;
}
.googleMapsWrapper, .related-projects-map-placeholder {
height: 70vh;
}
.related-projects-controls {
align-items: center;
flex-direction: column-reverse;
}
.block2-re .home-curve-wrapper {
width: 120vw;
}
/* Project */
.vc_acf.acf-estado {
transform: translateX(0%) translateY(-50%);
left: 30px;
}
.block1-project > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column {
transform: translateY(-30%) translateX(-50%) !important;
width: 300px;
}
/* Approach */
.block2-approach {
max-width: 700px !important;
padding-inline: var(--padding-x);
}
.block2-approach .vc_inner {
gap: 50px;
flex-direction: column;
margin-left: 130px !important;
}
.block2-approach > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .wpb_text_column p {
max-width: 400px;
}
.block2-approach > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .wpb_text_column {
margin-left: 0px !important;
}
.block2-approach .vc_inner:not(:last-child) {
margin-bottom: 100px !important;
}
.block2-approach .vc_inner:not(:last-child) {
margin-bottom: 50px !important;
}
.orbit-slider-layout-split .orbit-slider-titles {
width: 350px;
height: 350px;
}
.orbit-slider-layout-split h3.orbit-slider-title {
margin-top: 0px;
}
.block3-approach .orbit-slider-curve {
position: absolute;
right: 0px;
bottom: 0px;
width: 65vw;
}
.orbit-slider-layout-split .orbit-slider-descriptions {
position: absolute;
top: 35%;
left: 50%;
}
.block3-approach h3.vc_custom_heading,
.block3-approach h2.vc_custom_heading {
transform: translateX(-50%);
}
.orbit-slider-layout-split .orbit-slider-counter {
bottom: 60px;
left: 85%;
}
.orbit-slider-layout-split h3.orbit-slider-title span:last-child {
font-size: 36px;
line-height: 36px;
width: 230px;
}
.block3-approach > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) h2.vc_custom_heading {
left: 50%;
top: calc(8% + 40px);
}
.block3-home.block3-approach > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column {
left: 50%;
transform: translateX(-50%);
}
.block3-home.block3-approach > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column {
top: calc(25% - 40px);
}
/* Team */
.block1-team h1 {
padding-inline: 0px;
}
.block2-team .vc_col-sm-12{
padding: 80px var(--padding-x) 40px;
}
}
@media only screen and (max-width: 600px){
.block3-about {
--b3a-min: 250px;
}
/* Estrutura */
header li, header li a {
font-size: 16px;
line-height: 16px;
}
h1, h1 span {
font-size: 45px;
line-height: 50px;
}
h2, h2 span {
font-size: 30px;
line-height: 35px;
}
h3, h3 span {
font-size: 22px;
line-height: 25px;
}
h4, h4 span {
font-size: 20px;
line-height: 22px;
}
a.vc_general.vc_btn3 {
font-size: 14px;
padding: 14px 30px;
}
/* Header */
ul.main-menu {
width: 90vw;
height: 90vw;
border-radius: 100%;
}
ul.main-menu {
width: 50px;
height: 50px;
border-radius: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0px;
position: fixed;
top: 65px;
left: calc(100% - 55px);
transform: translateX(-50%) translateY(-50%);
transition: 0.5s;
pointer-events: auto;
}
ul.main-menu.open {
width: 90vw;
height: 90vw;
top: 50%;
left: 50%;
transition: 0.5s;
pointer-events: none;
}
ul.main-menu li:last-child {
position: relative;
top: 0px;
right: 0px;
transform: none;
}
ul.main-menu li{
pointer-events: none;
opacity: 0;
transition: 0s;
}
ul.main-menu.open li{
pointer-events: auto;
opacity: 1;
transition: 0.5s;
}
.cruz-menu {
width: 40px;
height: 40px;
background-color: var(--orange);
border-radius: 100%;
position: absolute;
top: 35px;
right: 40px;
opacity: 0;
pointer-events: none;
transition: 0s;
}
ul.main-menu.open .cruz-menu{
pointer-events: auto;
opacity: 1;
transition: 0.5s;
}
.cruz-menu::before,
.cruz-menu::after{
content: '';
width: 20px;
height: 3px;
background-color: var(--cream);
position: absolute;
top: 50%;
left: 50%;
}
.cruz-menu::after{
transform:translateX(-50%) translateY(-50%) rotate(45deg);
}
.cruz-menu::before{
transform:translateX(-50%) translateY(-50%) rotate(-45deg);
}
/* Homepage */
.block1-home h1,
.block1-home h4 {
padding-inline: 30px;
}
.block2-home .wpb_text_column p{
text-align: center;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .vc_inner > .vc_col-sm-12 > .vc_column-inner,
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .vc_inner > .vc_col-sm-12 > .vc_column-inner::before {
border-top-right-radius: 120px;
}
.block3-home:not(.block1-company) .wpb_text_column p strong {
font-size: 70px;
}
.block3-home:not(.block1-company) div.vc_custom_heading, .block3-home:not(.block1-company) .wpb_text_column p {
font-size: 35px;
line-height: 35px;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child div.vc_custom_heading {
font-size: 40px;
}
.block3-home:not(.block1-project):not(.block1-re):not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapperpper > div:first-child .wpb_text_column{
bottom: 150px;
}
.block3-home:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column p strong {
font-size: 70px;
margin-right: 0px;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column p {
gap: 25px;
}
.block3-home:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .block3-orbit:first-child {
width: 300px;
height: 300px;
left: 45%;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column {
bottom: 150px;
right: 50%;
transform: translateX(50%);
}
.block3-home:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .block3-orbit:last-child {
right: -20%;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(3) .wpb_text_column {
left: 50%;
transform: translateX(-50%) translateY(-50%);
top: 35%;
}
.block3-home:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(3) .block3-orbit:first-child {
left: 50%;
transform: translateX(-50%) translateY(-50%);
top: 35%;
width: 300px;
height: 300px;
}
.block3-home:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(3) .block3-orbit:last-child {
width: 350px;
height: 350px;
left: 50%;
transform: translateX(-50%) translateY(50%);
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(3) div.vc_custom_heading {
right: 50%;
transform: translateX(50%);
}
.block3-home:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .wpb_text_column p strong {
font-size: 250px;
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .wpb_text_column {
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.block3-home:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .block3-orbit:first-child {
left: 50%;
top: 45%;
transform: translateY(-50%) translateX(-50%);
}
.block3-home > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) p.vc_custom_heading {
bottom: 145px;
width: 200px;
}
.block3-home .last-panel > .vc_col-sm-12 > .vc_column-inner, .block3-home .last-panel > .vc_col-sm-12 > .vc_column-inner::before {
border-bottom-left-radius: 120px;
}
.block3-home a.vc_general.vc_btn3 {
margin-top: 80px !important;
margin-left: 30px !important;
}
.block3_1-home .vc_inner {
gap: 10px !important;
padding-top: 0px !important;
padding-inline: 20px !important;
}
.block3_1-home .vc_inner .vc_col-sm-3 {
height: 400px !important;
}
.block3_1-home .vc_inner h3 {
font-size: 20px !important;
line-height: 24px !important;
padding-inline: 15px;
padding-top: 50px !important;
}
.block3_1-home .vc_col-sm-3 .wpb_text_column {
top: 150px !important;
}
.block3_1-home .vc_inner .vc_col-sm-3 .wpb_single_image img {
height: 180px !important;
bottom: -45px !important;
width: calc(100% - 15px) !important;
clip-path: inset(0px 0 0 0 round 120px) !important;
}
.block3-about.block3_1-home .vc_inner .wpb_column.vc_column_container img{
width: calc(100% - 15px) !important;
clip-path: inset(0px 0 0 0 round 250px) !important;
}
.block4-home::before {
width: 800px;
height: 800px;
}
.block4-home h3 {
margin-right: 0px !important;
margin-top: 15px !important;
margin-bottom: 30px !important;
}
.companies-controls {
margin-bottom: 15px !important;
}
h4.company-slide-title {
bottom: 30px;
right: 90px;
text-align: right;
font-size: 22px;
line-height: 24px;
padding-left: 40px;
}
.lets-connect-block .vc_col-sm-6:first-child {
width: calc(100vw - 60px);
height: calc(100vw - 60px);
}
.lets-connect-block p {
font-size: 12px;
line-height: 16px;
}
.lets-connect-block h2 {
margin-bottom: 10px !important;
}
/* Footer */
.wrapper-info {
flex-direction: column-reverse;
}
ul.footer-menu {
display: none;
}
.logo-footer {
margin-bottom: 40px;
}
ul.legal-menu {
gap: 30px;
justify-content: flex-start;
}
/* About Us */
.block1-about h1 {
max-width: 450px;
}
.block2-about h3.vc_custom_heading, .block2-about h2.vc_custom_heading {
margin-left: 0px !important;
}
.block2-about .vc_inner:first-child .wpb_text_column > .wpb_wrapper {
gap: 30px;
}
.block2-about .vc_inner:first-child .wpb_text_column p {
width: 200px;
}
.block2-about .vc_inner:first-child .wpb_text_column p strong {
font-size: 14px;
line-height: 16px;
}
.block2-about .vc_col-sm-6:first-child .vc_inner:last-child .wpb_text_column > .wpb_wrapper {
padding-left: 0;
}
.block2-about .vc_col-sm-6:first-child .vc_inner:last-child .wpb_text_column > .wpb_wrapper > div:last-child {
margin-left: 30px !important;
}
.block2-about .vc_col-sm-6:first-child .vc_inner:last-child div.vc_custom_heading{
margin-left: 0px !important;
}
.block2_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {
padding-inline: 0px;
}
.block2_1-about h3 {
width: 100%;
}
.block2_1-about .wpb_text_column {
max-width: 500px;
margin-inline: auto !important;
}
.block3_1-about:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .block3-orbit:first-child {
left: 30px;
transform: none;
width: calc(100vw - 120px);
height: calc(100vw - 120px);
}
.block3_1-about:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .block3-orbit:last-child{
width: calc(100vw - 60px);
height: calc(100vw - 60px);
}
.block3_1-about:not(.block1-project):not(.block1-re):not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column {
left: 50%;
transform: translateX(-50%);
}
.block3_1-about:not(.block1-project) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column {
top: 45%;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child div.vc_custom_heading {
right: 30px;
transform: none;
max-width: calc(100% - 60px);
}
.block3_1-about:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column p strong {
font-size: 170px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column {
right: 21%;
transform: none;
}
.block3_1-about:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .wpb_text_column p strong {
font-size: 150px;
}
.block3_1-about:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .block3-orbit:first-child {
left: unset;
top: unset;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) .wpb_text_column {
width: 100%;
padding-inline: 30px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(4) div.vc_custom_heading {
bottom: 150px;
right: unset;
left: 30px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(5) .block3-orbit:first-child {
transform: translateY(-50%) translateX(-50%) !important;
left: 50%;
}
.block3_1-about:not(.block1-company) .wpb_text_column p strong {
font-size: 120px;
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(5) .wpb_text_column {
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(5) div.vc_custom_heading {
right: 50%;
transform: translateX(50%);
}
.block3_1-about > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(3) div.vc_custom_heading {
max-width: 100%;
width: 220px;
z-index: 1
}
.block3_2-about h2 {
margin-bottom: 70px !important;
}
.block3_2-about .vc_col-sm-6 {
padding-right: 0px;
}
.block3_2-about h3 {
margin-bottom: 15px !important;
}
.block3_3-about {
margin-top: 100px !important;
}
.block3_3-about h2 {
top: 0px;
transform: translateY(0%) translateX(-50%);
position: relative;
left: 50%;
}
.block3_5-orbit {
left: 50%;
transform: translateX(-50%);
}
.block3_5-about h2 {
font-size: 30px;
line-height: 30px;
padding-top: 100px;
padding-inline: 30px;
max-width: 100vw;
margin-inline: auto !important;
}
.block3_5-about .vc_col-sm-6:first-child {
width: 100vw;
top: 62%;
transform: translateY(-50%) translateX(-50%);
padding-inline: 30px;
left: 50%;
}
.block3_5-about .vc_col-sm-6:first-child .wpb_text_column:last-child {
margin-left: 40px !important;
margin-top: 30px !important;
}
.block3_5-about .vc_col-sm-6:last-child {
transform: translateX(50%) translateY(75%) !important;
width: calc(100vw - 60px);
height: calc(100vw - 60px);
}
.block3_5-about .vc_col-sm-6:last-child .wpb_text_column {
width: calc(100vw - 130px);
}
.orbit-slider-curve {
position: absolute;
bottom: -100px;
z-index: 1;
}
.orbit-slider-panel {
width: calc(100vw - 60px);
height: calc(100vw - 60px);
margin-left: 30px;
margin-top: -40px;
transform: none !important;
left: 0px;
position: relative;
}
.orbit-slider-counter {
bottom: -70px;
}
.block3-about .block3-about-swiper{
width: 250px !important;
}
.block3-about:not(.block3_6-about) .vc_inner .wpb_column.vc_column_container {
width: 250px !important;
height: 500px;
flex: unset !important;
}
.block3-about .swiper-button-next.block3-about-next {
right: 30px;
}
.block3-about .swiper-button-prev.block3-about-prev{
left: 30px;
}
.block3-about .vc_inner .wpb_column.vc_column_container img,
.block3-about .vc_inner .wpb_column.vc_column_container[aria-label="4 / 4"] img{
height: 350px;
width: calc(100% - 30px) !important;
clip-path: inset(130px 0 0 0 round 250px) !important;
left: 50%;
}
.block3_6-mobile-panel {
width: fit-content;
margin-inline: auto;
}
.block3_6-about .orbit-slider-svg {
position: absolute;
top: 230px;
left: 0px;
}
.block3_6-about p.vc_custom_heading.vc_do_custom_heading {
font-size: 22px;
line-height: 26px;
padding-inline: 30px;
width: calc(100vw - 60px);
height: calc(100vw - 60px);
max-width: 260px;
max-height: 260px;
}
.block3_6-about .vc_inner {
margin-top: 130px !important;
}
.block3_6-about {
padding-top: 400px;
}
.block3_7-about h2,
.block3_6-about h2{
font-size: 65px;
line-height: 70px;
}
.block3_7-about h2 strong,
.block3_6-about h2 strong{
font-size: 42px;
line-height: 42px;
}
.block4-about h3 {
margin-top: 30px !important;
font-size: 26px;
line-height: 30px;
padding-inline: 30px;
}
.block4-about .wpb_text_column p {
padding-inline: 30px;
}
.ic-equipa-section .ic-equipa-swiper {
width: 250px;
}
.ic-membro__info {
height: fit-content;
align-items: center;
}
button.ic-membro__abrir-popup {
margin-top: 30px;
}
span.ic-membro__cargo {
font-weight: 300;
text-align: center;
}
.ic-popup-grid {
display: flex;
gap: 80px;
flex-direction: column;
}
.ic-popup-col-esq {
height: 200px;
width: 200px;
margin-inline: auto;
margin-bottom: 30px !important;
}
.ic-popup-wrapper {
max-width: calc(100vw - 60px);
padding: 30px;
padding-bottom: 50px;
height: 75vh;
}
.ic-popup-col-dir {
padding-bottom: 0px;
}
.ic-popup-grid {
height: 100%;
overflow: scroll;
display: block;
}
.ic-popup-inner {
height: 100%;
}
/* Companies */
.block2-companies .vc_col-sm-12 {
margin-inline: 0px !important;
left: 50%;
transform: translateX(-50%);
}
.block2-home h2{
text-align: center !important;
}
.block2-home h3 {
margin-left: 0px !important;
text-align: center !important;
}
.block2-companies .wpb_text_column {
width: 100%;
padding: 40px 50px 40px;
position: relative;
border: unset;
left: 0px !important;
transform: translateX(0);
border-radius: 100px;
clip-path: none;
}
.block2-companies h2 {
margin-bottom: 30px !important;
}
.block2-companies {
height: fit-content;
}
.block2-home.block2_1-companies .wpb_text_column {
margin-inline: auto !important;
}
.companies-listing-toggle {
font-size: 25px;
border-top-right-radius: 50px;
padding-right: 100px !important;
}
.companies-listing-toggle {
padding: 30px var(--padding-x) 190px;
}
.companies-listing-group:not(:first-child) .companies-listing-toggle {
margin-top: -155px;
}
.companies-listing-panel.is-open {
margin-top: -155px;
}
.companies-listing-panel .companies-listing-images {
border-top-right-radius: 50px;
}
.companies-listing-contents{
width: calc(100vw - 60px);
height: calc(100vw - 60px);
bottom: 210px;
}
.companies-listing-group:last-child .companies-listing-contents{
bottom: 30px;
}
.companies-listing-container-x {
max-width: 100%;
margin-block: auto;
padding-inline: 50px;
}
h4.companies-listing-company-title {
font-size: 25px;
margin-bottom: 5px !important;
}
p.companies-listing-company-local {
font-size: 16px;
}
.companies-listing-company-desc {
margin-top: 15px !important;
font-size: 12px;
}
button.companies-listing-prev{
bottom: 380px;
left: 6px;
}
button.companies-listing-next {
left: calc(100% - 30px);
bottom: 380px;
}
span.companies-listing-counter {
left: 50%;
transform: translateX(-50%);
bottom: 170px;
}
.companies-listing-group:last-child .companies-listing-toggle {
padding: 30px var(--padding-x) 30px;
}
.companies-listing-toggle span {
top: 20px;
transform: scale(0.5);
}
.block3-companies:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .vc_inner h2.vc_custom_heading {
font-size: 45px;
line-height: 45px;
}
.block3-companies:not(.block1-company) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column {
width: calc(100vw - 60px);
height: calc(100vw - 60px);
bottom: -170px;
left: 50%;
transform: translateX(-50%);
}
.block4-companies h2 {
width: 100%;
}
.block4-companies h3, .block4-companies h2 {
margin-right: 0px !important;
margin-left: 0px !important;
text-align: right !important;
}
h3.companies-list-title {
font-size: 35px;
left: 0px;
top: 65px;
text-align: left !important;
padding-inline: 30px;
}
.companies-list-img::before{
width: 97%;
}
/* Company */
.block1-company:not(.block1-project):not(.block1-re) .vc_inner h3,
.block1-company:not(.block1-project):not(.block1-re) .vc_inner h2 {
left: 0px;
}
.block1-company:not(.block1-project):not(.block1-re) > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column{
left: 30px;
}
.block1-company > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column {
width: 70vw;
right: 50%;
transform: translateX(50%) translateY(-30%) !important;
}
.block1-company a.vc_general.vc_btn3 {
margin-left: 0px !important;
}
/* Real Estate */
.block1-re .vc_inner > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {
padding-top: 60px;
padding-left: 30px;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column:nth-last-child(2) {
padding-left: 30px;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column:last-child {
height: 100vw;
width: 100vw;
bottom: -50vw;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column:last-child p:first-child{
transform: translateX(-50%) translateY(-40%);
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column:last-child p:last-child {
top: 90px;
font-size: 22px;
line-height: 26px;
width: 80vw;
}
.block1-re .vc_inner h3 {
margin-left: 0px !important;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column {
width: 100%;
right: 50%;
bottom: unset;
top: 0px;
transform: translateX(50%) translateY(0%) !important;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) h3 {
left: 0px;
top: 0px;
position: relative;
padding-top: 220px !important;
text-align: center !important;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column h2{
text-align: center;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column h2 strong{
padding-left: 0px;
}
.block1-re > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:nth-child(2) .wpb_text_column:has(p) {
right: calc(50% - 150px);
}
.related-projects-filters{
justify-content: center;
}
.related-project-item {
width: calc((100% / 2) - 4px);
height: 300px;
}
.related-projects-list{
gap: 8px;
}
.block2-re .home-curve-wrapper {
width: 700px;
top: 600px;
}
.related-project-title,
.related-project-title a {
font-size: 18px;
line-height: 22px;
width: 100px;
}
.related-project-local {
font-size: 12px;
line-height: 12px;
}
/* Project */
.project-text-columns-wrapper {
flex-direction: column;
gap: 20px;
}
.block1-project .block-pin1 .wpb_text_column:has(p) {
max-width: 100%;
padding-right: 30px;
}
.block1-project .vc_inner h2,
.project-buttons-wrapper,
.block1-project > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column:has(h3) {
left: 0;
position: relative;
}
.block1-project > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > div:first-child .wpb_text_column:has(p) {
left: 30px;
}
.block1-project .block-pin1 .wpb_text_column h3{
margin-left: 0px !important;
}
.block3-companies > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .vc_inner > .vc_col-sm-12 > .vc_column-inner {
border-bottom-left-radius: 120px;
}
.company-hero-content h1,
.company-hero-content h4{
padding-inline: 30px;
}
/* Docs */
.block1-doc h1.vc_custom_heading {
font-size: 30px;
line-height: 30px;
}
.block1-doc h2 {
font-size: 22px;
line-height: 26px;
}
/* Approach */
.block2-approach .vc_inner div.vc_custom_heading {
font-size: 94px;
line-height: 80px;
left: -15px;
}
.block2-approach h2 {
font-size: 45px;
line-height: 45px;
}
.block2-approach .vc_inner {
gap: 50px;
flex-direction: column;
margin-left: 100px !important;
}
.block2-approach .vc_inner > .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper::before {
width: 80px;
height: 80px;
top: -10px;
left: -15px;
}
.block2-approach h2 {
font-size: 35px;
line-height: 35px;
}
.block2-approach > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .wpb_text_column {
margin-bottom: 80px !important;
}
.block2-approach {
margin-block: 65px 150px !important;
}
/* Approach */
.block3-approach h2.vc_custom_heading {
white-space: nowrap;
top: calc(18% + 30px);
}
.orbit-slider-layout-split .orbit-slider-descriptions {
top: 30%;
transform: translateX(-50%);
text-align: center;
}
.orbit-slider-layout-split .orbit-slider-titles {
width: calc(100vw - 60px);
height: calc(100vw - 60px);
left: 50%;
bottom: 0px;
top: 47%;
max-width: 280px;
max-height: 280px;
transform: translateX(-50%);
}
.block3-approach .orbit-slider-curve {
position: absolute;
right: 0px;
bottom: 0px;
width: 80vw;
}
.block3-approach .vc_inner:last-child ul {
padding: 100px 30px;
width: calc(100vw - 60px);
max-width: 280px;
}
/* Team */
.block2-team p.vc_custom_heading, .block2-team p.vc_custom_heading span {
font-size: 30px;
line-height: 35px;
}
/* Contact Us */
body:has(.block1-contact) .lets-connect-block .vc_col-sm-6:first-child > .vc_column-inner > .wpb_wrapper {
max-width: 320px;
margin-left: auto !important;
margin-right: 0px !important;
padding-inline: 50px;
}
}
@media only screen and (max-width: 400px){
/* About Us */
.block3_5-about h2 {
font-size: 25px;
line-height: 25px;
}
.block3_5-about .vc_col-sm-6:first-child .wpb_text_column .wpb_wrapper {
gap: 20px;
}
/* Approach */
.block2-approach h2 {
font-size: 28px;
line-height: 28px;
}
}
@media only screen and (max-width: 320px){
/* About Us */
.block3_5-about .vc_col-sm-6:last-child .wpb_text_column p{
font-size: 10px;
line-height: 13px;
}
}