.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.left-\[0\.16px\]{left:.16px}.top-0{top:0}.left-\[-12\.48px\]{left:-12.48px}.left-\[732\.52px\]{left:732.52px}.left-\[50\%\]{left:50%}.top-\[-1px\]{top:-1px}.bottom-\[-100\.43px\]{bottom:-100.43px}.m-0{margin:0}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.contents{display:contents}.hidden{display:none}.h-\[281px\]{height:281px}.h-\[654\.36px\]{height:654.36px}.h-\[100px\]{height:100px}.w-\[1440px\]{width:1440px}.w-\[720px\]{width:720px}.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.justify-start{justify-content:flex-start}.gap-0{gap:0}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.bg-digital-palette-moody-blue-2{--tw-bg-opacity:1;background-color:rgb(30 77 117/var(--tw-bg-opacity))}.bg-digital-palette-dark-blue-2{--tw-bg-opacity:1;background-color:rgb(5 6 39/var(--tw-bg-opacity))}.bg-digital-palette-dark-blue{--tw-bg-opacity:1;background-color:rgb(4 22 55/var(--tw-bg-opacity))}.px-5{padding-left:1.25rem;padding-right:1.25rem}.pl-\[155px\]{padding-left:155px}.text-left{text-align:left}.text-right{text-align:right}.font-\[\'NbInternationalPro-Regular\'\2c _sans-serif\]{font-family:NbInternationalPro-Regular,sans-serif}.font-desktop-h5-al-r-15-font-family{font-family:AllianceNo1-Regular,sans-serif}.text-\[50px\]{font-size:50px}.font-normal{font-weight:400}.leading-\[120\%\]{line-height:120%}.text-digital-palette-cloud-gray{--tw-text-opacity:1;color:rgb(232 232 232/var(--tw-text-opacity))}.text-digital-palette-storm-gray{--tw-text-opacity:1;color:rgb(174 179 187/var(--tw-text-opacity))}.text-\[\#050627\]{--tw-text-opacity:1;color:rgb(5 6 39/var(--tw-text-opacity))}.text-digital-palette-dark-blue{--tw-text-opacity:1;color:rgb(4 22 55/var(--tw-text-opacity))}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root { --digital-palette-dark-blue-2: #050627;
--digital-palette-dark-blue: #041637;
--digital-palette-moody-blue-1: #263652;
--digital-palette-moody-blue-2: #1e4d75;
--digital-palette-electric-blue: #0000fc;
--digital-palette-sky-blue: #00aaff;
--digital-palette-gris: #D1E2EA;
--digital-palette-storm-gray: #aeb3bb;
--digital-palette-cloud-gray: #e8e8e8;
--digital-palette-error-orange: #d87e2a;
--brand-palette-signature-black: #000000;
--brand-palette-signature-blue: #1e09b4;
--brand-palette-signature-white: #ffffff; --desktop-h2-nb-r-44-font-family: NbInternationalPro-Regular, sans-serif;
--desktop-celesteh2-nb-r-44-font-size: 44px;
--desktop-h2-nb-r-44-line-height: 110%;
--desktop-h2-nb-r-44-font-weight: 400;
--desktop-h2-nb-r-44-font-style: normal;
--desktop-h3-nb-r-23-font-family: NbInternationalPro-Regular, sans-serif;
--desktop-h3-nb-r-23-font-size: 23px;
--desktop-h3-nb-r-23-line-height: 110%;
--desktop-h3-nb-r-23-font-weight: 400;
--desktop-h3-nb-r-23-font-style: normal;
--desktop-h4-al-r-17-font-family: AllianceNo1-Regular, sans-serif;
--desktop-h4-al-r-17-font-size: 17px;
--desktop-h4-al-r-17-line-height: 130%;
--desktop-h4-al-r-17-font-weight: 400;
--desktop-h4-al-r-17-font-style: normal;
--desktop-h5-al-r-15-font-family: AllianceNo1-Regular, sans-serif;
--desktop-h5-al-r-15-font-size: 15px;
--desktop-h5-al-r-15-line-height: 155%;
--desktop-h5-al-r-15-font-weight: 400;
--desktop-h5-al-r-15-font-style: normal;
--desktop-h1-nb-r-50-font-family: NbInternationalPro-Regular, sans-serif;
--desktop-h1-nb-r-50-font-size: 50px;
--desktop-h1-nb-r-50-line-height: 110%;
--desktop-h1-nb-r-50-font-weight: 400;
--desktop-h1-nb-r-50-font-style: normal;
--mobile-h1-nb-r-39-font-family: NbInternationalPro-Regular, sans-serif;
--mobile-h1-nb-r-39-font-size: 39px;
--mobile-h1-nb-r-39-line-height: 115%;
--mobile-h1-nb-r-39-font-weight: 400;
--mobile-h1-nb-r-39-font-style: normal;
--mobile-h2-nb-r-33-font-family: NbInternationalPro-Regular, sans-serif;
--mobile-h2-nb-r-33-font-size: 33px;
--mobile-h2-nb-r-33-line-height: 115%;
--mobile-h2-nb-r-33-font-weight: 400;
--mobile-h2-nb-r-33-font-style: normal;
--mobile-h3-nb-r-20-font-family: NbInternationalPro-Regular, sans-serif;
--mobile-h3-nb-r-20-font-size: 20px;
--mobile-h3-nb-r-20-line-height: 125%;
--mobile-h3-nb-r-20-font-weight: 400;
--mobile-h3-nb-r-20-font-style: normal;
--mobile-h4-al-r-17-font-family: AllianceNo1-Regular, sans-serif;
--mobile-h4-al-r-17-font-size: 17px;
--mobile-h4-al-r-17-line-height: 150%;
--mobile-h4-al-r-17-font-weight: 400;
--mobile-h4-al-r-17-font-style: normal;
--mobile-h5-al-r-15-font-family: AllianceNo1-Regular, sans-serif;
--mobile-h5-al-r-15-font-size: 15px;
--mobile-h5-al-r-15-line-height: 160%;
--mobile-h5-al-r-15-font-weight: 400;
--mobile-h5-al-r-15-font-style: normal;
}
@font-face {
font-family: 'AllianceNo1-Regular';
src: url(//lpamericas.com/wp-content/themes/theme-lpa/assets/webfonts/AllianceNo1-Regular.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'NbInternationalPro-Regular';
src: url(//lpamericas.com/wp-content/themes/theme-lpa/assets/webfonts/NBInternationalRegularWebfont.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
*{
box-sizing: border-box;
margin: 0;
padding: 0;
border: none;
text-decoration: none;
background: none;
-webkit-font-smoothing: antialiased;
}
body{
background: var(--digital-palette-dark-blue-2, #050627);
overflow-x: hidden;
position: relative;
}
menu, ol, ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.d-none{
display: none!important;
}
.espace-80{
padding: 80px 0;
}
@media (max-width: 575px){
.espace-80{
padding: 60px 0;
}
} .brands-marquee{
width: 100%;
margin-top: 40px;
background: var(--digital-palette-dark-blue-2, #050627);
height: 80px; position: relative;
overflow: hidden;
}
.brands-marquee__viewport{
height: 100%;
overflow: hidden;
}
.brands-marquee__track{
height: 100%;
display: flex;
align-items: center;
gap: 60px;
width: max-content;
will-change: transform;
animation: brands-marquee var(--brands-marquee-duration, 35s) linear infinite;
}
.brands-marquee__logo {
height: 80px; width: auto;
display: block;
opacity: 0.6;
filter: grayscale(1);
max-width: 140px;
object-fit: contain;
}
@media (max-width: 768px){
.brands-marquee,
.brands-marquee__logo{
height: 60px;
}
} @keyframes brands-marquee{
from{ transform: translateX(0); }
to{ transform: translateX(calc(-1 * var(--brands-marquee-distance, 0px))); }
}
@media (prefers-reduced-motion: reduce){
.brands-marquee__track{ animation: none; transform: none; }
} .container-1440 {
width: 100%;
max-width: 1440px;
margin: 0 auto;
}
.w-100{
width: 100%;
}
.overhidden{
position: relative;
overflow: hidden;
}
.p-relative{
position: relative;
}
.t-h2 {
font-family: var(--desktop-h2-nb-r-44-font-family, NbInternationalPro-Regular, sans-serif);
font-size: var(--desktop-h2-nb-r-44-font-size, 44px);
line-height: var(--desktop-h2-nb-r-44-line-height, 110%);
font-weight: var(--desktop-h2-nb-r-44-font-weight, 400);
letter-spacing: var(--desktop-h2-nb-r-44-letter-spacing, -0.02em);
}
.t-h3 {
font-family: var(--desktop-h3-nb-r-23-font-family, NbInternationalPro-Regular, sans-serif);
font-size: var(--desktop-h3-nb-r-23-font-size, 23px);
line-height: var(--desktop-h3-nb-r-23-line-height, 110%);
font-weight: var(--desktop-h3-nb-r-23-font-weight, 400);
letter-spacing: var(--desktop-h3-nb-r-23-letter-spacing, -0.02em);
}
.t-h4 {
font-family: var(--desktop-h4-al-r-17-font-family, AllianceNo1-Regular, sans-serif);
font-size: var(--desktop-h4-al-r-17-font-size, 17px);
line-height: var(--desktop-h4-al-r-17-line-height, 130%);
font-weight: var(--desktop-h4-al-r-17-font-weight, 400);
letter-spacing: var(--desktop-h4-al-r-17-letter-spacing, -0.02em);
}
.t-h5 {
font-family: var(--desktop-h5-al-r-15-font-family, AllianceNo1-Regular, sans-serif);
font-size: var(--desktop-h5-al-r-15-font-size, 15px);
line-height: var(--desktop-h5-al-r-15-line-height, 155%);
font-weight: var(--desktop-h5-al-r-15-font-weight, 400);
letter-spacing: var(--desktop-h5-al-r-15-letter-spacing, -0.02em);
}
@media (max-width: 768px){
.t-h2{
font-size: 33px;
}
.t-h4{
font-size: 15px;
}
.t-h3{
font-size: 20px;
}
}
.bg-dark {
background: var(--digital-palette-dark-blue-2, #050627);
}
.bg-electric {
background: var(--digital-palette-electric-blue, #0000fc);
}
.text-cloud {
color: var(--digital-palette-cloud-gray, #e8e8e8);
}
.text-sky {
color: var(--digital-palette-sky-blue, #00aaff);
}
.text-storm {
color: var(--digital-palette-storm-gray, #aeb3bb);
}
.text-muted {
color: rgba(232, 232, 232, 0.6);
}
.text-cloud a {
color: var(--digital-palette-sky-blue, #00aaff);
text-underline-offset: 3px;
transition: all 0.3s;
}
.text-cloud a:hover {
color: var(--brand-palette-signature-white, #ffffff);
}
header .list-principal{
display: flex;
gap: 22px;
flex-wrap: wrap;
justify-content: center;
}
header .list-principal .menu-item a{
color: var(--digital-palette-cloud-gray, #e8e8e8);
padding: 15px 0;
transition: color 0.3s;
}
header .list-principal .menu-item a:hover,
header .list-principal .menu-item.current_page_item a,
header .list-principal .current-menu-item a,
.single-properties header .menu-portfolio a,
.single-post header .menu-new a{
color: var(--digital-palette-sky-blue, #00aaff);
}
header .site-header-menu{
margin-left: auto;
margin-right: 4%;
}
.site-header {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 999;
background: rgba(5, 6, 39, 0.8);
backdrop-filter: blur(6px);
}
.site-header__inner {
height: 70px;
padding: 0 40px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.site-header__logo img {
height: 25px;
width: auto;
display: block;
}
.site-nav {
display: flex;
gap: 28px;
flex-wrap: wrap;
justify-content: center;
}
.site-nav a {
color: var(--digital-palette-cloud-gray, #e8e8e8);
}
.site-header__actions {
display: flex;
align-items: center;
gap: 14px;
}
.btn-pill {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 10px 17px 9px;
border-radius: 40px;
}
.btn-pill--light {
background: var(--digital-palette-cloud-gray, #e8e8e8);
color: var(--digital-palette-dark-blue-2, #050627);
}
.btn-pill--light img {
width: 12px;
height: 12px;
}
.lang {
display: flex;
align-items: center;
gap: 5px;
}
.lang button,
.lang a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: auto;
border-radius: 20px;
transition: all 0.3s;
border: 2px solid rgba(174, 179, 187, 0.15);
color: var(--digital-palette-cloud-gray, #e8e8e8);
font-size: 15px;
text-decoration: none;
padding-top: 2px;
}
.lang button.is-active,
.lang a.is-active,
.lang button:hover,
.lang a:hover{
border-color: var(--digital-palette-storm-gray, #aeb3bb);
}
.header-spacer {
height: 70px;
}
@media (max-width: 480px){
.btn-pill{
padding: 10px 17px 11px;
font-size: 15px!important;
}
} .site-header__burger{
display: none;
width: 44px;
height: 44px;
border-radius: 999px;
position: relative;
align-items: center;
justify-content: center;
cursor: pointer;
}
.site-header__burger-line {
position: absolute;
left: 0;
right: 0;
height: 2px;
background: var(--digital-palette-cloud-gray, #e8e8e8);
transform: translateY(0);
transition: top 0.25s ease, transform 0.25s ease;
width: 42px;
}
.site-header__burger-line:first-child{ top: 16px; }
.site-header__burger-line:last-child{ top: 26px; } .site-header.is-open .site-header__burger-line{
top: 50%;
transform: translateY(-50%);
}
.site-header__drawer{
position: fixed;
left: 0;
right: 0;
top: 70px;
height: calc(100vh - 70px);
background: var(--digital-palette-dark-blue-2, #050627);
transform: translateY(-100%);
transition: transform 0.35s ease;
z-index: 998;
pointer-events: none;
}
.site-header__drawer-inner{
height: 100%;
padding: 22px 20px;
opacity: 0;
transition: opacity 0.35s ease;
}
.site-header.is-open .site-header__drawer{
transform: translateY(0);
pointer-events: auto;
}
.site-header.is-open .site-header__drawer-inner{
opacity: 1;
transition-delay: 0.36s;
}
.site-header__drawer-top{
display: flex;
align-items: center;
gap: 14px;
flex-wrap: wrap;
margin-bottom: 38px;
}
.site-header__drawer-menu{
display: flex;
flex-direction: column;
gap: 18px;
}
.site-header__drawer-menu a{
color: var(--digital-palette-cloud-gray, #e8e8e8);
transition: color 0.3s;
}
.site-header__drawer-menu a:hover{
color: var(--digital-palette-sky-blue, #00aaff);
}
@media (max-width: 1150px){
header .site-header-menu,
.site-header__actions{
display: none;
}
.site-header__burger{
display: inline-flex;
margin-left: auto;
}
.site-header__inner{
padding: 0 20px;
}
}
@media (min-width: 1151px){
.site-header__drawer{ display: none; }
} .u-mt-40{ margin-top: 40px; }
.timeline-card__year{ letter-spacing: -0.02em; }
.pagina-404 {
padding-top: 150px;
}
.page-404__content {
max-width: 1180px;
margin: 0 auto;
padding: 0 20px 80px;
}
.page-404__content a{
word-break: normal !important;
}
.page-404__content h2{
display: flex;
}
.page-404__content h2 span{
font-size: unset;
margin: 0;
line-height: unset;
color: unset;
margin-left: 5px;
}
.page-404__image {
width: 100%;
max-width: 1440px;
display: block;
object-fit: cover;
aspect-ratio: 1440 / 635.29;
}
@media (max-width: 767px){
.pagina-404 {
padding-top: 120px;
}
}
@media (max-width: 575px){
.pagina-404 .page-404__image.desktop{
display: none;
}
.pagina-404 .page-404__image.mobil{
display: block!important;
aspect-ratio: unset;
}
.pagina-404 {
padding-top: 80px;
}
.page-404__content h2 {
flex-direction: column;
}
.page-404__content h2 span{
margin-left: 0;
}
}
@media (max-width: 480px){
.pagina-404 {
padding-top: 60px;
}
.page-404__content {
padding: 0 20px 60px;
}
} .backdrop-blur-10 {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
display: table;
} .page-news {
padding-top: 80px;
padding-bottom: 0;
}
.page-news__inner {
padding-left: 40px;
padding-right: 40px;
}
.news-hero {
padding-bottom: 40px;
}
.news-panel {
position: relative;
background: transparent;
padding: 40px 0 80px;
}
.news-panel::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 100vw;
transform: translateX(-50%);
background: var(--digital-palette-dark-blue, #041637);
z-index: -1;
}
.news-filters {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding-bottom: 20px;
} .page-news .js-news-select {
position: relative;
min-width: 440px;
}
.page-news .js-news-select .news-select__native {
position: absolute;
inset: 0;
opacity: 0;
pointer-events: none;
}
.page-news .js-news-select .news-select__btn {
width: 100%;
height: 44px;
display: flex;
align-items: center;
gap: 12px;
padding: 0 56px 0 16px;
border-radius: 20px;
border: 2px solid var(--digital-palette-moody-blue-1, #263652);
background: var(--digital-palette-dark-blue, #041637);
color: var(--digital-palette-cloud-gray, #e8e8e8);
cursor: pointer;
position: relative;
max-width: 440px;
transition: all 0.3s;
}
.page-news .js-news-select .news-select__value {
margin-left: auto;
color: var(--digital-palette-cloud-gray, #e8e8e8);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 50%;
}
.page-news .js-news-select .news-select__btn::after {
content: "";
position: absolute;
right: 6px;
top: 50%;
width: 40px;
height: 30px;
transform: translateY(-50%);
border-radius: 16px;
border: 2px solid var(--digital-palette-moody-blue-1, #263652);
background:
linear-gradient(var(--digital-palette-cloud-gray, #e8e8e8), var(--digital-palette-cloud-gray, #e8e8e8)) center/12px 2px no-repeat,
linear-gradient(var(--digital-palette-cloud-gray, #e8e8e8), var(--digital-palette-cloud-gray, #e8e8e8)) center/2px 12px no-repeat;
pointer-events: none;
transition: all 0.3s;
}
.page-news .js-news-select.is-open .news-select__btn {
border-radius: 20px 20px 0 0;
border-bottom: 0;
} .page-news .js-news-select.is-open .news-select__value {
display: none;
}
.page-news .js-news-select.is-open .news-select__btn::after {
background:
linear-gradient(var(--digital-palette-cloud-gray, #e8e8e8), var(--digital-palette-cloud-gray, #e8e8e8)) center/12px 2px no-repeat;
}
.page-news .js-news-select .news-select__panel {
position: absolute;
left: 0;
right: 0;
top: 44px;
margin-top: -2px;
border: 2px solid var(--digital-palette-moody-blue-1, #263652);
border-radius: 0 0 20px 20px;
background: var(--digital-palette-dark-blue-2, #050627);
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
max-height: 0;
opacity: 0;
transform: translateY(-8px);
visibility: hidden;
pointer-events: none;
transition: max-height 0.55s ease, opacity 0.55s ease, transform 0.55s ease, visibility 0s linear 0.55s;
z-index: 5;
}
.page-news .js-news-select.is-open .news-select__panel {
max-height: 240px;
opacity: 1;
transform: translateY(0);
visibility: visible;
pointer-events: auto;
transition: max-height 0.55s ease, opacity 0.55s ease, transform 0.55s ease;
}
.page-news .js-news-select .news-select__menu {
margin: 0;
padding: 10px 0 24px;
}
.page-news .js-news-select .news-select__option {
width: 100%;
display: flex;
align-items: center;
gap: 12px;
padding: 8px 16px;
color: var(--digital-palette-cloud-gray, #e8e8e8);
cursor: pointer;
position: relative;
user-select: none;
}
.page-news .js-news-select .news-select__option::before {
content: "";
width: 16px;
height: 16px;
border-radius: 4px;
border: 2px solid rgba(232, 232, 232, 0.25);
background: rgba(232, 232, 232, 0.1);
}
.news-clear {
color: var(--digital-palette-cloud-gray, #e8e8e8);
border-bottom: 1.5px solid var(--digital-palette-cloud-gray, #e8e8e8);
padding-bottom: 4px;
cursor: pointer;
}
.news-clear:hover {
color: var(--digital-palette-sky-blue, #00aaff);
border-bottom-color: var(--digital-palette-sky-blue, #00aaff);
}
.news-grid {
margin-top: 40px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px 20px;
}
.news-item {
display: flex;
flex-direction: column;
gap: 18px;
padding: 0;
border-radius: 0;
background: transparent;
border: 0;
cursor: pointer;
transition: color 0.3s;
}
.news-item:hover .news-item__meta::before {
border-top-color: var(--digital-palette-sky-blue, #00aaff);
}
.news-item:hover .news-date {
border-color: var(--digital-palette-sky-blue, #00aaff);
color: var(--digital-palette-sky-blue, #00aaff);
}
.news-item:hover .news-more {
color: var(--digital-palette-sky-blue, #00aaff);
}
.news-item__meta {
display: flex;
align-items: center;
gap: 10px;
position: relative;
}
.news-item__meta::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
border-top: 2px solid rgba(232, 232, 232, 0.15);
transition: border-top-color 0.3s;
}
.news-date {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 3px 12px 0;
border-radius: 20px;
border: 2px solid rgba(232, 232, 232, 0.15);
position: relative;
z-index: 1;
background: var(--digital-palette-dark-blue, #b1b3b7);
font-size: 15px;
}
.news-date:after{
content: "";
position: absolute;
right: -12px;
top: 50%;
transform: translateY(-50%);
background: var(--digital-palette-dark-blue, #041637);
width: 10px;
height: 100%;
}
.news-divider {
display: none;
}
.news-title {
width: 100%;
color: inherit;
}
.news-item__content {
width: min(555px, 100%);
color: var(--digital-palette-cloud-gray, #e8e8e8);
}
.news-item__content .news-title {
color: var(--digital-palette-cloud-gray, #e8e8e8);
min-height: 65px;
}
.news-more {
display: inline-flex;
width: fit-content;
margin-top: 0;
border-bottom: 2px solid currentColor;
padding-bottom: 4px;
transition: border-bottom-color 0.3s, color 0.3s;
}
.news-item:hover .news-more {
border-bottom-color: var(--digital-palette-sky-blue, #00aaff);
}
.news-pagination {
margin-top: 80px;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
}
.news-pagination button {
width: 40px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 0;
cursor: pointer;
position: relative;
}
.news-pagination button::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 40px;
height: 32px;
transform: translate(-50%, -50%);
border-radius: 18px;
border: 2px solid rgba(232, 232, 232, 0.35);
transition: border-color 0.2s ease;
pointer-events: none;
}
.news-pagination button:hover::before,
.news-pagination button:focus-visible::before {
border-color: #e8e8e8;
}
.news-pagination span {
display: inline-flex;
align-items: center;
}
.news-pagination__muted{
color: rgba(232, 232, 232, 0.8);
}
.news-pagination svg {
display: block;
width: 40px;
height: 30px;
}
.news-pagination svg rect {
display: none;
}
.news-pagination svg path {
transform-box: fill-box;
transform-origin: center;
transition: transform 0.2s ease;
}
.news-pagination button[aria-label="Previous page"]:hover svg path,
.news-pagination button[aria-label="Previous page"]:focus-visible svg path {
transform: translateX(-3px);
}
.news-pagination button[aria-label="Next page"]:hover svg path,
.news-pagination button[aria-label="Next page"]:focus-visible svg path {
transform: translateX(3px);
}
@media (max-width: 767px){
.news-grid{
grid-template-columns: 1fr;
}
.news-item__content {
width: 100%;
}
.news-item .news-date {
border-color: var(--digital-palette-sky-blue, #00aaff);
color: var(--digital-palette-sky-blue, #00aaff);
}
.news-item .news-item__meta::before {
border-top-color: var(--digital-palette-sky-blue, #00aaff);
}
.news-pagination {
margin-top: 60px;
}
.news-panel{
padding: 40px 0 60px;
}
}
@media (max-width: 650px){
.news-filters{
align-items: end;
flex-direction: column-reverse;
}
}
@media (max-width: 575px){
.page-news {
padding-top: 60px;
}
.page-news__inner{
padding-left: 20px;
padding-right: 20px;
}
.news-item__content .news-title {
min-height: auto;
}
.news-grid{
margin-top: 35px;
gap: 40px 20px;
}
}
@media (max-width: 520px){
.news-more,
.news-item__content .news-title {
font-size: 15px;
}
}
@media (max-width: 500px){
.page-news .js-news-select .news-select__btn{
max-width: 100%;
height: 41px;
}
.page-news .js-news-select .news-select__btn::after {
top: 49%;
}
.page-news .js-news-select {
min-width: 100%;
}
}
.footer-newsletter {
padding: 20px 40px;
}
.footer-newsletter__inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 0;
}
.newsletter-form {
display: flex;
align-items: center;
gap: 20px;
}
.footer-newsletter .newsletter-form {
gap: 16px;
}
.newsletter-form__input{
width: min(520px, 46vw);
position: relative;
display: block;
}
.footer-newsletter .newsletter-form__input{
width: min(440px, 42vw);
}
.newsletter-form input {
width: 100%;
height: 41px;
padding: 0 44px 0 17px;
border-radius: 40px;
border: 2px solid rgba(232, 232, 232, 0.2);
background: rgba(232, 232, 232, 0.15);
color: #fff;
transition: all 0.4s ease;
}
.newsletter-form input::placeholder{
color: #fff !important;
}
.newsletter-form__spinner{
position: absolute;
top: 50%;
right: 16px;
width: 14px;
height: 14px;
margin-top: -7px;
border: 2px solid var(--digital-palette-cloud-gray, #e8e8e8);
border-right-color: transparent;
border-radius: 999px;
animation: lpa-spin 0.8s linear infinite;
display: none;
pointer-events: none;
}
.newsletter-form.is-submitting .newsletter-form__spinner{
display: block;
}
@keyframes lpa-spin{
to{ transform: rotate(360deg); }
}
.footer-newsletter .btn-pill--light {
color: var(--digital-palette-electric-blue, #0000fc);
transition: all 0.4s ease;
}
.footer-newsletter .btn-pill--light:hover{
background-color: rgba(232, 232, 232, 0.2);
color: #e8e8e8;
}
.newsletter-form input::placeholder {
color: rgba(232, 232, 232, 0.75);
}
.footer-main {
position: relative;
overflow: hidden;
}
.footer-main .footer-main__inner::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
background-image: url(//lpamericas.com/wp-content/themes/theme-lpa/assets/img/fondo-footer.png);
background-repeat: no-repeat;
background-position: left center;
background-size: cover;
pointer-events: none;
z-index: -1;
}
.footer-main__inner {
position: relative;
padding: 80px 40px 40px;
min-height: 609px;
z-index: 2;
display: flex;
flex-direction: column;
}
.footer-grid {
display: grid;
grid-template-columns: 1fr minmax(360px, 440px);
gap: 40px;
align-items: start;
flex: 1;
}
.footer-contact {
width: 440px;
max-width: 100%;
margin-left: auto;
padding-top: 10px;
}
.footer-field {
margin-top: 30px;
}
.footer-contact .t-h2 {
margin-bottom: 10px;
}
.footer-field a {
display: block;
color: var(--digital-palette-storm-gray, #aeb3bb);
transition: all 0.3s;
}
.footer-social {
display: flex;
gap: 20px;
margin-top: 10px;
}
.footer-links {
display: flex;
flex-direction: column;
gap: 5px;
justify-content: flex-start;
}
.footer-links--spaced {
margin-top: 70px;
}
.footer-links a {
color: var(--digital-palette-cloud-gray, #e8e8e8);
transition: all 0.3s;
}
.footer-bottom {
margin-top: auto;
padding-top: 60px;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 20px;
z-index: 3;
}
.footer-bottom__left {
flex: 1;
padding: 0;
border-radius: 0;
background: none;
backdrop-filter: none;
}
.footer-bottom__left span{
background: rgba(5, 6, 39, 0.6);
padding: 6px 6px;
border-radius: 8px;
}
.footer-bottom__right {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 20px;
flex-wrap: nowrap;
width: 440px;
max-width: 100%;
margin-left: auto;
}
.footer-bottom__right a {
color: var(--digital-palette-storm-gray, #aeb3bb);
opacity: 0.85;
transition: all 0.3s;
}
.footer-field a:hover,
.footer-bottom__right a:hover{
color: var(--digital-palette-cloud-gray, #e8e8e8);
}
.footer-links a:hover{
color: var(--digital-palette-storm-gray, #aeb3bb);
opacity: 0.85;
}
footer .footer-bottom-link2 a{
margin-left: 15px;
}
@media (max-width: 1024px) {
.site-nav {
display: none;
}
.footer-grid {
grid-template-columns: 1fr;
}
.footer-contact {
margin-left: 0;
}
.footer-bottom {
flex-direction: column;
align-items: flex-start;
}
.footer-bottom__right {
width: 100%;
margin-left: 0;
}
}
@media (max-width: 640px) {
.site-header__inner,
.page-404__content,
.footer-newsletter,
.footer-main__inner {
padding-left: 20px;
padding-right: 20px;
}
}
.bg-blue-suave{
background: var(--digital-palette-dark-blue, #041637);
}
.company-movement .mapa{
position: absolute;
top: 0;
left: 75%;
transform: translateX(-50%);
width: 57%;
z-index: 0;
}  .home-map{
position: relative;
width: 100%;
max-width: 100%;
height: 700px;
margin: 0 auto;
overflow: hidden;
}
.home-map__bg{
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
} .home-map .js-home-mapbox{
position: absolute;
inset: 0;
} .home-map .mapboxgl-canvas{
filter: none;
}
.home-map__hotspot{
position: absolute;
width: 45px;
height: 45px;
cursor: pointer;
transform: translate(-50%, -50%);
background: transparent;
border: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
} .home-map__marker{
width: 45px;
height: 45px;
aspect-ratio: 1;
cursor: pointer;
background: transparent;
border: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.home-map__hotspot--1{ left: 32.3%; top: 13%; }
.home-map__hotspot--2{ left: 58%; top: 55%; }
.home-map__hotspot--3{ left: 56%; top: 82%; }
.home-map__hotspot--4{ left: 45.5%; top: 39%; }
.home-map__blur{
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
}
.home-map__pin{
position: relative;
width: 35px;
height: 35px;
box-sizing: border-box;
aspect-ratio: 1;
padding: 3px;
border-radius: 50%;
border: 2px solid var(--digital-palette-electric-blue, #0000fc);
display: flex;
align-items: center;
justify-content: center;
transition: width 180ms ease, height 180ms ease;
}
.home-map__pin-core{
display: block;
width: 25px;
height: 25px;
aspect-ratio: 1;
border-radius: 50%;
background: var(--digital-palette-electric-blue, #0000fc);
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
transition: width 180ms ease, height 180ms ease;
} .home-map__hotspot:hover .home-map__pin-core,
.home-map__hotspot:focus-within .home-map__pin-core,
.home-map__hotspot:focus-visible .home-map__pin-core,
.home-map__hotspot.is-active .home-map__pin-core,
.home-map__marker:hover .home-map__pin-core,
.home-map__marker:focus-within .home-map__pin-core,
.home-map__marker:focus-visible .home-map__pin-core,
.home-map__marker.is-active .home-map__pin-core{
width: 15px;
height: 15px;
}
@media (hover: hover) and (pointer: fine){
.home-map__hotspot:hover:not(.is-active) .home-map__pin,
.home-map__hotspot:focus-within:not(.is-active) .home-map__pin,
.home-map__hotspot:focus-visible:not(.is-active) .home-map__pin,
.home-map__marker:hover:not(.is-active) .home-map__pin,
.home-map__marker:focus-within:not(.is-active) .home-map__pin,
.home-map__marker:focus-visible:not(.is-active) .home-map__pin{
width: 37px;
height: 37px;
}
}
.home-map__zoom{
position: absolute;
left: 40px;
bottom: 40px;
z-index: 5;
background: rgba(4, 22, 55, 0.9);
border-radius: 20px;
padding: 5px;
display: flex;
flex-direction: column;
gap: 9px;
}
.home-map__zoom-group{
display: flex;
flex-direction: column;
gap: 5px;
}
.home-map__zoom-in,
.home-map__zoom-out,
.home-map__zoom-toggle{
width: 40px;
height: 30px;
border-radius: 20px;
border: 2px solid rgba(232, 232, 232, 0.15);
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
}
.home-map__zoom-in:hover,
.home-map__zoom-out:hover,
.home-map__zoom-toggle:hover{
border-color: #fff;
}
.home-map__zoom-toggle:hover img{
transform: rotate(50deg);
}
.home-map__zoom-in{
border: none;
width: 40px;
height: 30px;
}
.home-map__zoom-out span{
width: 12px;
height: 2.5px;
background: var(--digital-palette-cloud-gray, #e8e8e8);
display: block;
}
.home-map__zoom-toggle img{
width: 12px;
height: 12px;
} .home-map-panel{
position: absolute;
right: 40px;
bottom: 40px;
width: 440px;
max-width: calc(100% - 80px);
background: rgba(4, 22, 55, 0.70);
border-radius: 20px;
padding: 10px 10px 0px 10px;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16);
overflow: hidden;
}
.home-map-panel__header{
background: rgba(30, 77, 117, 0.50);
border-radius: 12px;
padding: 10px;
}
.home-map-panel__header-row{
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.home-map-panel__title{
display: flex;
align-items: center;
gap: 20px;
}
.home-map-panel__country{
font-family: var(--desktop-h3-nb-r-23-font-family, NbInternationalPro-Regular, sans-serif);
font-size: var(--desktop-h3-nb-r-23-font-size, 23px);
line-height: var(--desktop-h3-nb-r-23-line-height, 110%);
font-weight: 400;
letter-spacing: -0.02em;
color: var(--digital-palette-cloud-gray, #e8e8e8);
}
.home-map-panel__nav{
width: 45px;
height: 30px;
}
.home-map-panel__units{
display: flex;
gap: 5px;
}
.home-map-panel__unit{
width: 42px;
height: 28px;
border-radius: 20px;
border: 2px solid rgba(174, 179, 187, 0.15);
color: var(--digital-palette-cloud-gray, #e8e8e8);
font-family: var(--desktop-h4-al-r-17-font-family, AllianceNo1-Regular, sans-serif);
font-size: var(--desktop-h4-al-r-17-font-size, 16px);
line-height: var(--desktop-h4-al-r-17-line-height, 130%);
letter-spacing: -0.02em;
padding-top: 2.5px;
transition: all 0.2s ease;
font-size: 16px;
}
.home-map-panel__unit.is-active,
.home-map-panel__unit:hover{
border-color: var(--digital-palette-storm-gray, #aeb3bb);
}
.home-map-panel__stats{
border-top: 1px solid var(--digital-palette-cloud-gray, #e8e8e8);
margin-top: 10px;
padding-top: 14px;
display: flex;
justify-content: space-between;
gap: 15px;
}
.home-map-panel__stat{
width: 100px;
}
.home-map-panel__stat-value{
color: var(--digital-palette-cloud-gray, #e8e8e8);
font-family: var(--desktop-h4-al-r-17-font-family, AllianceNo1-Regular, sans-serif);
font-size: var(--desktop-h4-al-r-17-font-size, 17px);
line-height: var(--desktop-h4-al-r-17-line-height, 130%);
letter-spacing: -0.02em;
}
.home-map-panel__stat-label{
color: rgba(232, 232, 232, 0.80);
font-family: var(--desktop-h4-al-r-17-font-family, AllianceNo1-Regular, sans-serif);
font-size: var(--desktop-h4-al-r-17-font-size, 17px);
line-height: var(--desktop-h4-al-r-17-line-height, 130%);
letter-spacing: -0.02em;
margin-top: 3px;
}
.home-map-panel__posts{
margin-top: 7px;
height: 483px;
overflow-y: auto;
padding-right: 10px;
display: flex;
flex-direction: column;
gap: 5px;
}
.home-map-panel__posts::-webkit-scrollbar{
width: 5px;
}
.home-map-panel__posts::-webkit-scrollbar-track{
background: rgba(232, 232, 232, 0.10);
border-radius: 5px;
}
.home-map-panel__posts::-webkit-scrollbar-thumb{
background: rgba(232, 232, 232, 0.30);
border-radius: 5px;
}
.home-map-post{
background: rgba(4, 22, 55, 0.80);
border-radius: 12px;
padding: 10px;
display: flex;
gap: 10px;
align-items: stretch;
margin: 5px 0;
}
.home-map-post__content{
width: 175px;
display: flex;
flex-direction: column;
height: 100%;
}
.home-map-post__meta {
margin-bottom: 0;
}
.home-map-post__link {
margin-top: auto !important;
}
.home-map-post__link:hover{
color: var(--digital-palette-sky-blue, #00aaff);
border-bottom-color: var(--digital-palette-sky-blue, #00aaff);
}
.home-map-post__name,
.home-map-post__meta{
font-family: var(--desktop-h4-al-r-17-font-family, AllianceNo1-Regular, sans-serif);
font-size: var(--desktop-h4-al-r-17-font-size, 17px);
line-height: var(--desktop-h4-al-r-17-line-height, 130%);
letter-spacing: -0.02em;
}
.home-map-post__name{ color: var(--digital-palette-cloud-gray, #e8e8e8); }
.home-map-post__meta{ color: rgba(232, 232, 232, 0.80); margin-top: 0; }
.home-map-post__link{
display: inline-flex;
width: fit-content;
margin-top: 10px;
padding-bottom: 3px;
border-bottom: 1.5px solid var(--digital-palette-cloud-gray, #e8e8e8);
color: var(--digital-palette-cloud-gray, #e8e8e8);
font-family: var(--desktop-h4-al-r-17-font-family, AllianceNo1-Regular, sans-serif);
font-size: var(--desktop-h4-al-r-17-font-size, 17px);
line-height: var(--desktop-h4-al-r-17-line-height, 130%);
letter-spacing: -0.02em;
}
.home-map-post__img{
flex: 1;
height: 124px;
border-radius: 5px;
object-fit: cover;
}
.js-map-scene{
position: absolute;
inset: 0;
transform: scale(1);
transform-origin: 50% 50%;
transition: transform 260ms ease;
will-change: transform;
}
@media (prefers-reduced-motion: reduce){
.js-map-scene{ transition: none; }
}
.js-map-zoom{
z-index: 5;
user-select: none;
}
.js-map-zoom img{
pointer-events: auto;
}
.js-map-zoom [role="button"]{
cursor: pointer;
} .js-map-zoom > div:first-child{
overflow: hidden;
max-height: 120px;
opacity: 1;
transition: max-height 220ms ease, opacity 220ms ease;
}
.js-map-zoom.is-collapsed > div:first-child{
max-height: 0;
opacity: 0;
pointer-events: none;
}
.js-map-zoom.is-collapsed{
gap: 0;
}
.js-map-zoom > div:last-child img{
transition: transform 220ms ease;
transform-origin: 50% 50%;
}
.js-map-zoom.is-collapsed > div:last-child img{
transform: rotate(180deg);
} .js-map-overlay--center{
top: 50% !important;
bottom: auto !important;
transform: translateY(-50%) !important;
} .content-standar-blue{
color: var(--digital-palette-cloud-gray, #e8e8e8);
}
.container-900{
max-width: 900px;
margin: 0 auto;
}
.content-standar-blue h1,
.content-standar-blue h2,
.content-standar-blue h3,
.content-standar-blue h4,
.content-standar-blue h5,
.content-standar-blue h6{
color: var(--digital-palette-cloud-gray, #e8e8e8);
font-weight: 400;
letter-spacing: -0.02em;
}
.content-standar-blue h1{
font-family: var(--desktop-h1-nb-r-50-font-family, NbInternationalPro-Regular, sans-serif);
font-size: var(--desktop-h1-nb-r-50-font-size, 50px);
line-height: var(--desktop-h1-nb-r-50-line-height, 110%);
}
.content-standar-blue h2{
font-family: var(--desktop-h2-nb-r-44-font-family, NbInternationalPro-Regular, sans-serif);
font-size: var(--desktop-h2-nb-r-44-font-size, 44px);
line-height: var(--desktop-h2-nb-r-44-line-height, 110%);
}
.content-standar-blue h3{
font-family: var(--desktop-h3-nb-r-23-font-family, NbInternationalPro-Regular, sans-serif);
font-size: var(--desktop-h3-nb-r-23-font-size, 23px);
line-height: var(--desktop-h3-nb-r-23-line-height, 110%);
}
.content-standar-blue h4{
font-family: var(--desktop-h4-al-r-17-font-family, AllianceNo1-Regular, sans-serif);
font-size: var(--desktop-h4-al-r-17-font-size, 17px);
line-height: var(--desktop-h4-al-r-17-line-height, 130%);
}
.content-standar-blue h5{
font-family: var(--desktop-h5-al-r-15-font-family, AllianceNo1-Regular, sans-serif);
font-size: var(--desktop-h5-al-r-15-font-size, 15px);
line-height: var(--desktop-h5-al-r-15-line-height, 155%);
letter-spacing: 0;
}
.content-standar-blue ul li,
.content-standar-blue ol li,
.content-standar-blue p{
font-family: var(--desktop-h5-al-r-15-font-family, AllianceNo1-Regular, sans-serif);
font-size: var(--desktop-h5-al-r-15-font-size, 15px);
line-height: var(--desktop-h5-al-r-15-line-height, 155%);
font-weight: 400;
letter-spacing: 0;
color: rgba(232, 232, 232, 0.8);
}
.content-standar-blue span{
font-family: var(--desktop-h4-al-r-17-font-family, AllianceNo1-Regular, sans-serif);
font-size: var(--desktop-h4-al-r-17-font-size, 17px);
line-height: var(--desktop-h4-al-r-17-line-height, 130%);
font-weight: inherit;
letter-spacing: -0.02em;
color: rgba(232, 232, 232, 0.8);
}
.content-standar-blue a{
color: var(--digital-palette-sky-blue, #00aaff);
transition: all 0.3s;
}
.content-standar-blue a:hover{
color: var(--brand-palette-signature-white, #ffffff);
}
.content-standar-blue ul{
list-style: unset;
margin: 20px 0 0 20px;
}
.content-standar-blue h1 + p,
.content-standar-blue h2 + p,
.content-standar-blue h3 + p,
.content-standar-blue h4 + p,
.content-standar-blue h5 + p,
.content-standar-blue h6 + p,
.content-standar-blue ul + p{
margin-top: 25px;
}
.content-standar-blue p + h2,
.content-standar-blue p + h3,
.content-standar-blue p + h4,
.content-standar-blue p + h5,
.content-standar-blue p + h6,
.content-standar-blue ul + h2,
.content-standar-blue ul + h3,
.content-standar-blue ul + h4,
.content-standar-blue ul + h5,
.content-standar-blue ul + h6{
margin-top: 50px;
}
@media (max-width: 767px){
.content-standar-blue p + h2,
.content-standar-blue p + h3,
.content-standar-blue p + h4,
.content-standar-blue p + h5,
.content-standar-blue p + h6,
.content-standar-blue ul + h2,
.content-standar-blue ul + h3,
.content-standar-blue ul + h4,
.content-standar-blue ul + h5,
.content-standar-blue ul + h6{
margin-top: 20px;
}
.content-standar-blue--narrow h1 + p, 
.content-standar-blue--narrow h2 + p, 
.content-standar-blue--narrow h3 + p {
margin-top: 10px;
}
}
.content-standar-blue span{
margin-top: 20px;
display: table;
}
.content-standar-blue span + p{
margin-top: 5px;
}
.content-standar-blue p + p{
margin-top: 12px;
}
.content-standar-blue .highlight{
color: var(--digital-palette-sky-blue, #00aaff);
}
@media (max-width: 768px){
.content-standar-blue h1{
font-family: var(--mobile-h1-nb-r-39-font-family, NbInternationalPro-Regular, sans-serif);
font-size: var(--mobile-h1-nb-r-39-font-size, 39px);
line-height: var(--mobile-h1-nb-r-39-line-height, 115%);
}
.content-standar-blue h2{
font-family: var(--mobile-h2-nb-r-33-font-family, NbInternationalPro-Regular, sans-serif);
font-size: var(--mobile-h2-nb-r-33-font-size, 33px);
line-height: var(--mobile-h2-nb-r-33-line-height, 115%);
}
.content-standar-blue h3{
font-family: var(--mobile-h3-nb-r-20-font-family, NbInternationalPro-Regular, sans-serif);
font-size: var(--mobile-h3-nb-r-20-font-size, 20px);
line-height: var(--mobile-h3-nb-r-20-line-height, 125%);
}
.content-standar-blue h4{
font-family: var(--mobile-h4-al-r-17-font-family, AllianceNo1-Regular, sans-serif);
font-size: var(--mobile-h4-al-r-17-font-size, 17px);
line-height: var(--mobile-h4-al-r-17-line-height, 150%);
letter-spacing: -0.02em;
}
.content-standar-blue h5{
font-family: var(--mobile-h5-al-r-15-font-family, AllianceNo1-Regular, sans-serif);
font-size: var(--mobile-h5-al-r-15-font-size, 15px);
line-height: var(--mobile-h5-al-r-15-line-height, 160%);
letter-spacing: 0;
}
.content-standar-blue p{
font-family: var(--mobile-h5-al-r-15-font-family, AllianceNo1-Regular, sans-serif);
font-size: var(--mobile-h5-al-r-15-font-size, 15px);
line-height: var(--mobile-h5-al-r-15-line-height, 160%);
letter-spacing: 0;
}
}
@media (max-width: 480px){
.content-standar-blue a{
word-break: break-all;
}
} .page-news-interno-hero{
background: var(--digital-palette-dark-blue-2, #050627);
width: 1440px;
overflow: hidden;
margin: 0 auto;
}
.page-news-interno-hero__stack{
display: flex;
flex-direction: column;
gap: 0;
align-items: center;
justify-content: flex-start;
position: relative;
}
.page-news-interno-hero__row{
width: 1360px;
padding-top: 80px;
padding-right: 230px;
padding-bottom: 80px;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
position: relative;
}
.page-news-interno-hero__back{
width: 95px;
height: 15px;
position: relative;
flex-shrink: 0;
}
.page-news-interno-hero__back a:hover,
.page-news-interno-hero__back a:focus-visible{
color: var(--digital-palette-sky-blue, #00aaff);
transition: color 0.2s ease;
}
.page-news-interno-hero__back-link-wrap{
display: flex;
flex-direction: row;
gap: 10px;
align-items: center;
justify-content: flex-start;
position: absolute;
left: 0;
top: calc(50% - 7px);
}
.page-news-interno-hero__content{
width: 900px;
display: flex;
flex-direction: column;
gap: 60px;
align-items: flex-start;
justify-content: flex-start;
position: relative;
flex-shrink: 0;
}
.page-news-interno-hero__heading{
display: flex;
flex-direction: column;
gap: 30px;
align-items: flex-start;
justify-content: flex-start;
position: relative;
}
.page-news-interno-hero__date{
height: 27px;
border-radius: 20px;
border: 2px solid rgba(232, 232, 232, 0.15);
padding: 7px 10px 5px 10px;
display: flex;
flex-direction: row;
gap: 10px;
align-items: center;
justify-content: center;
position: relative;
} .page-news-interno-hero__back a{
color: var(--digital-palette-cloud-gray, #e8e8e8);
font-family: var(--desktop-h4-al-r-17-font-family, AllianceNo1-Regular, sans-serif);
font-size: var(--desktop-h4-al-r-17-font-size, 17px);
line-height: var(--desktop-h4-al-r-17-line-height, 130%);
font-weight: var(--desktop-h4-al-r-17-font-weight, 400);
}
.page-news-interno-hero__date p{
color: var(--digital-palette-cloud-gray, #e8e8e8);
font-family: var(--desktop-h5-al-r-15-font-family, AllianceNo1-Regular, sans-serif);
font-size: var(--desktop-h5-al-r-15-font-size, 15px);
line-height: var(--desktop-h5-al-r-15-line-height, 155%);
font-weight: var(--desktop-h5-al-r-15-font-weight, 400);
letter-spacing: 0;
} .page-news-interno-hero__heading h1{
color: var(--digital-palette-cloud-gray, #e8e8e8);
font-family: var(--desktop-h2-nb-r-44-font-family, NbInternationalPro-Regular, sans-serif);
font-size: var(--desktop-h2-nb-r-44-font-size, 44px);
line-height: var(--desktop-h2-nb-r-44-line-height, 110%);
font-weight: var(--desktop-h2-nb-r-44-font-weight, 400);
letter-spacing: -0.02em;
} .page-news-interno-hero__intro h2{
color: var(--digital-palette-sky-blue, #00aaff);
font-family: var(--desktop-h3-nb-r-23-font-family, NbInternationalPro-Regular, sans-serif);
font-size: var(--desktop-h3-nb-r-23-font-size, 23px);
line-height: var(--desktop-h3-nb-r-23-line-height, 110%);
font-weight: var(--desktop-h3-nb-r-23-font-weight, 400);
letter-spacing: -0.02em;
} .page-news-interno-hero .content-standar-blue h4,
.page-news-interno-hero .content-standar-blue h5,
.page-news-interno-hero .content-standar-blue p,
.page-news-interno-content .content-standar-blue h4,
.page-news-interno-content .content-standar-blue h5,
.page-news-interno-content .content-standar-blue p{
max-width: none;
}
@media (max-width: 1439px){
.page-news-interno-hero{
width: 100%;
max-width: 1440px;
}
.page-news-interno-hero__row{
width: 100%;
max-width: 1360px;
padding-left: 40px;
padding-right: 40px;
box-sizing: border-box;
}
.page-news-interno-hero__content{
width: 100%;
max-width: 900px;
}
.page-news-interno__hero-image{
width: 100%;
height: auto;
}
}
@media (max-width: 1024px){
.page-news-interno-hero__row{
flex-direction: column;
justify-content: flex-start;
gap: 30px;
padding-top: 60px;
padding-bottom: 60px;
}
.page-news-interno-hero__back{
width: auto;
height: auto;
}
.page-news-interno-hero__back-link-wrap{
position: static;
}
.page-news-interno-hero__content{
max-width: none;
gap: 40px;
}
}
@media (max-width: 991px){
.page-news-interno-hero__row{
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 768px){
.page-news-interno-hero__content{
gap: 30px;
}
.page-news-interno-hero__heading{
gap: 20px;
}
.page-news-interno-hero__intro{
gap: 24px;
}
.page-news-interno-hero__heading h1{
font-family: var(--mobile-h2-nb-r-33-font-family, NbInternationalPro-Regular, sans-serif);
font-size: var(--mobile-h2-nb-r-33-font-size, 33px);
line-height: var(--mobile-h2-nb-r-33-line-height, 115%);
font-weight: var(--mobile-h2-nb-r-33-font-weight, 400);
}
.page-news-interno-hero__intro h2{
font-family: var(--mobile-h3-nb-r-20-font-family, NbInternationalPro-Regular, sans-serif);
font-size: var(--mobile-h3-nb-r-20-font-size, 20px);
line-height: var(--mobile-h3-nb-r-20-line-height, 125%);
font-weight: var(--mobile-h3-nb-r-20-font-weight, 400);
}
}
@media (max-width: 575px){
.page-news-interno__hero-image .desktop{
display: none;
}
.page-news-interno__hero-image .mobil{
display: block!important;
}
} .page-news-interno-content{
background: var(--digital-palette-dark-blue, #041637);
width: 100%;
overflow: hidden;
}
.page-news-interno-content__container{
width: 100%;
max-width: 1440px;
margin: 0 auto;
}
.page-news-interno-content__inner{
background: transparent;
padding: 80px 25px;
}
.page-news-interno-content__block--center{
align-items: center;
}
.page-news-interno-content__text{
color: rgba(232, 232, 232, 0.8);
font-family: var(--desktop-h5-al-r-15-font-family, AllianceNo1-Regular, sans-serif);
font-size: var(--desktop-h5-al-r-15-font-size, 15px);
line-height: var(--desktop-h5-al-r-15-line-height, 155%);
font-weight: 400;
}
.page-news-interno-content__title{
width: 1130px;
max-width: 100%;
}
.page-news-interno-content__title.highlight{
color: var(--digital-palette-sky-blue, #00aaff);
} .news-section-content{
padding: 50px 20px 20px;
}
.news-section-content .page-news-interno-content__block {
max-width: 900px;
margin: 0 auto;
}
#contenido-noticia .news-table-card-wrap{
display: block;
margin: 30px 0;
}
#contenido-noticia .news-table-card{
margin-top: 0;
}
#contenido-noticia .news-table-card__scroll{
color: var(--digital-palette-cloud-gray, #e8e8e8);
}
#contenido-noticia .news-fin-table-wrap--default{
color: var(--digital-palette-cloud-gray, #e8e8e8);
}
#contenido-noticia .news-table-card-wrap table{
margin: 0;
}
.page-news-interno-content .news-section-company__content h3{
font-weight: 400;
} .news-section-company__card{
padding: 40px 20px 80px;
max-width: 945px;
margin: 0 auto;
}
.news-section-company__content h3{
margin-bottom: 26px;
}
.news-section-company__contact + .news-section-company__contact{
margin-top: 28px;
}
.news-section-company__name{
color: var(--digital-palette-cloud-gray, #e8e8e8);
font-family: var(--desktop-h4-al-r-17-font-family, AllianceNo1-Regular, sans-serif);
font-size: var(--desktop-h4-al-r-17-font-size, 17px);
line-height: var(--desktop-h4-al-r-17-line-height, 130%);
font-weight: var(--desktop-h4-al-r-17-font-weight, 400);
letter-spacing: -0.02em;
}
.news-section-company__contact p{
margin-top: 6px;
}
.news-section-company__contact p + p{
margin-top: 4px;
}
.news-section-company__source{
margin-top: 26px;
}
.news-section-company__footer{
margin-top: 60px;
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 30px;
}
.news-section-company__footer-link{
display: inline-block;
padding-bottom: 4px;
border-bottom: 1.5px solid var(--digital-palette-cloud-gray, #e8e8e8);
color: var(--digital-palette-cloud-gray, #e8e8e8);
font-family: var(--desktop-h4-al-r-17-font-family, AllianceNo1-Regular, sans-serif);
font-size: var(--desktop-h4-al-r-17-font-size, 17px);
line-height: var(--desktop-h4-al-r-17-line-height, 130%);
font-weight: var(--desktop-h4-al-r-17-font-weight, 400);
letter-spacing: -0.02em;
}
.news-section-company__footer-link:hover{
color: var(--digital-palette-sky-blue, #00aaff);
border-bottom-color: var(--digital-palette-sky-blue, #00aaff);
}
.news-section-company .news-section-company__contact p {
margin-top: 0;
}
.news-section-company .news-section-company__contact .news-section-company__name{
margin-bottom: 5px;
}
@media (max-width: 1439px){
.page-news-interno-content__inner{
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 768px){
.page-news-interno-content__inner{
padding: 60px 20px;
gap: 40px;
}
.news-section-company__footer{
margin-top: 50px;
}
.page-news-interno-content__block{
gap: 30px;
}
.news-section-company__card {
padding: 40px 20px 60px;
}
}
@media (max-width: 575px){
.news-section-company__footer-link{
font-size: 15px;
}
} .news-table-card {
background: rgba(232, 232, 232, 0.15);
border-radius: 20px;
padding: 0;
margin-top: 30px; overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.news-table-card::-webkit-scrollbar{
height: 0;
}
.news-table-card__scroll {
display: inline-block;
min-width: 100%;
padding: 20px;
box-sizing: border-box;
overflow: visible;
font-size: 15px;
}
.news-table-card__scrollbar{
display: none;
margin-top: 20px;
padding: 0 10px;
}
.news-table-card__scrollbar-track{
position: relative;
height: 4px;
border-radius: 999px;
background: rgba(232, 232, 232, 0.15);
}
.news-table-card__scrollbar-thumb{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 40px;
border-radius: inherit;
background: rgba(232, 232, 232, 0.45);
transform: translateX(0);
cursor: grab;
}
.news-table-card__scrollbar-thumb:active{
cursor: grabbing;
}
.news-table-card__scrollbar.is-hidden{
display: none;
}
@media (max-width: 1024px){
.news-table-card__scrollbar{
display: block;
}
}
.news-table {
min-width: 920px;
}
.news-table__meta {
border-bottom: 2px solid rgba(232, 232, 232, 0.25);
padding: 0 10px 20px;
display: flex;
justify-content: flex-end;
}
.news-table__cols {
display: flex;
gap: 20px;
align-items: flex-start;
border-bottom: 2px solid rgba(232, 232, 232, 0.25);
}
.news-table__label {
flex: 1;
padding: 15px 10px;
}
.news-table__col-group {
display: flex;
gap: 20px;
align-items: center;
}
.news-table__col {
width: 185px;
padding: 15px 10px;
}
.news-table__body {
display: flex;
flex-direction: column;
gap: 0;
}
.news-table__row {
border-radius: 5px;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.news-table__row--alt {
background: rgba(232, 232, 232, 0.1);
}
.news-table__row--total {
background: #e8e8e8;
padding-top: 13px;
padding-bottom: 13px;
}
.news-table__nums {
display: flex;
gap: 20px;
align-items: center;
padding: 15px 10px;
}
.news-table__num {
width: 185px;
} .news-fin-table {
width: 100%;
min-width: 920px;
border-collapse: separate;
border-spacing: 0;
}
.news-fin-table__meta {
display: flex;
justify-content: flex-end;
padding: 0 10px 10px;
border-bottom: 2px solid rgba(255, 255, 255, 0.25);
margin-bottom: 10px;
}
.news-fin-table-wrap--default .news-fin-table__meta,
.news-fin-table-wrap--revenues .news-fin-table__meta,
.news-fin-table-wrap--expenses .news-fin-table__meta {
color: var(--digital-palette-cloud-gray, #e8e8e8);
}
.news-fin-table-wrap--default .news-fin-table__meta > div,
.news-fin-table-wrap--revenues .news-fin-table__meta > div,
.news-fin-table-wrap--expenses .news-fin-table__meta > div {
text-align: right;
}
.news-fin-table__head {
text-align: right;
border-bottom: 2px solid rgba(255, 255, 255, 0.25);
padding: 0 10px 10px;
font-weight: inherit;
}
.news-fin-table__head--label {
text-align: left;
}
.news-fin-table tbody th,
.news-fin-table tbody td {
padding: 7px 10px;
vertical-align: top;
}
.news-fin-table tbody th {
text-align: left;
font-weight: inherit;
}
.news-fin-table tbody td {
text-align: right;
width: 185px;
}
.news-fin-table tbody tr th:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.news-fin-table tbody tr td:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.news-fin-table tbody tr:nth-child(even) th,
.news-fin-table tbody tr:nth-child(even) td {
background: rgba(232, 232, 232, 0.1);
}
.news-fin-table__total td,
.news-fin-table__total th {
background: #ffffff;
}
.news-fin-table tbody tr.news-fin-table__total th,
.news-fin-table tbody tr.news-fin-table__total td {
background: #ffffff;
} .news-fin-table-wrap--default table,
.news-fin-table-wrap--revenues table,
.news-fin-table-wrap--expenses table {
width: 100% !important;
min-width: 920px;
border-collapse: separate;
border-spacing: 0;
}
.news-fin-table-wrap--default > p:first-child,
.news-fin-table-wrap--revenues > p:first-child,
.news-fin-table-wrap--expenses > p:first-child {
display: flex;
justify-content: flex-end;
padding: 0 10px 10px;
border-bottom: 2px solid rgba(255, 255, 255, 0.25);
margin: 0 0 10px;
color: var(--digital-palette-cloud-gray, #e8e8e8);
}
.news-fin-table-wrap--default thead th,
.news-fin-table-wrap--revenues thead th,
.news-fin-table-wrap--expenses thead th {
text-align: right;
border-bottom: 2px solid rgba(255, 255, 255, 0.25);
padding: 0 10px 10px;
font-weight: inherit;
color: var(--digital-palette-cloud-gray, #e8e8e8);
}
.news-fin-table-wrap--default thead th:first-child,
.news-fin-table-wrap--revenues thead th:first-child,
.news-fin-table-wrap--expenses thead th:first-child {
text-align: left;
}
.news-fin-table-wrap--default tbody th,
.news-fin-table-wrap--default tbody td,
.news-fin-table-wrap--revenues tbody th,
.news-fin-table-wrap--revenues tbody td,
.news-fin-table-wrap--expenses tbody th,
.news-fin-table-wrap--expenses tbody td {
padding: 9px 10px;
vertical-align: top;
}
.news-fin-table-wrap--default tbody th,
.news-fin-table-wrap--revenues tbody th,
.news-fin-table-wrap--expenses tbody th {
text-align: left;
font-weight: inherit;
color: var(--digital-palette-cloud-gray, #e8e8e8);
}
.news-fin-table-wrap--default tbody td,
.news-fin-table-wrap--revenues tbody td,
.news-fin-table-wrap--expenses tbody td {
text-align: right;
width: 185px;
color: var(--digital-palette-storm-gray, #aeb3bb);
}
.news-fin-table-wrap--default tbody tr th:first-child,
.news-fin-table-wrap--revenues tbody tr th:first-child,
.news-fin-table-wrap--expenses tbody tr th:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.news-fin-table-wrap--default tbody tr td:last-child,
.news-fin-table-wrap--revenues tbody tr td:last-child,
.news-fin-table-wrap--expenses tbody tr td:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.news-fin-table-wrap--default tbody tr:nth-child(even) th,
.news-fin-table-wrap--default tbody tr:nth-child(even) td,
.news-fin-table-wrap--revenues tbody tr:nth-child(even) th,
.news-fin-table-wrap--revenues tbody tr:nth-child(even) td,
.news-fin-table-wrap--expenses tbody tr:nth-child(even) th,
.news-fin-table-wrap--expenses tbody tr:nth-child(even) td {
background: rgba(232, 232, 232, 0.1);
}
.news-fin-table-wrap--default tbody tr.news-fin-table__total th,
.news-fin-table-wrap--default tbody tr.news-fin-table__total td,
.news-fin-table-wrap--revenues tbody tr.news-fin-table__total th,
.news-fin-table-wrap--revenues tbody tr.news-fin-table__total td,
.news-fin-table-wrap--expenses tbody tr.news-fin-table__total th,
.news-fin-table-wrap--expenses tbody tr.news-fin-table__total td {
background: #ffffff;
color: var(--digital-palette-dark-blue, #050627);
}
.news-section-table h3{
color: var(--digital-palette-sky-blue, #00aaff);
font-family: var(--desktop-h3-nb-r-23-font-family, NbInternationalPro-Regular, sans-serif);
font-size: var(--desktop-h3-nb-r-23-font-size, 23px);
line-height: var(--desktop-h3-nb-r-23-line-height, 110%);
padding: 40px 0 0;
}
.news-section-table .page-news-interno-content__block{
max-width: 1170px;
margin: 0 auto;
padding: 0 20px;
}
.news-section-table .page-news-interno-content__block .item{
padding-top: 20px;
}
@media (max-width: 1024px) {
.news-table {
min-width: 860px;
}
.news-fin-table {
min-width: 860px;
}
.news-fin-table-wrap--default table,
.news-fin-table-wrap--revenues table,
.news-fin-table-wrap--expenses table {
min-width: 860px;
}
}
@media (max-width: 640px) {
.news-table {
min-width: 780px;
}
.news-fin-table {
min-width: 780px;
}
.news-fin-table-wrap--default table,
.news-fin-table-wrap--revenues table,
.news-fin-table-wrap--expenses table {
min-width: 780px;
}
.news-table__meta {
padding-bottom: 15px;
}
}
@media (max-width: 575px){
.news-section-table .page-news-interno-content__block .item h3{
font-size: 20px;
}
} .section-home-7{
padding: 20px 0 60px;
} .section-home-6{
background: var(--digital-palette-dark-blue-2, #050627);
padding: 0 0 60px;
overflow: hidden;
}
.home-partnerships__pattern{
width: 100%;
height: 281px;
position: relative;
overflow: hidden;
background-color: var(--digital-palette-dark-blue-2, #050627);
background-image: url(//lpamericas.com/wp-content/themes/theme-lpa/assets/img/pattern1.svg);
background-repeat: repeat-x;
background-size: 740px 654.36px;
background-position: -5px 0;
}
.home-partnerships__pattern::before,
.home-partnerships__pattern::after{
content: "";
position: absolute;
left: 0;
right: 0;
height: 100px;
pointer-events: none;
background: linear-gradient(180deg, rgba(5, 6, 39, 1) 0%, rgba(5, 6, 39, 0) 100%);
}
.home-partnerships__pattern::before{
top: 0;
}
.home-partnerships__pattern::after{
bottom: 0;
transform: scaleY(-1);
}
.home-partnerships{
margin-top: 60px;
display: flex;
flex-direction: column;
gap: 60px;
align-items: center;
justify-content: flex-start;
}
.home-partnerships__header{
width: 100%;
max-width: 1360px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
padding: 0 20px;
}
.home-partnerships__title{
color: var(--digital-palette-cloud-gray, #e8e8e8);
font-family: var(--desktop-h2-nb-r-44-font-family, NbInternationalPro-Regular, sans-serif);
font-size: var(--desktop-h2-nb-r-44-font-size, 44px);
line-height: var(--desktop-h2-nb-r-44-line-height, 110%);
font-weight: var(--desktop-h2-nb-r-44-font-weight, 400);
letter-spacing: -0.02em;
}
.home-partnerships__carousel{
width: 100%;
max-width: 1440px;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
overflow: visible;
}
.home-partnerships__card{
width: 670px;
max-width: min(670px, calc(100vw - 40px));
background: rgba(4, 22, 55, 0.8);
border-radius: 20px;
padding: 40px;
display: flex;
flex-direction: column;
gap: 80px;
align-items: center;
justify-content: flex-start;
}
.home-partnerships__slide:nth-child(even) .home-partnerships__card{
background: var(--digital-palette-dark-blue, #041637);
}
.home-partnerships__quote{
color: var(--digital-palette-cloud-gray, #e8e8e8);
text-align: center;
font-family: var(--desktop-h3-nb-r-23-font-family, NbInternationalPro-Regular, sans-serif);
font-size: var(--desktop-h3-nb-r-23-font-size, 23px);
line-height: var(--desktop-h3-nb-r-23-line-height, 110%);
font-weight: var(--desktop-h3-nb-r-23-font-weight, 400);
letter-spacing: -0.02em;
}
.home-partnerships__author{
color: var(--digital-palette-cloud-gray, #e8e8e8);
text-align: center;
font-family: var(--desktop-h4-al-r-17-font-family, AllianceNo1-Regular, sans-serif);
font-size: var(--desktop-h4-al-r-17-font-size, 17px);
line-height: var(--desktop-h4-al-r-17-line-height, 130%);
font-weight: var(--desktop-h4-al-r-17-font-weight, 400);
letter-spacing: -0.02em;
} .section-home-6 .home-partnerships__arrows{
display: flex;
gap: 4px;
align-items: center;
justify-content: flex-end;
height: 33px;
}
.section-home-6 .home-partnerships__slider{
width: 100%;
}
.section-home-6 .home-partnerships__slide{
width: 670px;
}
.section-home-6 .home-partnerships__slider.slick-slider{
width: 100%;
}
.section-home-6 .home-partnerships__slider .slick-list{
overflow: visible;
}
.section-home-6 .home-partnerships__slider .slick-slide{
padding: 0 25px;
margin: 0 8px;
}
.section-home-6 .home-partnerships__card{
transition: filter 0.25s ease, opacity 0.25s ease;
}
.section-home-6 .home-partnerships__slider .slick-slide .home-partnerships__card{
opacity: 0.7;
filter: blur(2.5px);
}
.section-home-6 .home-partnerships__slider .slick-center .home-partnerships__card{
opacity: 1;
filter: none;
}
.section-home-6 .home-partnerships__dots{
margin-top: 20px;
}
.section-home-6 .home-partnerships__dots .slick-dots{
position: static;
display: flex;
gap: 5px;
justify-content: center;
padding: 0;
margin: 0;
list-style: none;
}
.section-home-6 .home-partnerships__dots .slick-dots li{
width: auto;
height: auto;
margin: 0;
}
.section-home-6 .home-partnerships__dots .slick-dots li button{
width: 6px;
height: 6px;
padding: 0;
border: 0;
border-radius: 10px;
background: var(--digital-palette-cloud-gray, #e8e8e8);
opacity: 0.4;
text-indent: -9999px;
overflow: hidden;
transition: width 0.4s;
}
.section-home-6 .home-partnerships__dots .slick-dots li.slick-active button{
width: 16px;
height: 6px;
opacity: 1;
}
@media (max-width: 991px) {
.section-home-6 .home-partnerships__slide {
width: 550px;
}
.home-partnerships__card {
width: 550px;
}
}
@media (max-width: 767px) {
.section-home-6 .home-partnerships__slide {
width: 450px;
}
.home-partnerships__card {
width: 450px;
}
.section-home-6 .home-partnerships__dots {
margin-top: 0;
}
.home-partnerships__carousel{
gap: 10px;
}
.section-home-6 .home-partnerships__slider .home-partnerships__card .home-partnerships__quote,
.section-home-6 .home-partnerships__slider .home-partnerships__card .home-partnerships__author{
font-size: 17px;
}
}
@media (max-width: 575px) {
.section-home-6 .home-partnerships__slider .slick-slide .home-partnerships__card,
.section-home-6 .home-partnerships__slider .slick-center .home-partnerships__card {
opacity: 1 !important;
filter: none !important;
}
.section-home-6 .home-partnerships__slide {
width: 100vw;
max-width: 100vw;
min-width: 0;
display: flex;
justify-content: center;
padding: 0 15px!important;
}
.section-home-6 .home-partnerships__card {
width: 100vw;
max-width: 100vw;
min-width: 0;
border-radius: 16px;
box-sizing: border-box;
}
.section-home-6 .home-partnerships__carousel {
padding-left: 0;
padding-right: 0;
}
.section-home-6 .home-partnerships__arrows{
display: none;
}
}
.home-video{
width: 100%;
max-width: 1360px;
margin: 0 auto;
position: relative;
overflow: hidden;
aspect-ratio: 1360 / 635;
}
.home-video__img{
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
}
.home-video__btn{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: var(--digital-palette-cloud-gray, #e8e8e8);
border-radius: 40px;
padding: 10px 17px 9px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
cursor: pointer;
}
.home-video__btn[hidden]{
display: none !important;
}
.home-video__btn:hover{
background-color: rgba(232, 232, 232, 0.2);
}
.home-video__btn:hover .home-video__btn-text{
color: var(--digital-palette-cloud-gray, #e8e8e8);
}
.home-video__btn:focus-visible{
outline: 2px solid var(--digital-palette-sky-blue, #00aaff);
outline-offset: 3px;
}
.home-video__btn-text{
color: var(--digital-palette-electric-blue, #0000fc);
font-family: var(--desktop-h4-al-r-17-font-family, AllianceNo1-Regular, sans-serif);
font-size: var(--desktop-h4-al-r-17-font-size, 17px);
line-height: var(--desktop-h4-al-r-17-line-height, 130%);
font-weight: var(--desktop-h4-al-r-17-font-weight, 400);
letter-spacing: -0.02em;
}
@media (max-width: 768px){
.section-home-7{
padding: 40px 0;
}
}
@media (max-width: 575px){
.home-partnerships{
margin-top: 40px;
gap: 40px;
}
.home-partnerships__header{
flex-direction: column;
align-items: flex-start;
}
.home-partnerships__title{
font-family: var(--mobile-h2-nb-r-33-font-family, NbInternationalPro-Regular, sans-serif);
font-size: var(--mobile-h2-nb-r-33-font-size, 33px);
line-height: var(--mobile-h2-nb-r-33-line-height, 115%);
font-weight: var(--mobile-h2-nb-r-33-font-weight, 400);
}
.home-partnerships__card{
padding: 30px 20px;
gap: 50px;
}
.home-partnerships__quote{
font-family: var(--mobile-h3-nb-r-20-font-family, NbInternationalPro-Regular, sans-serif);
font-size: var(--mobile-h3-nb-r-20-font-size, 20px);
line-height: var(--mobile-h3-nb-r-20-line-height, 125%);
}
.home-video__btn {
padding: 11px 17px 10px;
}
.home-video__btn-text{
font-size: 15px;
}
}
@media (max-width: 1350px){
.BtnArrowTop {
font-size: 15px;
padding: 8px 17px !important;
}
.BtnArrowTop img{
width: 10px;
height: 10px;
}
.lang button,
.lang a{
width: 36px;
font-size: 15px;
}
header .site-header-menu{
margin-right: 15px;
}
.site-header__actions{
gap: 22px;
}
header .list-principal .menu-item a{
font-size: 16px;
}
header .list-principal{
gap: 20px;
}
}
@media (max-width: 1150px){
header .site-header__inner{
z-index: 9999;
position: relative;
background: var(--digital-palette-dark-blue-2, #050627);
}
header .site-header__drawer-top{
gap: 140px;
}
header.site-header.is-open .site-header__drawer{
border-top: 1px solid rgba(255, 255, 255, 0.14);
}
}
@media (max-width: 575px){
header .site-header__drawer-top {
gap: 0;
justify-content: space-between;
}
header .site-header__drawer-menu.t-h4{
font-size: 18px;
}
.lang button,
.lang a{
padding-top: 1px;
}
.footer-main__inner{
padding-top: 0;
padding-bottom: 100px;
}
.footer-links{
gap: 8px;
}
.footer-bottom__left{
order: 2;
margin-top: 25px;
}
.footer-main .footer-main__inner::before{
bottom: -70px;
background-position: left bottom;
background-size: 100%;
background-image: url(//lpamericas.com/wp-content/themes/theme-lpa/assets/img/decoration-footer.png);
}
footer .footer-bottom-link2 a{
margin-left: 0;
margin-right: 20px;
}
footer .lang{
margin-right: 100px;
}
footer .footer-bottom{
padding-top: 100px;
gap: 12px 20px;
}
.footer-links {
margin-top: 40px;
}
.footer-field {
margin-top: 25px;
}
}
.caja-suscribete{
max-width: 555px;
}
.caja-suscribete p{
font-size: 14px;
color: #fff;
}
@media (max-width: 991px){
.footer-newsletter__inner {
flex-direction: column;
}
}
@media (max-width: 640px){
.caja-suscribete{
width: 100%;
}
.footer-newsletter .newsletter-form{
gap: 10px;
}
.footer-newsletter .newsletter-form input {
width: min(440px, 100%);
}
.footer-newsletter .btn-pill--light{
width: 130px;
text-align: center;
justify-content: center;
}
.footer-newsletter__inner {
align-items: start;
}
}
@media (max-width: 580px){
.section-home-7{
padding: 0;
}
}
.content-standar-blue--narrow h4 + p,
.content-standar-blue--narrow h5 + p,
.content-standar-blue--narrow h6 + p{
margin-top: 5px;
}
.content-standar-blue--narrow h1 + p,
.content-standar-blue--narrow h2 + p,
.content-standar-blue--narrow h3 + p{
margin-top: 20px;
} @media (max-width: 767px){
.section-company-map .company-movement{
height: auto !important;
padding: 60px 0 0 !important;
} .section-company-map .company-movement__content{
position: relative !important;
left: auto !important;
top: auto !important;
transform: none !important;
width: 100% !important;
max-width: 520px;
height: auto !important;
min-height: 500px;
padding-left: 20px !important;
padding-right: 20px !important;
justify-content: space-between !important;
gap: 0 !important;
z-index: 2;
}
.section-company-map .company-movement__top{
gap: 24px !important;
} .section-company-map .company-movement::before{
content: none !important;
} .section-company-map img.mobile {
display: block !important;
position: absolute;
bottom: auto;
right: 0;
transform: none;
left: auto;
max-width: 340px;
}
.company-movement .desktop{
display: none;
}
.section-company-map .descripcion {
min-height: 450px;
align-content: center;
max-width: 75vw;
padding: 40px 0;
}
}
@media (max-width: 700px){
.section-company-map img.mobile {
max-width: 240px;
bottom: 0;
top: auto;
width: 100%;
}
}
@media (max-width: 575px){
.section-company-map .descripcion {
max-width: 53vw;
min-height: 460px;
}
}
@media (max-width: 991px){
.section-home-4{
background: #283652;
padding-bottom: 40px;
}
.section-home-4 .home-map-panel{
background: transparent;
}
}
@media (max-width: 575px){
.section-home-4 .home-map__bg.desktop{
display: none;
}
.section-home-4 .home-map__bg.mobile{
display: block !important;
position: relative;
}
}
@media (max-width: 1400px){
.home-map__hotspot--1 {
left: 31.3%;
top: 15%;
}
.home-map__hotspot--2 {
left: 56%;
top: 54%;
}
.home-map__hotspot--3 {
left: 55%;
top: 80%;
}
.home-map__hotspot--4{
top: 38%;
}
}
@media (max-width: 1200px){
.home-map__hotspot--3 {
left: 54%;
top: 76%;
}
}
@media (max-width: 1080px){
.home-map__hotspot--1 {
left: 29.3%;
top: 22%;
}
.home-map__hotspot--3 {
left: 54%;
top: 73%;
}
}
@media (max-width: 900px){
.home-map__hotspot--1 {
left: 25.3%;
top: 16%;
}
.home-map__hotspot--4 {
left: 44.5%;
top: 39%;
}
.home-map__hotspot--2 {
left: 57%;
top: 53%;
}
}
@media (max-width: 800px){
.home-map__hotspot--1 {
left: 21%;
}
}
@media (max-width: 680px){
.home-map__hotspot--1 {
left: 15%;
}
}
@media (max-width: 575px){
.section-home-4 .home-map__hotspot--3 {
left: 67%;
top: 92%;
}
.section-home-4 .home-map__hotspot--2 {
left: 71%;
top: 58%;
}
.section-home-4 .home-map__hotspot--1 {
left: 7%;
top: 9%;
}
.section-home-4 .home-map__hotspot--4 {
left: 44%;
top: 39%;
}
.page-news .js-news-select{
min-width: 0 !important;
}
}
.otgs-development-site-front-end,
.mapboxgl-ctrl-top-left,
.wpml-ls-statics-footer,
.mapboxgl-ctrl-bottom-left{
display: none !important;
}
.content-standar-blue.titles-single h1,
.content-standar-blue.titles-single h2,
.content-standar-blue.titles-single h3,
.content-standar-blue.titles-single h4,
.content-standar-blue.titles-single h5,
.content-standar-blue.titles-single h6{
color:#00aaff;
}
.wp-block-image{
margin-top: 20px;
}
.timeline-slider .slick-list{
overflow: visible !important;
}
@media (max-width: 640px){
.footer-newsletter .newsletter-form__input{
width: 100% !important;
}
}
@media (max-width: 767px){
.team-board__head .team-person__role{
padding-top: 4px;
}
}
@media (max-width: 575px){
.contact-input,
.contact-input::placeholder{
font-size: 15px !important;
}
.contact-form__grid {
gap: 5px;
}
.section-timeline .timeline-card .timeline-card__text {
min-height: 84px;
}
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.ancho-980{
width: 980px;
}
.w-1050{
max-width: 1050px !important;
}
.w-1090{
max-width: 1090px;
}
.home-hero__content .contenedor{
max-width: 1360px;
margin: 0 auto;
}.BtnArrowTop{
padding: 10px 17px;
transition: all 0.3s;
}
.BtnArrowTop img{
transition: all 0.3s;
position: relative;
top: -2px;
}
.BtnArrowTop:hover{
background: var(--digital-palette-sky-blue, #00aaff);
}
.BtnArrowTop:hover img{
transform: rotate(50deg);
} .section-timeline{
width: 100%;
max-width: 1360px;
margin: 0 auto;
}
.section-timeline .timeline-top{
display: flex;
justify-content: flex-end;
margin-bottom: 0;
position: relative;
top: -55px;
left: 0;
}
.section-timeline .timeline-arrows{
display: flex;
gap: 2px;
}
.section-timeline .timeline-arrow,
.home-partnerships__arrow{
width: 45px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 0;
padding: 0;
background: transparent;
cursor: pointer;
position: relative;
color: var(--digital-palette-cloud-gray, #e8e8e8);
-webkit-appearance: none;
appearance: none;
transition: color 0.2s ease;
}
.section-timeline .timeline-arrow::before,
.home-partnerships__arrow::before{
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 42px;
height: 31px;
transform: translate(-50%, -50%);
border-radius: 18px;
border: 2px solid rgba(232, 232, 232, 0.15);
transition: border-color 0.2s ease;
pointer-events: none;
}
.section-timeline .timeline-arrow.slick-disabled,
.home-partnerships__arrow.slick-disabled{
opacity: 0.35;
cursor: default;
}
.section-timeline .timeline-arrow:focus-visible:not(.slick-disabled),
.home-partnerships__arrow:focus-visible:not(.slick-disabled){
color: var(--digital-palette-sky-blue, #00aaff);
}
.section-timeline .timeline-arrow:focus-visible:not(.slick-disabled)::before,
.home-partnerships__arrow:focus-visible:not(.slick-disabled)::before{
border-color: var(--digital-palette-sky-blue, #00aaff);
}
.section-timeline .timeline-arrow:hover:not(.slick-disabled)::before,
.home-partnerships__arrow:hover:not(.slick-disabled)::before{
border-color: var(--brand-palette-signature-white, #fff);
}
.section-timeline .timeline-arrow svg,
.home-partnerships__arrow svg{
display: block;
width: 38px;
height: 28px;
}
.section-timeline .timeline-arrow svg rect,
.home-partnerships__arrow svg rect{
display: none;
}
.section-timeline .timeline-arrow svg path,
.home-partnerships__arrow svg path{
transform-box: fill-box;
transform-origin: center;
transition: transform 0.2s ease;
fill: currentColor;
}
.section-timeline .timeline-arrow--prev:hover:not(.slick-disabled) svg path,
.section-timeline .timeline-arrow--prev:focus-visible:not(.slick-disabled) svg path{
transform: translateX(-3px);
}
.section-timeline .timeline-arrow--next:hover:not(.slick-disabled) svg path,
.section-timeline .timeline-arrow--next:focus-visible:not(.slick-disabled) svg path{
transform: translateX(3px);
}
.home-partnerships__arrow--prev:hover:not(.slick-disabled) svg path,
.home-partnerships__arrow--prev:focus-visible:not(.slick-disabled) svg path{
transform: translateX(-3px);
}
.home-partnerships__arrow--next:hover:not(.slick-disabled) svg path,
.home-partnerships__arrow--next:focus-visible:not(.slick-disabled) svg path{
transform: translateX(3px);
}
.section-timeline .timeline-slider{
margin: 0 -10px;
padding-right: 3px;
}
@media (max-width: 768px){
.section-timeline .timeline-slider{
padding-right: 3px;
} 
}
.section-timeline .timeline-slide{
padding: 0 10px;
}
.section-timeline .timeline-card{
padding: 15px 10px 15px 15px;
display: flex;
flex-direction: column;
justify-content: space-between;
backdrop-filter: blur(6px);
}
.section-timeline .timeline-card__head{
display: flex;
flex-direction: column;
gap: 5px;
padding-bottom: 20px;
}
.section-timeline .timeline-card__icon{
width: 9px;
height: 14px;
}
.section-timeline .timeline-card .timeline-card__text{
font-size: 15px;
min-height: 70px;
}
.section-timeline .timeline-dots{
margin-top: 10px;
}
.section-timeline .timeline-dots .slick-dots{
position: static;
display: flex;
gap: 5px;
justify-content: flex-start;
padding: 0;
margin: 0;
list-style: none;
}
.section-timeline .timeline-dots .slick-dots li{
width: auto;
height: auto;
margin: 0;
}
.section-timeline .timeline-dots .slick-dots li button{
width: 6px;
height: 6px;
padding: 0;
border: 0;
border-radius: 10px;
background: var(--digital-palette-cloud-gray, #e8e8e8);
opacity: 0.4;
text-indent: -9999px;
overflow: hidden;
transition: width 0.4s;
}
.section-timeline .timeline-dots .slick-dots li.slick-active button{
width: 16px;
height: 6px;
opacity: 1;
}
@media (max-width: 768px){
.section-timeline{
padding: 0 20px;
}
.section-timeline .timeline-top{
margin-bottom: 20px;
top: 0;
}
}
@media (max-width: 550px){
.section-timeline .timeline-top{
display: none;
}
.company-timeline__inner{
gap: 40px;
}
} .team-board__more{
display: none;
background: transparent;
border: 0;
padding: 0;
cursor: pointer;
color: var(--digital-palette-sky-blue, #00aaff);
-webkit-appearance: none;
appearance: none;
}
.team-board__more:focus-visible{
outline: 2px solid var(--digital-palette-sky-blue, #00aaff);
outline-offset: 2px;
}
.team-board__more-content{
display: block;
}
.team-board__list .content-standar-blue p{
color: #e8e8e8;
line-height: 22px;
}
.team-board__list .content-standar-blue p:nth-last-child(1){
margin-bottom: 0;
}
.team-board__list .team-board__more-content p{
color: rgba(232, 232, 232, 0.8);
}
@media (max-width: 767px){
.team-board__more{
display: inline-flex;
}
.team-board__more-content{
display: none;
margin-top: 12px;
}
.team-board__item.is-open .team-board__more-content{
display: block;
}
} .page-company{
overflow: hidden;
}
.page-company__inner{
padding-top: 80px;
padding-bottom: 80px;
}
.company-hero{
display: flex;
flex-direction: column;
gap: 60px;
}
.company-hero__row {
padding-left: 110px;
padding-right: 108px;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 20px;
max-width: 1400px;
margin: 0 auto;
width: 100%;
}
.company-hero__title,
.company-hero__lead{
width: 100%;
max-width: 555px;
}
.company-hero__lead{
padding-top: 8px;
}
.company-hero__image img{
width: 100%;
display: block;
}
.company-standards{
width: 100%;
margin: 80px auto 0;
display: flex;
flex-direction: column;
gap: 60px;
}
.company-standards__title{
width: 100%;
max-width: 555px;
}
.company-standards .column-inner{
max-width: 1350px;
margin: 0 auto;
width: 100%;
}
.company-standards__row {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 20px;
max-width: 1350px;
width: 100%;
margin: 0 auto;
}
.company-standards__left{
width: 100%;
max-width: 670px;
}
.company-standards__right{
flex: 1;
}
.company-standards__image img{
width: 100%;
display: block;
}
@media (max-width: 767px){
.company-hero__image .desktop,
.company-standards__image .desktop{
display: none;
}
.company-hero__image .mobil,
.company-standards__image .mobil{
display: block!important;
}
} .page-portfolio{
overflow: hidden;
}
.page-portfolio__inner{
padding-top: 80px;
padding-bottom: 0;
}
.portfolio-hero{
display: flex;
flex-direction: column;
gap: 60px;
}
.portfolio-hero__row{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 20px;
width: 100%;
max-width: 1170px;
margin: 0 auto;
padding: 0 20px;
}
.portfolio-hero__title,
.portfolio-hero__lead{
width: 100%;
max-width: 555px;
}
.portfolio-hero__lead{
padding-top: 8px;
}
.portfolio-sections{
margin-top: 60px;
padding: 40px 40px 80px;
position: relative;
z-index: 0;
}
.portfolio-sections::before{
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100vw;
background: var(--digital-palette-dark-blue, #041637);
z-index: -1;
}
.portfolio-sections .container-1440{
max-width: 1360px;
}
.portfolio-filters{
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding-bottom: 70px;
}
.portfolio-filters__right{
display: flex;
align-items: center;
justify-content: flex-end;
gap: 26px;
} .page-portfolio .js-portfolio-select{
--select-panel-duration: 720ms;
--select-panel-radius: 20px;
position: relative;
isolation: isolate;
min-width: 440px;
z-index: 0;
}
.page-portfolio .js-portfolio-select.is-open,
.page-portfolio .js-portfolio-select.is-closing{
z-index: 120;
}
.page-portfolio .js-portfolio-select .portfolio-select__native{
position: absolute;
inset: 0;
opacity: 0;
pointer-events: none;
}
.page-portfolio .js-portfolio-select .portfolio-select__btn{
width: 100%;
height: 42px;
display: flex;
align-items: center;
gap: 12px;
padding: 4px 56px 0 16px;
border-radius: 20px;
border: 2px solid var(--digital-palette-moody-blue-1, #263652);
color: var(--digital-palette-cloud-gray, #e8e8e8);
cursor: pointer;
position: relative;
max-width: 440px;
z-index: 4;
outline: none;
transition: border-color 0.72s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.72s cubic-bezier(0.22, 1, 0.36, 1), color 0.72s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.72s cubic-bezier(0.22, 1, 0.36, 1);
}
.page-portfolio .js-portfolio-select .portfolio-select__btn:focus{
outline: none;
}
.page-portfolio .js-portfolio-select .portfolio-select__value{
margin-left: auto;
color: rgba(174, 179, 187);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 50%;
}
.page-portfolio .js-portfolio-select:hover .portfolio-select__value{
color:var(--digital-palette-cloud-gray, #e8e8e8);
}
.page-portfolio .js-portfolio-select .portfolio-select__btn::after{
content: "";
position: absolute;
right: 4px;
top: 50%;
width: 42px;
height: 32px;
transform: translateY(-50%);
border-radius: 18px;
border: 2px solid var(--digital-palette-moody-blue-1, #263652);
background:
linear-gradient(var(--digital-palette-cloud-gray, #e8e8e8), var(--digital-palette-cloud-gray, #e8e8e8)) center/12px 2px no-repeat,
linear-gradient(var(--digital-palette-cloud-gray, #e8e8e8), var(--digital-palette-cloud-gray, #e8e8e8)) center/2px 12px no-repeat;
pointer-events: none;
transition: border-color 0.72s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.72s cubic-bezier(0.22, 1, 0.36, 1);
}
.page-portfolio .js-portfolio-select .portfolio-select__btn:hover,
.page-portfolio .js-portfolio-select .portfolio-select__btn:hover::after{
border-color: var(--digital-palette-cloud-gray, #e8e8e8);
}
.page-portfolio .js-portfolio-select.is-open .portfolio-select__btn{
border-radius: 20px;
border-color: color-mix(in srgb, var(--digital-palette-sky-blue, #00aaff) 72%, white 28%);
box-shadow: 0 0 0 1px rgba(0, 170, 255, 0.16);
}
.page-portfolio .js-portfolio-select.is-open .portfolio-select__value{
display: none;
}
.page-portfolio .js-portfolio-select.is-open .portfolio-select__btn::after{
border-color: color-mix(in srgb, var(--digital-palette-sky-blue, #00aaff) 72%, white 28%);
background:
linear-gradient(var(--digital-palette-cloud-gray, #e8e8e8), var(--digital-palette-cloud-gray, #e8e8e8)) center/12px 2px no-repeat;
}
.page-portfolio .js-portfolio-select .portfolio-select__panel{
position: absolute;
left: 0;
right: 0;
top: 0;
margin-top: 0;
padding-top: 44px;
border: 0;
border-radius: 20px;
background: var(--digital-palette-dark-blue-2, #050627);
overflow: hidden;
clip-path: inset(0 0 100% 0 round var(--select-panel-radius));
visibility: hidden;
pointer-events: none;
will-change: clip-path;
transition: clip-path var(--select-panel-duration) cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear var(--select-panel-duration);
z-index: 3;
}
.page-portfolio .js-portfolio-select.is-open .portfolio-select__panel,
.page-portfolio .js-portfolio-select.is-closing .portfolio-select__panel{
visibility: visible;
}
.page-portfolio .js-portfolio-select.is-open .portfolio-select__panel{
clip-path: inset(0 0 0 0 round var(--select-panel-radius));
pointer-events: auto;
transition: clip-path var(--select-panel-duration) cubic-bezier(0.22, 1, 0.36, 1);
}
.page-portfolio .js-portfolio-select.is-closing .portfolio-select__panel{
clip-path: inset(0 0 100% 0 round var(--select-panel-radius));
}
.page-portfolio .js-portfolio-select .portfolio-select__menu{
margin: 0;
padding: 10px 0 16px;
}
.page-portfolio .js-portfolio-select .portfolio-select__option{
width: 100%;
display: flex;
align-items: center;
gap: 16px;
padding: 4px 16px;
color: var(--digital-palette-cloud-gray, #e8e8e8);
cursor: pointer;
position: relative;
user-select: none;
}
.page-portfolio .js-portfolio-select .portfolio-select__option::before{
content: "";
width: 24px;
height: 24px;
border-radius: 6px;
border: 0;
background: rgba(232, 232, 232, 0.1);
}
.page-portfolio .js-portfolio-select .portfolio-select__option::after{
content: "";
width: 10px;
height: 10px;
border-radius: 999px;
background: color-mix(in srgb, var(--digital-palette-cloud-gray, #e8e8e8) 40%, transparent);
position: absolute;
left: 23px;
top: 50%;
transform: translateY(-50%) scale(0.9);
opacity: 0;
transition: opacity 160ms ease, transform 160ms ease, background-color 160ms ease;
pointer-events: none;
}
.page-portfolio .js-portfolio-select .portfolio-select__option:hover::after{
opacity: 1;
transform: translateY(-50%) scale(1);
}
.page-portfolio .js-portfolio-select .portfolio-select__option[aria-selected="true"]::after{
opacity: 1;
transform: translateY(-50%) scale(1);
background: var(--brand-palette-signature-white, #fff);
}
.page-news .js-news-select{
--select-panel-duration: 720ms;
--select-panel-radius: 24px;
--news-select-indicator-size: 24px;
--news-select-indicator-dot-size: 10px;
position: relative;
isolation: isolate;
overflow: visible;
min-width: 440px;
z-index: 0;
}
.page-news .js-news-select.is-open,
.page-news .js-news-select.is-closing{
z-index: 120;
}
.page-news .js-news-select .news-select__native{
position: absolute;
inset: 0;
opacity: 0;
pointer-events: none;
}
.page-news .js-news-select .news-select__btn{
width: 100%;
height: 42px;
display: flex;
align-items: center;
gap: 12px;
padding: 1px 56px 0 16px;
border-radius: 24px;
border: 2px solid var(--digital-palette-moody-blue-1, #263652);
background: transparent;
color: var(--digital-palette-cloud-gray, #e8e8e8);
cursor: pointer;
position: relative;
max-width: 440px;
z-index: 4;
outline: none;
transition: all 0.3s;
}
.page-news .js-news-select .news-select__btn:hover,
.page-news .js-news-select .news-select__btn:hover::after{
border-color: var(--digital-palette-cloud-gray, #e8e8e8);
}
.page-news .js-news-select .news-select__btn:focus{
outline: none;
}
.page-news .js-news-select .news-select__value{
margin-left: auto;
color: var(--digital-palette-cloud-gray, #e8e8e8);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 55%;
}
.page-news .js-news-select .news-select__btn::after{
content: "";
position: absolute;
right: 5px;
top: 50%;
width: 42px;
height: 31px;
transform: translateY(-50%);
border-radius: 18px;
border: 2px solid var(--digital-palette-moody-blue-1, #263652);
background:
linear-gradient(var(--digital-palette-cloud-gray, #e8e8e8), var(--digital-palette-cloud-gray, #e8e8e8)) center/12px 2px no-repeat,
linear-gradient(var(--digital-palette-cloud-gray, #e8e8e8), var(--digital-palette-cloud-gray, #e8e8e8)) center/2px 12px no-repeat;
pointer-events: none;
transition: all 0.3s;
}
.page-news .js-news-select.is-open .news-select__btn,
.page-news .js-news-select.is-closing .news-select__btn{
border-radius: 24px;
border-color: var(--digital-palette-cloud-gray, #e8e8e8);
border-bottom: 2px solid var(--digital-palette-cloud-gray, #e8e8e8);
box-shadow: none;
}
.page-news .js-news-select.is-open .news-select__value,
.page-news .js-news-select.is-closing .news-select__value{
display: none;
}
.page-news .js-news-select.is-open .news-select__btn::after,
.page-news .js-news-select.is-closing .news-select__btn::after{
border-color: var(--digital-palette-cloud-gray, #e8e8e8);
background:
linear-gradient(var(--digital-palette-cloud-gray, #e8e8e8), var(--digital-palette-cloud-gray, #e8e8e8)) center/12px 2px no-repeat;
}
.page-news .js-news-select .news-select__panel{
position: absolute;
left: 0;
right: 0;
top: 0;
margin-top: 0;
padding-top: 44px;
border: 0;
border-radius: 24px;
background: rgba(5, 6, 39, 0.85);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
overflow: hidden;
max-height: none;
opacity: 1;
transform: none;
clip-path: inset(0 0 100% 0 round var(--select-panel-radius));
visibility: hidden;
pointer-events: none;
will-change: clip-path;
transition: clip-path var(--select-panel-duration) cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear var(--select-panel-duration);
z-index: 3;
}
.page-news .js-news-select.is-open .news-select__panel,
.page-news .js-news-select.is-closing .news-select__panel{
visibility: visible;
}
.page-news .js-news-select.is-open .news-select__panel{
max-height: none;
opacity: 1;
transform: none;
clip-path: inset(0 0 0 0 round var(--select-panel-radius));
pointer-events: auto;
transition: clip-path var(--select-panel-duration) cubic-bezier(0.22, 1, 0.36, 1);
}
.page-news .js-news-select.is-closing .news-select__panel{
max-height: none;
opacity: 1;
transform: none;
clip-path: inset(0 0 100% 0 round var(--select-panel-radius));
}
.page-news .js-news-select .news-select__menu{
margin: 0;
padding: 9px 0 11px;
}
.page-news .js-news-select .news-select__option{
width: 100%;
display: flex;
align-items: center;
gap: 16px;
padding: 4px 16px;
color: var(--digital-palette-cloud-gray, #e8e8e8);
cursor: pointer;
position: relative;
user-select: none;
background: transparent;
border: 0;
text-align: left;
}
.page-news .js-news-select .news-select__option::before{
content: "";
width: var(--news-select-indicator-size);
height: var(--news-select-indicator-size);
flex: 0 0 var(--news-select-indicator-size);
border-radius: 6px;
border: 0;
background: rgba(232, 232, 232, 0.1);
transition: background-color 0.12s ease;
}
.page-news .js-news-select .news-select__option::after{
content: none;
}
.page-news .js-news-select .news-select__option:hover::before{
background:
radial-gradient(circle, rgba(232, 232, 232, 0.4) 0 5px, transparent 5.5px),
rgba(232, 232, 232, 0.1);
}
.page-news .js-news-select .news-select__option[aria-selected="true"]::before{
background:
radial-gradient(circle, var(--brand-palette-signature-white, #fff) 0 5px, transparent 5.5px),
rgba(232, 232, 232, 0.1);
} .portfolio-toggle{
display: inline-flex;
align-items: center;
gap: 6px;
}
.portfolio-toggle button {
width: 42px;
height: 28px;
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
padding-top: 2px;
line-height: 1;
text-align: center;
-webkit-appearance: none;
appearance: none;
background: transparent;
border-radius: 20px;
transition: all 0.3s;
border: 2px solid rgba(174, 179, 187, 0.15);
color: var(--digital-palette-cloud-gray, #e8e8e8);
cursor: pointer;
font-size: 16px;
}
.portfolio-toggle button.is-active,
.portfolio-toggle button:hover{
border-color: var(--digital-palette-storm-gray, #aeb3bb);
}
.portfolio-clear{
color: var(--digital-palette-cloud-gray, #e8e8e8);
border-bottom: 1.5px solid var(--digital-palette-cloud-gray, #e8e8e8);
padding-bottom: 3px;
cursor: pointer;
background: transparent;
}
.portfolio-clear:hover{
color: var(--digital-palette-sky-blue, #00aaff);
border-bottom-color: var(--digital-palette-sky-blue, #00aaff);
}
.portfolio-country + .portfolio-country{
margin-top: 50px;
}
.portfolio-country__head{
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 20px;
}
.portfolio-country__name{
margin: 0;
}
.portfolio-country__line{
flex: 1;
border-top: 2px solid var(--digital-palette-sky-blue, #00aaff);
margin-top: -2px;
}
.portfolio-grid{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 35px 20px;
}
.portfolio-card{
background: var(--digital-palette-cloud-gray, #e8e8e8);
border-radius: 12px;
padding: 10px;
}
.portfolio-card__link{
display: block;
color: inherit;
text-decoration: none;
}
.portfolio-card__media{
position: relative;
border-radius: 5px;
overflow: hidden;
}
.portfolio-card__media::before{
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
180deg,
color-mix(in srgb, var(--brand-palette-signature-black, #000000) 25%, transparent) 0%,
transparent 100%
);
pointer-events: none;
}
.portfolio-card__img{
width: 100%;
display: block;
object-fit: cover;
aspect-ratio: 420 / 268;
}
.portfolio-card__img--placeholder{
background: color-mix(in srgb, var(--digital-palette-cloud-gray, #e8e8e8) 75%, var(--brand-palette-signature-black, #000000));
}
.portfolio-card__badge {
position: absolute;
top: 10px;
left: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
height: 27px;
padding: 7px 10px 5px 10px;
border-radius: 20px;
border: 2px solid color-mix(in srgb, var(--digital-palette-cloud-gray, #e8e8e8) 30%, transparent);
color: var(--digital-palette-cloud-gray, #e8e8e8);
}
.portfolio-card__body{
padding-top: 15px;
display: flex;
flex-direction: column;
gap: 14px;
}
.portfolio-card__top{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 15px;
}
.portfolio-card__title{
color: var(--digital-palette-dark-blue-2, #050627);
padding-top: 2px;
}
.portfolio-card__type{
margin-top: 6px;
color: color-mix(in srgb, var(--digital-palette-dark-blue-2, #050627) 60%, transparent);
}
.portfolio-card__arrow{
width: 40px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
flex: 0 0 auto;
}
.portfolio-card__arrow::before{
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 42px;
height: 32px;
transform: translate(-50%, -50%);
border-radius: 18px;
border: 2px solid color-mix(in srgb, var(--digital-palette-dark-blue-2, #050627) 22%, transparent);
transition: border-color 0.35s ease;
pointer-events: none;
}
.portfolio-card__arrow svg{
display: block;
width: 40px;
height: 30px;
}
.portfolio-card__arrow svg path{
transform-box: fill-box;
transform-origin: center;
transition: transform 0.35s ease;
}
.portfolio-card__arrow:hover::before{
border-color: color-mix(in srgb, var(--digital-palette-dark-blue-2, #050627) 55%, transparent);
}
.portfolio-card__arrow:hover svg path{
transform: translateX(3px);
}
.portfolio-card__metrics{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.portfolio-metric{
background: rgba(0,170,255,0.1);
border-radius: 5px;
padding: 8px 10px 5px;
}
.portfolio-metric__value{
color: var(--digital-palette-dark-blue-2, #050627);
}
.portfolio-metric__label{
color: color-mix(in srgb, var(--digital-palette-dark-blue-2, #050627) 60%, transparent);
}
@media (max-width: 1024px){
.portfolio-grid{
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px){
.portfolio-hero__row{
padding-left: 20px;
padding-right: 20px;
flex-direction: column;
gap: 20px;
}
.portfolio-sections{
padding: 60px 20px 80px;
}
.portfolio-filters{
flex-direction: column-reverse;
}
.portfolio-filters__right {
justify-content: space-between;
width: 100%;
}
.page-portfolio__inner{
padding-top: 60px;
}
}
@media (max-width: 680px){
.portfolio-grid{
grid-template-columns: 1fr;
}
}
@media (max-width: 520px){
.page-portfolio .js-portfolio-select {
min-width: 100%;
}
}
@media (max-width: 480px){
.portfolio-card .portfolio-metric .t-h4{
font-size: 17px!important;
}
.portfolio-card__arrow::before{
border-color: var(--digital-palette-dark-blue, #041637);
}
.page-portfolio .js-portfolio-select {
min-width: 100%;
}
}
.company-timeline{
background: var(--digital-palette-dark-blue, #041637);
padding: 80px 40px;
}
.company-timeline__inner{
width: 100%;
max-width: 1360px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 20px;
}
.company-timeline__copy{
width: 100%;
max-width: 555px;
display: flex;
flex-direction: column;
gap: 50px;
}
.company-wide-image img{
width: 100%;
display: block;
}
.company-movement{
position: relative;
height: 750px;
background: var(--digital-palette-dark-blue-2, #050627);
overflow: hidden;
}
.company-movement::before,
.company-movement::after{
content: "";
position: absolute;
left: 50%;
width: 100vw;
transform: translateX(-50%);
height: 160px;
z-index: 1;
}
.company-movement::before{
top: 0;
background: linear-gradient(180deg, rgba(5, 6, 39, 1) 0%, rgba(5, 6, 39, 0) 100%);
}
.company-movement::after{
bottom: 0;
background: linear-gradient(180deg, rgba(5, 6, 39, 1) 0%, rgba(5, 6, 39, 0) 100%);
transform: translateX(-50%) scaleY(-1);
}
.company-movement__content{
position: absolute;
left: 155px;
top: 49%;
transform: translateY(-50%);
width: 554px;
height: 485px;
display: flex;
flex-direction: column;
justify-content: space-between;
z-index: 1;
}
.company-movement__content .t-h2{
max-width: 500px;
}
.company-movement__top{
display: flex;
flex-direction: column;
gap: 25px;
}
.company-governance{
background: var(--digital-palette-dark-blue, #041637);
padding: 80px 40px;
}
.company-governance__row{
width: 100%;
max-width: 1360px;
margin: 0 auto;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 40px;
}
.company-governance__title{
width: 100%;
max-width: 555px;
}
.company-governance__right{
width: 100%;
max-width: 555px;
padding-top: 8px;
display: flex;
flex-direction: column;
gap: 40px;
}
.company-governance__media{
width: 100%;
max-width: 100%;
margin: 0 auto;
}
.company-governance__media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
max-height: 600px;
}
.company-sustain{
background: var(--digital-palette-dark-blue-2, #050627);
padding: 80px 40px;
}
.company-sustain__row{
width: 100%;
max-width: 1360px;
margin: 0 auto;
display: flex;
align-items: stretch;
justify-content: space-between;
gap: 40px;
}
.company-sustain__left{
width: 100%;
max-width: 555px;
min-height: 600px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.company-sustain__copy{
display: flex;
flex-direction: column;
gap: 20px;
}
.company-sustain__image{
width: 100%;
max-width: 670px;
height: 600px;
object-fit: cover;
display: block;
}
@media (max-width: 1180px){
.company-standards__left{
max-width: 590px;
}
.company-sustain__image{
max-width: 550px;
}
}
@media (max-width: 1100px){
.company-hero__row{
padding-left: 40px;
padding-right: 40px;
}
.company-movement__content{
left: 40px;
width: min(554px, calc(100% - 80px));
}
}
@media (max-width: 1080px){
.company-sustain__row{
display: grid;
grid-template-columns: 1fr;
}
.company-sustain__left{
display: contents;
}
.company-sustain__copy{
grid-row: 1;
}
.company-sustain__image{
grid-row: 2;
max-width: 100%;
height: auto;
aspect-ratio: 670 / 600;
}
.company-sustain__left > p.t-h3{
grid-row: 3;
}
.company-sustain__image{
max-width: 680px;
margin: 0 auto;
}
}
@media (max-width: 1050px){
.company-standards__left{
max-width: 520px;
}
}
@media (max-width: 900px){
.company-hero__row{
flex-direction: column;
}
.company-standards__row,
.company-governance__row,
.company-sustain__row{
flex-direction: column;
}
.company-governance__title,
.company-governance__right,
.company-standards__left,
.company-standards__title{
max-width: 100%;
}
.company-standards{
padding-left: 40px;
padding-right: 40px;
gap: 35px;
}
.company-sustain__left{
min-height: auto;
gap: 40px;
}
.company-sustain__image{
max-width: 100%;
height: auto;
aspect-ratio: 670 / 600;
}
.company-standards__right{
padding: 20px 0 15px;
}
.company-governance__media{
width: 100%;
}
.company-governance__right{
gap: 25px;
}
.company-governance__row{
gap: 30px;
}
}
@media (max-width: 768px){
.page-company__inner{
padding-top: 60px;
padding-bottom: 60px;
}
.company-timeline,
.company-sustain,
.company-governance{
padding: 60px 20px;
}
.company-hero{
gap: 40px;
}
.company-hero__row{
padding-left: 20px;
padding-right: 20px;
}
.company-standards{
margin-top: 60px;
gap: 40px;
padding-left: 20px;
padding-right: 20px;
}
.company-movement{
height: 650px;
}
.company-movement__content{
left: 20px;
width: calc(100% - 40px);
height: auto;
gap: 40px;
justify-content: flex-start;
}
.company-wide-image .desktop,
.company-governance__media .desktop{
display: none;
}
.company-wide-image .mobil,
.company-governance__media .mobil{
display: block!important;
}
.company-timeline__copy{
gap: 50px;
}
}
@media (max-width: 580px){
.company-hero__row{
gap: 25px;
}
.section-governance-0 {
padding-bottom: 65px;
}
} .page-team{
overflow: hidden;
}
.page-team__inner{
padding-top: 60px;
padding-bottom: 0;
}
.team-hero{
display: flex;
flex-direction: column;
gap: 80px;
margin-bottom: -4px;
}
.team-hero__row{
padding-left: 40px;
padding-right: 40px;
}
.team-hero__lead{
width: 100%;
max-width: 670px;
padding-top: 35px;
display: flex;
flex-direction: column;
gap: 20px;
color: #fff;
}
.content-standar-white p{
color:#fff;
font-size: 17px;
}
.team-hero__lead p{
margin: 0;
width: 100%;
max-width: 440px;
}
.team-hero__image{
width: 100%;
display: block;
object-fit: cover;
aspect-ratio: 1440 / 635.29;
}
.team-block{
padding: 40px 40px 60px;
position: relative;
z-index: 0;
}
.team-block--dark::before{
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100vw;
background: var(--digital-palette-dark-blue, #041637);
z-index: -1;
}
[aria-labelledby="board-directors"] .team-section-head{
margin-bottom: 35px;
}
.team-section-head{
width: 100%;
max-width: 1360px;
margin: 0 auto;
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 55px;
}
.team-pill{
display: inline-flex;
align-items: center;
justify-content: center;
height: 28px;
padding: 4px 10px;
border-radius: 20px;
border: 2px solid var(--digital-palette-sky-blue, #00aaff);
color: var(--digital-palette-sky-blue, #00aaff);
white-space: nowrap;
margin: 0;
}
.team-section-line{
flex: 1;
border-top: 2px solid var(--digital-palette-sky-blue, #00aaff);
margin-top: -2px;
}
.team-person__role{
opacity: 0.7;
}
.text-opaco{
color: rgba(232, 232, 232, 0.8);
}
.team-person__copy{
display: flex;
flex-direction: column;
gap: 40px;
}
.team-person__copy p{
margin: 0;
} .team-exec{
width: 100%;
max-width: 1360px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 38px;
}
.team-exec__item{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 40px;
padding-bottom: 30px;
border-bottom: 2px solid rgba(232, 232, 232, 0.15);
}
.team-exec__photo{
width: 210px;
height: 210px;
object-fit: cover;
border-radius: 5px;
flex: 0 0 auto;
}
.team-exec__content{
width: 100%;
max-width: 670px;
display: flex;
flex-direction: column;
gap: 50px;
}
.team-person__head{
display: flex;
flex-direction: column;
gap: 0;
margin-top: -4px;
} .team-countries{
width: 100%;
max-width: 1360px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.team-card{
background: var(--digital-palette-dark-blue, #041637);
border-radius: 20px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 30px;
backdrop-filter: blur(6px);
}
.team-card__head{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 20px;
}
.team-card__meta{
display: flex;
flex-direction: column;
gap: 30px;
flex: 1;
}
.team-chip{
display: inline-flex;
align-items: center;
justify-content: center;
height: 27px;
padding: 6px 10px 5px 10px;
border-radius: 20px;
border: 2px solid rgba(232, 232, 232, 0.3);
color: var(--digital-palette-cloud-gray, #e8e8e8);
white-space: nowrap;
width: fit-content;
}
.team-card__photo{
width: 210px;
height: 210px;
object-fit: cover;
border-radius: 5px;
flex: 0 0 auto;
}
.team-card__copy{
display: flex;
flex-direction: column;
gap: 20px;
}
.team-card__copy p{
margin: 0;
} .team-board{
width: 100%;
max-width: 1360px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 45px;
}
.team-board__intro{
display: flex;
flex-direction: column;
gap: 30px;
}
.team-board__lead{
margin: 0;
max-width: 540px;
}
.team-board__list{
display: flex;
flex-direction: column;
gap: 25px;
}
.team-board__item{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 40px;
padding-bottom: 20px;
border-bottom: 2px solid rgba(232, 232, 232, 0.15);
}
.team-board__item--last{
padding-bottom: 0;
border-bottom: 0;
}
.team-board__head{
width: 100%;
max-width: 555px;
display: flex;
flex-direction: column;
gap: 0;
}
.team-board__copy{
width: 100%;
max-width: 670px;
}
.team-board__copy p{
margin: 0 0 22px;
font-size: 17px;
}
@media (max-width: 1080px){
.team-board__head {
max-width: 320px;
}
}
@media (max-width: 880px){
.team-countries{
grid-template-columns: 1fr;
}
.team-board__head{
max-width: 250px;
}
}
@media (max-width: 768px){
.team-hero__lead p{
max-width: 100%;
}
.team-exec__item{
flex-direction: column;
}
.team-exec__content{
gap: 30px;
}
.team-board__item{
flex-direction: column;
gap: 20px;
padding-bottom: 35px;
}
.team-board__copy{
max-width: 100%;
}
.page-team__inner{
padding-top: 60px;
}
.team-hero{
gap: 40px;
}
.team-hero__row,
.team-block{
padding-left: 20px;
padding-right: 20px;
}
.team-board__copy p{
font-size: 15px;
}
.team-block{
padding-top: 60px;
padding-bottom: 60px;
}
}
@media (max-width: 575px){
.team-hero__image .desktop{
display: none;
}
.team-hero__image .mobil{
display: block!important;
}
.team-person__head{
gap: 2px;
}
.team-person__copy,
.team-exec__content {
gap: 22px;
}
.team-exec__item {
padding-bottom: 30px;
}
.team-card__photo{
width: 169px;
height: auto;
}
.team-card__head{
gap: 10px;
}
.team-card__meta {
gap: 20px;
}
}
@media (max-width: 480px){
.team-card{
padding: 15px 12px;
}
}
@media (max-width: 380px){
.team-card__photo{
width: 125px;
height: auto;
}
}
@media (max-width: 340px){
.team-card__head {
flex-direction: column;
}
.team-card {
gap: 15px;
}
} .page-markets{
overflow: hidden;
}
.page-markets__inner{
padding-top: 80px;
padding-bottom: 0;
}
.markets-hero{
display: flex;
flex-direction: column;
gap: 60px;
}
.markets-hero__row{
padding-left: 40px;
padding-right: 40px;
}
.markets-hero__title{
margin: 0;
width: 100%;
max-width: 1100px;
}
.markets-hero__image img{
width: 100%;
display: block;
}
.markets-advantage{
position: relative;
margin-top: 0;
padding-top: 80px;
padding-bottom: 80px;
padding-left: 40px;
padding-right: 40px;
background: transparent;
z-index: 0;
}
.markets-advantage::before{
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100vw;
background: var(--digital-palette-dark-blue, #041637);
z-index: -1;
}
.markets-advantage__inner{
width: 100%;
max-width: 1245px;
display: flex;
align-items: stretch;
justify-content: space-between;
gap: 40px;
}
.markets-advantage__image{
width: 100%;
max-width: 670px;
height: 600px;
display: block;
object-fit: cover;
}
.markets-advantage__content{
width: 100%;
max-width: 440px;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 60px;
margin-bottom: -5px;
}
.markets-advantage__copy{
display: flex;
flex-direction: column;
margin-top: -5px;
}
.markets-platform{
padding: 80px 40px;
background: var(--digital-palette-dark-blue-2, #050627);
max-width: 1215px;
margin: 0 auto;
}
.markets-platform__inner{
width: 100%;
max-width: 1360px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 60px;
}
.markets-grid{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.markets-card{
background: var(--digital-palette-dark-blue, #041637);
border-radius: 20px;
padding: 20px;
display: flex;
flex-direction: column;
gap: 12px;
backdrop-filter: blur(6px);
}
.markets-card__head{
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 15px;
}
.markets-card__body{
display: flex;
flex-direction: column;
gap: 0;
border-top: 2px solid var(--digital-palette-sky-blue, #00aaff);
padding-top: 24px;
}
.markets-card__title{
margin: 0;
}
.markets-card__cta{
text-decoration: none;
white-space: nowrap;
transition: all 0.6s ease;
}
.markets-card__cta:hover{
color: var(--digital-palette-sky-blue, #00aaff);
}
@media (max-width: 1100px){
.markets-advantage{
padding-right: 40px;
}
.markets-advantage__content{
max-width: 520px;
}
.markets-advantage__inner {
gap: 20px;
}
}
@media (max-width: 1080px){
.markets-advantage__inner{
flex-direction: column;
} .markets-advantage__content{
display: contents;
}
.markets-advantage__copy{
order: 1;
width: 100%;
max-width: 100%;
}
.markets-advantage__image{
order: 2;
max-width: 100%;
height: auto;
}
.markets-advantage__content > p{
order: 3;
width: 100%;
max-width: 520px;
}
}
@media (max-width: 900px){
.markets-advantage__inner{
flex-direction: column;
}
.markets-advantage__image{
max-width: 100%;
height: auto;
}
.markets-advantage__content{
max-width: 100%;
}
.markets-grid{
grid-template-columns: 1fr;
}
}
@media (max-width: 768px){
.page-markets__inner{
padding-top: 60px;
}
.markets-hero{
gap: 50px;
}
.markets-hero__row{
padding-left: 20px;
padding-right: 20px;
}
.markets-advantage,
.markets-platform{
padding-left: 20px;
padding-right: 20px;
}
.markets-hero__image .desktop{
display: none;
}
.markets-hero__image .mobil{
display: block!important;
}
}
@media (max-width: 580px){
.markets-advantage,
.markets-platform {
padding: 60px 20px;
}
.markets-advantage__inner {
gap: 30px;
}
.markets-platform__inner {
gap: 40px;
}
}
@media (max-width: 360px){
.markets-card {
padding: 20px 12px;
}
.markets-card__head .markets-card__cta{
font-size: 12px;
}
} .page-contact{
overflow: hidden;
}
.contact-hero{
background: var(--digital-palette-dark-blue-2, #050627);
}
.contact-hero__inner{
padding: 80px 40px;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 20px;
}
.contact-hero__copy{
width: 100%;
max-width: 440px;
min-width: 0;
display: flex;
flex-direction: column;
gap: 20px;
margin-top: -5px;
}
.contact-hero__title,
.contact-hero__lead{
width: 100%;
max-width: 390px;
}
.contact-form{
width: 100%;
max-width: 900px;
min-width: 0;
min-height: 463px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.contact-form__grid{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.contact-input{
width: 100%;
max-width: none;
border: 2px solid var(--digital-palette-moody-blue-1, #263652);
border-radius: 24px;
padding: 8px 17px 5px;
background: transparent;
color: var(--digital-palette-cloud-gray, #e8e8e8);
outline: none;
transition: border-color 0.3s ease;
height: 42px;
}
.contact-input::placeholder{
color: var(--digital-palette-cloud-gray, #e8e8e8) !important;
}
.contact-input:hover,
.section-inquiry__select.js-inquiry-select .inquiry-select__btn:hover,
.section-inquiry__select.js-inquiry-select .inquiry-select__btn:hover::after{
border-color: var(--digital-palette-cloud-gray, #e8e8e8);
}
.contact-input::placeholder{
color: rgba(232, 232, 232, 0.8);
backdrop-filter: blur(10px);
font-size: 17px;
}
.contact-input:focus{
border-color: var(--digital-palette-sky-blue, #00aaff);
}
.contact-textarea{
width: 100%;
max-width: none;
grid-column: 1 / -1;
min-height: 110px;
resize: none;
}
.section-inquiry__field-meta{
grid-column: 1 / -1;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin: -2px 0 0;
}
.section-inquiry__field-note{
margin: 0;
flex: 1 1 auto;
min-width: 0;
font-size: 13px;
line-height: 1.4;
color: rgba(232, 232, 232, 0.68);
}
.section-inquiry__field-counter{
margin: 0;
flex: 0 0 auto;
margin: -2px 0 0;
font-size: 13px;
line-height: 1.4;
color: rgba(232, 232, 232, 0.68);
}
.contact-form__note{
margin: 15px 0 0;
width: 100%;
max-width: 667px;
color: rgba(232, 232, 232, 0.7);
}
.contact-form__meta{
display: flex;
flex-direction: column;
gap: 15px;
}
.contact-check{
display: flex;
align-items: flex-start;
gap: 11.25px;
}
.contact-check .text-cloud{
flex: 1 1 auto;
min-width: 0;
}
.contact-check__input{
appearance: none;
flex: 0 0 24px;
width: 24px;
height: 24px;
border-radius: 20px;
background: var(--digital-palette-moody-blue-1, #263652);
display: inline-block;
position: relative;
cursor: pointer;
top: 0;
margin-top: 2px;
left: 0;
}
.contact-check__input::before{
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
background: color-mix(in srgb, var(--digital-palette-cloud-gray, #e8e8e8) 40%, transparent);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.9);
opacity: 0;
transition: opacity 160ms ease, transform 160ms ease;
pointer-events: none;
}
.contact-check:hover .contact-check__input:not(:checked)::before{
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
.contact-check__input:checked::after{
content: "";
width: 10px;
height: 10px;
border-radius: 10px;
background: var(--digital-palette-cloud-gray, #e8e8e8);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.contact-submit{
align-self: flex-start;
background: var(--digital-palette-cloud-gray, #e8e8e8);
border-radius: 40px;
padding: 10px 17px 9px;
color: var(--digital-palette-dark-blue-2, #050627);
cursor: pointer;
}
.contact-form__meta + .contact-submit{
margin-top: 25px;
}
.contact-submit:hover{
background: var(--digital-palette-sky-blue, #00aaff);
color: var(--digital-palette-dark-blue-2, #050627);
}
.section-inquiry .contact-submit{
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-width: 92px;
}
.section-inquiry__submit-spinner{
width: 14px;
height: 14px;
border: 2px solid var(--digital-palette-dark-blue-2, #050627);
border-right-color: transparent;
border-radius: 999px;
animation: lpa-spin 0.8s linear infinite;
display: none;
pointer-events: none;
}
.section-inquiry__form.is-submitting .section-inquiry__submit-spinner{
display: block;
}
.contact-locations{
background: var(--digital-palette-dark-blue, #041637);
}
.contact-locations__inner{
padding: 80px 25px;
max-width: 1180px;
margin: 0 auto;
}
.contact-locations__title{
margin: 0 0 60px;
}
.contact-locations__grid{
display: flex;
flex-direction: column;
gap: 25px;
overflow: hidden;
}
.contact-locations__row{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 30px;
}
.contact-location{
flex: 1;
display: flex;
flex-direction: column;
gap: 20px;
}
.contact-location__head{
display: flex;
align-items: center;
gap: 10px;
}
.contact-location__line{
flex: 1;
border-top: 2px solid var(--digital-palette-sky-blue, #00aaff);
margin-top: -2px;
}
.contact-location__body{
display: flex;
align-items: flex-start;
gap: 40px;
}
.contact-location__col{
display: flex;
flex-direction: column;
gap: 10px;
width: 100%;
max-width: 260px;
}
.contact-location__body .contact-location__col:last-child{
flex: 1;
max-width: none;
min-width: 0;
}
.contact-location__text{
color: rgba(232, 232, 232, 0.8);
}
.contact-location__text[href]{
text-decoration: none;
transition: color .2s ease;
}
.contact-location__text[href]:hover,
.contact-location__text[href]:focus-visible{
color: var(--digital-palette-sky-blue, #00aaff);
}
.contact-locations__divider{
border-top: 2px solid var(--digital-palette-sky-blue, #00aaff);
margin-top: -2px;
}
.contact-image img{
width: 100%;
display: block;
}
@media (max-width: 1100px){
.contact-hero__inner{
height: auto;
padding-left: 40px;
padding-right: 40px;
}
.contact-form{
height: auto;
}
}
@media (max-width: 1080px){
.contact-hero__copy {
max-width: 390px;
}
}
@media (max-width: 950px){
.contact-hero__inner{
flex-direction: column;
align-items: stretch;
gap: 40px;
padding: 60px 20px;
}
.contact-locations__inner{
padding: 60px 20px;
}
.contact-locations__row{
flex-direction: column;
gap: 40px;
}
.contact-location__body{
flex-direction: column;
gap: 12px;
}
.contact-location__col{
max-width: 100%;
}
.contact-location {
width: 100%;
}
.contact-location__col{
gap: 10px;
}
}
@media (max-width: 768px){
.contact-image .desktop{
display: none;
}
.contact-image .mobil{
display: block!important;
}
.contact-input{
padding: 9px 17px 8px;
}
}
@media (max-width: 520px){
.contact-form__grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 7px;
}
.contact-textarea{
min-height: 88px;
}
.contact-hero__copy {
gap: 25px;
}
.contact-hero__inner{
gap: 50px;
}
.contact-locations__title {
margin: 0 0 50px;
}
} .section-hero{
padding-top: 64px;
padding-bottom: 64px;
margin: 0 auto;
width: 100%;
}
.section-hero__inner{
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding-left: 24px;
padding-right: 24px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 40px;
}
.section-hero__col{
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 30px;
}
.section-hero__title,
.section-hero__headline,
.section-hero__description,
.section-hero__address-label,
.section-hero__address-value{
margin: 0;
}
.section-hero__title,
.section-hero__description{
color: var(--digital-palette-cloud-gray, #e8e8e8);
}
.section-hero__headline,
.section-hero__address-label{
color: var(--digital-palette-cloud-gray, #e8e8e8);
}
.section-hero__address-value{
color: rgba(232, 232, 232, 0.8);
}
.section-hero__title{
width: 100%;
}
.section-hero__address{
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 10px;
margin-top: 3px;
}
.section-hero__address-label{
width: auto;
}
.section-hero__address-value{
width: 100%;
}
@media (min-width: 640px){
.section-hero{
padding-top: 70px;
padding-bottom: 70px;
}
.section-hero__inner{
padding-left: 40px;
padding-right: 40px;
}
.section-hero__address{
flex-direction: row;
gap: 20px;
}
.section-hero__address-value{
flex: 1;
min-width: 0;
}
}
@media (min-width: 1024px){
.section-hero__inner{
flex-direction: row;
justify-content: space-between;
gap: 0;
}
.section-hero__col{
max-width: 555px;
}
.section-hero__title{
max-width: 366px;
}
.section-hero__address-label{
width: 95px;
}
} @media (max-width: 1024px){
.section-hero__inner{
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 40px;
}
.section-hero__col{
max-width: none;
}
.section-hero__col--left{
display: contents;
}
.section-hero__title{
order: 1;
}
.section-hero__col--right{
order: 2;
}
.section-hero__address{
order: 3;
flex-direction: row;
gap: 40px;
}
}
@media (min-width: 640px) and (max-width: 1024px){
.section-hero__address{
flex-direction: row;
gap: 20px;
}
.section-hero__address-label{
width: 95px;
flex: 0 0 auto;
}
.section-hero__address-value{
flex: 1;
min-width: 0;
}
}
@media (max-width: 768px){
.section-hero{
padding-top: 60px;
padding-bottom: 60px;
}
}
@media (max-width: 520px){
.section-hero__col,
.section-hero__inner{
gap: 30px;
}
.section-hero__col--right{
padding-top: 10px;
}
} .section-amenities{
position: relative;
width: 100%;
align-self: stretch;
isolation: isolate;
z-index: 0;
padding-top: 80px;
margin: 0 auto;
} .section-amenities::before{
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 100vw;
transform: translateX(-50%);
background: var(--digital-palette-dark-blue, #041637);
z-index: 0;
pointer-events: none;
}
.section-amenities__inner,
.section-amenities__image{
position: relative;
z-index: 1;
}
.section-amenities__inner{
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 35px;
}
.section-amenities__title{
width: 100%;
max-width: 440px;
color: var(--digital-palette-cloud-gray, #e8e8e8);
margin: 0;
}
.section-amenities__card{
width: 100%;
background: var(--digital-palette-moody-blue-1, #263652);
border-radius: 20px;
padding: 35px 40px 25px;
}
.section-amenities__columns{
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
gap: 30px;
}
.section-amenities__column{
flex: 1;
display: flex;
flex-direction: column;
gap: 30px;
}
.section-amenities__item{
border-bottom: 2px solid rgba(232, 232, 232, 0.15);
padding-bottom: 10px;
}
.section-amenities__text{
margin: 0;
color: var(--digital-palette-cloud-gray, #e8e8e8);
} .section-amenities__image{
display: block;
object-fit: cover;
position: relative;
margin-top: 80px;
}
@media (min-width: 1024px){
.section-amenities__column{
display: block;
column-count: 2;
column-gap: 40px;
}
.section-amenities__item{
-webkit-column-break-inside: avoid;
break-inside: avoid;
page-break-inside: avoid;
margin-bottom: 18px;
}
.section-amenities__item:last-child{
margin-bottom: 0;
}
}
@media (max-width: 991px){
.section-amenities{
padding-top: 60px;
}
.section-amenities__inner{
gap: 40px;
}
.section-amenities__card{
padding: 30px;
}
.section-amenities__image{
margin-top: 60px;
height: auto;
}
}
@media (max-width: 768px){
.section-amenities__image .desktop{
display: none!important;
}
.section-amenities__image .mobil{
display: block!important;
}
.section-amenities__column{
gap: 25px;
}
}
@media (max-width: 520px){
.section-amenities__column {
gap: 20px;
}
.section-amenities__item{
padding-bottom: 15px;
}
.section-amenities__card{
padding: 25px 20px;
}
} .page-portfolio-interno{
overflow-x: hidden;
}
.page-portfolio-interno main.overflow-hidden{
overflow: visible !important;
}  .section-location{
width: 100%;
align-self: stretch;
position: relative;
padding: 80px 0;
display: flex;
flex-direction: column;
gap: 60px;
align-items: flex-start;
justify-content: flex-start;
}
.section-location__header{
width: 100%;
position: relative;
display: flex;
flex-direction: column;
gap: 40px;
align-items: flex-start;
margin: 0 auto;
max-width: 1360px;
}
.section-location__title{
margin: 0;
width: 440px;
max-width: 100%;
color: var(--digital-palette-cloud-gray, #e8e8e8);
}
.section-location__lead{
margin: 0;
width: 670px;
max-width: 100%;
color: var(--digital-palette-sky-blue, #00aaff);
}
.section-location__map {
width: calc(100% - 40px);
max-width: 1380px;
position: relative;
overflow: hidden;
border-radius: 20px;
aspect-ratio: 1360 / 650;
height: auto;
max-height: 650px;
margin: 0 auto;
}
.section-location__map-layer{
position: absolute;
inset: 0;
width: 100%;
height: 100%;
overflow: hidden;
padding: 0;
z-index: 0;
}
.section-location__mapbox{
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.section-location__map-image{
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.section-location__marker{
position: absolute;
width: 45px;
height: 45px;
aspect-ratio: 1;
cursor: pointer;
z-index: 1;
}
.section-location__marker.is-open{
z-index: 2;
} .section-location__map-layer .section-location__marker{
left: auto;
top: auto;
}
.section-location__pin{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 35px;
height: 35px;
border-radius: 50%;
border: 2px solid var(--digital-palette-sky-blue, #00aaff);
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
aspect-ratio: 1;
padding: 3px;
appearance: none;
-webkit-appearance: none;
border-radius: 50%;
cursor: pointer;
margin: 0;
transition: width 180ms ease, height 180ms ease;
}
@media (hover: hover) and (pointer: fine){
.section-location__marker:hover:not(.is-open) .section-location__pin,
.section-location__marker:focus-within:not(.is-open) .section-location__pin,
.section-location__marker:focus-visible:not(.is-open) .section-location__pin{
width: 37px;
height: 37px;
}
}
.section-location__pin-dot{
width: 25px;
height: 25px;
border-radius: 50%;
background: var(--digital-palette-sky-blue, #00aaff);
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
aspect-ratio: 1;
transition: width 180ms ease, height 180ms ease;
} .section-location__marker:hover .section-location__pin-dot,
.section-location__marker:focus-within .section-location__pin-dot,
.section-location__marker.is-open .section-location__pin-dot{
width: 15px;
height: 15px;
}
.section-location__tooltip{
position: absolute;
left: 50%;
bottom: calc(100% + 1px);
width: auto;
width: max-content;
min-width: 120px;
max-width: 300px;
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translate(-50%, 4px);
transition: opacity 150ms ease, transform 150ms ease, visibility 0s linear 150ms;
}
.section-location__marker.is-open .section-location__tooltip{
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translate(-50%, 0);
transition: opacity 150ms ease, transform 150ms ease;
}
.section-location__tooltip-link{
display: inline-block;
width: max-content;
max-width: 100%;
text-decoration: none;
color: inherit;
}
.section-location__tooltip-card{
width: auto;
max-width: 100%;
border-radius: 20px;
padding: 6px 18px 5px 18px;
display: flex;
flex-direction: column;
gap: 1px;
align-items: center;
justify-content: flex-start;
background: var(--digital-palette-moody-blue-1, #263652);
backdrop-filter: blur(6px);
}
.section-location__tooltip-title{
color: var(--digital-palette-cloud-gray, #e8e8e8);
}
.section-location__tooltip-values{
display: flex;
flex-direction: row;
gap: 10px;
align-items: center;
justify-content: flex-start;
}
.section-location__tooltip-value{
color: var(--digital-palette-storm-gray, #aeb3bb);
}
.section-location__tooltip-tip{
width: 20px;
height: 12px;
margin-top: -1px;
display: block;
}
.section-location__controls{
position: absolute;
right: 10px;
bottom: 10px;
border-radius: 20px;
padding: 5px;
display: flex;
flex-direction: column;
gap: 10px;
align-items: flex-start;
justify-content: flex-start;
background: color-mix(in srgb, var(--digital-palette-dark-blue, #041637) 90%, transparent);
backdrop-filter: blur(6px);
z-index: 3;
}
.section-location__controls-zoom{
display: flex;
flex-direction: column;
gap: 5px;
}
.section-location__controls-btn{
box-sizing: border-box;
width: 40px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 20px;
cursor: pointer;
border: 2px solid rgba(232, 232, 232, 0.15);
padding: 0;
flex: 0 0 auto;
object-fit: none !important;
}
img.section-location__controls-btn{
display: block;
}
.section-location__controls-btn--outline{
border: 2px solid rgba(232, 232, 232, 0.15);
}
.section-location__controls-btn--outline:hover img{
transform: rotate(50deg);
}
.section-location__controls-minus{
width: 12px;
height: 2.5px;
background: var(--digital-palette-cloud-gray, #e8e8e8);
}
.section-location__controls-arrow{
width: 12px;
height: 12px;
display: block;
}
.section-location__brand{
position: absolute;
width: 112px;
height: 50px;
}
.section-location__brand--lpa{ left: 50.74%; top: 46.62%; } .section-location__map-layer .section-location__brand--lpa{
left: auto;
top: auto;
}
.section-location__brand-card{
position: absolute;
left: 0;
top: 0;
width: 112px;
border-radius: 25px;
padding: 10px 10px 10px 12px;
display: flex;
align-items: center;
justify-content: center;
background: var(--digital-palette-dark-blue-2, #050627);
backdrop-filter: blur(1.5px);
}
.section-location__brand-logo{
width: 90px;
height: 20px;
display: block;
}
.section-location__brand-tip{
position: absolute;
left: 46px;
top: 50px;
width: 20px;
height: 12px;
display: block;
transform: translate(1.13px, -12px);
}
.section-location__sidebar{
position: absolute;
left: 0;
top: 0;
width: 325px;
height: 100%;
padding: 20px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
background: color-mix(in srgb, var(--digital-palette-moody-blue-1, #263652) 90%, transparent);
z-index: 4;
backdrop-filter: blur(3px);
}
@media (max-width: 1080px){
.section-location__map{
display: grid;
grid-template-columns: 1fr;
grid-template-areas:
"top"
"map"
"rows";
aspect-ratio: auto;
height: auto;
background: color-mix(in srgb, var(--digital-palette-moody-blue-1, #263652) 90%, transparent);
}
.section-location__sidebar{
display: contents;
}
.section-location__sidebar-top{
grid-area: top;
padding: 30px 25px 0;
}
.section-location__map-layer{
grid-area: map;
position: relative;
inset: auto;
aspect-ratio: 1360 / 650;
}
.section-location__rows{
grid-area: rows;
padding: 20px 25px 25px;
}
.section-location__row{
width: 100%;
}
.section-location__controls{
left: 20px;
right: auto;
bottom: 20px;
flex-direction: row;
align-items: center;
gap: 10px;
}
.section-location__controls-zoom{
flex-direction: row;
gap: 0;
}
}
.section-location__sidebar-top{
display: flex;
flex-direction: column;
gap: 40px;
align-items: flex-start;
}
.section-location__sidebar-title{
color: var(--digital-palette-cloud-gray, #e8e8e8);
}
.section-location__units{
display: flex;
flex-direction: row;
gap: 10px;
align-items: center;
}
.section-location__unit{
width: 42px;
height: 28px;
border-radius: 20px;
padding: 5px 10px;
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
.section-location__unit--active{
border: 2px solid var(--digital-palette-storm-gray, #aeb3bb);
}
.section-location__unit--inactive{
border: 2px solid color-mix(in srgb, var(--digital-palette-storm-gray, #aeb3bb) 15%, transparent);
}
.section-location__unit-text{
color: var(--digital-palette-cloud-gray, #e8e8e8);
padding-top: 2px;
font-size: 15px;
}
.section-location__rows{
width: 100%;
display: flex;
flex-direction: column;
}
.section-location__row{
width: 285px;
border-radius: 5px;
padding: 8px 20px 8px;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
background: transparent;
transition: all 0.3s;
}
.section-location__row:hover{
background: color-mix(in srgb, var(--digital-palette-cloud-gray, #e8e8e8) 10%, transparent);
}
.section-location__row--alt{
background: color-mix(in srgb, var(--digital-palette-cloud-gray, #e8e8e8) 10%, transparent);
}
.section-location__row-label{
flex: 1;
color: var(--digital-palette-cloud-gray, #e8e8e8);
}
.section-location__row-values{
display: flex;
flex-direction: row;
gap: 10px;
align-items: center;
justify-content: flex-start;
}
.section-location__row-value{
width: 65px;
height: 12px;
color: var(--digital-palette-storm-gray, #aeb3bb);
}
.section-masterplan{
position: relative;
width: 100%;
min-width: 0;
align-self: stretch;
isolation: isolate;
z-index: 0;
padding-top: 80px;
padding-bottom: 80px;
}
.section-masterplan::before{
content: "";
position: absolute;
inset: 0;
left: 50%;
width: 100vw;
transform: translateX(-50%);
background: var(--digital-palette-dark-blue, #041637);
z-index: 0;
pointer-events: none;
}
.section-masterplan__inner{
position: relative;
z-index: 1;
width: 100%;
max-width: 100%;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 60px;
}
.section-masterplan__title{
color: var(--digital-palette-cloud-gray, #e8e8e8);
margin: 0;
}
.section-masterplan__content{
display: flex;
flex-direction: column;
gap: 40px;
min-width: 0;
}
.section-masterplan__image-wrap{
width: 100%;
max-width: 100%;
margin: 0 auto;
overflow: hidden;
min-width: 0;
}
.section-masterplan__scrollbar{
display: none;
margin-top: 20px;
padding: 0 20px 0 0;
}
.section-masterplan__scrollbar-track{
position: relative;
height: 4px;
border-radius: 999px;
background: rgba(232, 232, 232, 0.15);
}
.section-masterplan__scrollbar-thumb{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 40px;
border-radius: inherit;
background: rgba(232, 232, 232, 0.45);
transform: translateX(0);
cursor: grab;
}
.section-masterplan__scrollbar-thumb:active{
cursor: grabbing;
}
.section-masterplan__scrollbar.is-hidden{
display: none;
}
.section-masterplan__image{
width: 100%;
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
.section-masterplan__legend{
display: flex;
flex-direction: column;
gap: 20px;
backdrop-filter: blur(6px);
min-width: 0;
}
.section-masterplan__list{
margin: 0;
padding: 0;
list-style: none;
columns: 1;
column-gap: 20px;
}
.section-masterplan__list > li{
break-inside: avoid;
-webkit-column-break-inside: avoid;
margin-bottom: 15px;
}
.section-masterplan__col{
flex: 1;
display: flex;
flex-direction: column;
gap: 15px;
}
.section-masterplan__item{
display: flex;
align-items: center;
gap: 10px;
}
.section-masterplan__badge{
flex: 0 0 auto;
width: 40px;
height: 25px;
min-width: 40px;
padding: 0;
display: inline-grid;
place-items: center;
border-radius: 20px;
border: 2px solid rgba(232, 232, 232, 0.15);
background: transparent;
color: var(--digital-palette-cloud-gray, #e8e8e8);
font-size: 15px;
line-height: 1;
font-variant-numeric: tabular-nums;
}
.section-masterplan__text{
flex: 1;
margin: 0;
color: var(--digital-palette-cloud-gray, #e8e8e8);
}
@media (min-width: 640px){
.section-masterplan__list{
columns: 2;
}
}
@media (max-width: 991px){
.section-masterplan{
padding-top: 60px;
padding-bottom: 60px;
}
.section-masterplan__inner{
gap: 45px;
}
.section-masterplan__content{
gap: 30px;
}
}
@media (max-width: 767px){
.section-location{
padding-top: 60px;
padding-bottom: 60px;
}
.section-location__header {
gap: 40px;
}
}
@media (max-width: 720px){
.section-masterplan__inner{
padding-left: 20px;
padding-right: 0;
}
.section-masterplan__legend,
.section-masterplan__header{
padding-right: 20px;
} .section-masterplan__image-wrap{
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.section-masterplan__image-wrap::-webkit-scrollbar{
height: 0;
}
.section-masterplan__image{
width: auto;
max-width: none;
margin: 0;
}
.section-masterplan__scrollbar{
display: block;
margin-bottom: 30px;
}
.section-masterplan__image-wrap .section-masterplan__image.desktop{
display: none!important;
}
.section-masterplan__image-wrap .section-masterplan__image.mobil{
display: block!important;
max-width: 1200px;
}
.section-masterplan__content{
gap: 0;
}
}
@media (max-width: 575px){
.section-masterplan__image-wrap .section-masterplan__image.mobil{
max-height: 500px;
}
}
@media (min-width: 1024px){
.section-masterplan__list{
columns: 3;
}
} .section-certifications{
width: 100%;
max-width: 1360px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 60px;
align-items: center;
justify-content: flex-start;
position: relative;
padding: 80px 25px;
}
.section-certifications__header{
width: 100%;
padding-left: 115px;
padding-right: 115px;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 20px;
}
.section-certifications__title,
.section-certifications__lead{
width: 100%;
max-width: 555px;
margin: 0;
color: var(--digital-palette-cloud-gray, #e8e8e8);
}
.section-certifications__lead{
padding-top: 8px;
}
.section-certifications__cards{
width: 100%;
max-width: 1075px;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}
.section-certifications__card{
flex: 1;
border-radius: 20px;
padding: 15px 30px 15px 20px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 30px;
background: var(--digital-palette-moody-blue-2, #1e4d75);
backdrop-filter: blur(6px);
}
.section-certifications__card-title{
margin: 0;
width: 100%;
color: var(--brand-palette-signature-white, #ffffff);
}
.section-certifications__card-text{
margin: 0;
width: 100%;
color: var(--digital-palette-cloud-gray, #e8e8e8);
}
@media (max-width: 1180px){
.section-certifications__header {
padding-left: 50px;
padding-right: 50px;
}
}
@media (max-width: 991px){
.section-certifications{
padding-left: 20px;
padding-right: 20px;
gap: 40px;
align-items: stretch;
}
.section-certifications__header{
padding-left: 0;
padding-right: 0;
flex-direction: column;
gap: 20px;
}
.section-certifications__title,
.section-certifications__lead{
max-width: none;
}
.section-certifications__lead{
padding-top: 0;
}
.section-certifications__cards{
grid-template-columns: 1fr;
max-width: 500px;
margin: 0 auto;
}
.section-certifications__card {
padding: 20px;
}
}
@media (max-width: 768px){
.section-certifications {
padding: 60px 20px;
gap: 50px;
}
.section-certifications__header{
gap: 35px;
}
} .section-floorplans{
background: var(--digital-palette-dark-blue-2, #050627);
padding: 80px 40px;
width: 100%;
align-self: stretch;
}
.section-floorplans__width{
width: 100%;
max-width: 1130px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 30px;
align-items: stretch;
justify-content: flex-start;
}
.section-floorplans__title{
width: 100%;
max-width: 1130px;
margin: 0;
color: var(--digital-palette-cloud-gray, #e8e8e8);
}
.section-floorplans__table-wrap{
width: 100%;
max-width: 1130px;
}
.section-floorplans__scrollbar{
display: none;
margin-top: 20px;
padding: 0 20px 0 0;
}
.section-floorplans__scrollbar-track{
position: relative;
height: 4px;
border-radius: 999px;
background: rgba(232, 232, 232, 0.15);
}
.section-floorplans__scrollbar-thumb{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 40px;
border-radius: inherit;
background: rgba(232, 232, 232, 0.45);
transform: translateX(0);
cursor: grab;
}
.section-floorplans__scrollbar-thumb:active{
cursor: grabbing;
}
.section-floorplans__scrollbar.is-hidden{
display: none;
}
.section-floorplans__table{
width: 100%;
max-width: 1130px;
border-radius: 20px;
padding: 20px;
background: var(--digital-palette-moody-blue-1, #263652);
overflow: hidden;
}
.section-floorplans__row{
width: 100%;
display: grid;
grid-template-columns: 1fr 185px 185px 185px;
column-gap: 20px;
align-items: center;
border-radius: 0;
padding: 7px 0;
}
.section-floorplans__row--head{
border-radius: 0;
padding: 0;
border-bottom: 0;
grid-template-rows: auto 2px;
row-gap: 15px;
margin-bottom: 0;
} .section-floorplans__table-wrap .section-floorplans__row--head{
grid-template-rows: auto;
row-gap: 0;
}
.section-floorplans__table-wrap .section-floorplans__row--head::after{
display: none;
}
.section-floorplans__table-wrap .section-floorplans__row--head .section-floorplans__cell--head{
border-bottom: 2px solid rgba(232, 232, 232, 0.25);
padding-bottom: 10px;
}
.section-floorplans__row--head::after{
content: "";
grid-column: 1 / -1;
grid-row: 2;
display: block;
width: 100%;
height: 2px;
background: rgba(232, 232, 232, 0.25);
}
.section-floorplans__row:not(.section-floorplans__row--head):nth-child(even){
background: rgba(232, 232, 232, 0.10);
border-radius: 5px;
padding: 9px 0 7px;
}
.section-floorplans__cell{
min-width: 0;
}
.section-floorplans__cell--head{
color: var(--digital-palette-cloud-gray, #e8e8e8);
}
.section-floorplans__cell--building{
color: var(--digital-palette-cloud-gray, #e8e8e8);
text-align: left;
}
.section-floorplans__row--head p,
.section-floorplans__body .section-floorplans__row p{
padding: 0 8px;
}
.section-floorplans__cell--space,
.section-floorplans__cell--area,
.section-floorplans__cell--num{
text-align: right;
}
.section-floorplans__cell--num{
color: rgba(232, 232, 232, 0.70);
}
.section-floorplans__cell--plan{
text-align: right;
}
.section-floorplans__download{
color: var(--digital-palette-sky-blue, #00aaff);
text-decoration: none;
transition: color 0.3s;
}
.section-floorplans__download:hover{
color: var(--brand-palette-signature-white, #ffffff);
}
@media (max-width: 991px){
.section-floorplans{
padding-left: 20px;
padding-right: 20px;
padding-top: 60px;
padding-bottom: 60px;
}
.section-floorplans__table{
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.section-floorplans__row{
min-width: 760px;
}
}
@media (max-width: 814px){ .section-floorplans__table{
scrollbar-width: none;
}
.section-floorplans__table::-webkit-scrollbar{
height: 0;
}
.section-floorplans__scrollbar{
display: block;
}
}
@media (max-width: 720px){
.section-floorplans {
padding-right: 0;
}
.section-floorplans__table{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.section-floorplans__title{
padding-right: 20px;
}
.section-floorplans__width{
gap: 50px;
}
} .section-inquiry{
width: 100%;
max-width: 1440px;
margin: 0 auto;
background: transparent;
padding: 80px 40px 60px;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 40px;
position: relative;
isolation: isolate;
z-index: 0;
} .section-inquiry::before{
content: "";
position: absolute;
inset: 0;
left: 50%;
width: 100vw;
transform: translateX(-50%);
background: var(--digital-palette-dark-blue, #041637);
z-index: 0;
pointer-events: none;
}
.section-inquiry__intro{
width: 100%;
max-width: 380px;
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 20px;
}
.section-inquiry__intro p{
max-width: 325px;
}
.section-inquiry__title,
.section-inquiry__lead{
color: var(--digital-palette-cloud-gray, #e8e8e8);
text-align: left;
margin: 0;
}
.section-inquiry__form{
max-width: 900px;
min-height: 420px;
position: relative;
z-index: 1;
gap: 20px;
}
.section-inquiry__aside{
width: 100%;
max-width: 900px;
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
}
.section-inquiry__select{
position: relative;
width: 100%;
border: 2px solid var(--digital-palette-moody-blue-1, #263652);
border-radius: 20px;
background: transparent;
transition: border-color 0.3s ease;
} .section-inquiry__select.js-inquiry-select{
--select-panel-duration: 720ms;
--select-panel-radius: 24px;
border: 0;
background: transparent;
isolation: isolate;
overflow: visible;
}
.section-inquiry__select.js-inquiry-select.is-open{
z-index: 2;
background: #050627;
}
.section-inquiry__select.js-inquiry-select.is-top-closing{
z-index: 3;
}
.section-inquiry__select.js-inquiry-select:hover,
.section-inquiry__select.js-inquiry-select:focus-within{
border-color: transparent;
}
.section-inquiry__select.js-inquiry-select .inquiry-select__native{
position: absolute;
inset: 0;
opacity: 0;
pointer-events: none;
}
.section-inquiry__select.js-inquiry-select .inquiry-select__btn{
width: 100%;
height: 42px;
display: flex;
align-items: center;
gap: 12px;
padding: 1px 56px 0 16px;
border-radius: 24px;
border: 2px solid var(--digital-palette-moody-blue-1, #263652);
background: transparent;
color: var(--digital-palette-cloud-gray, #e8e8e8);
cursor: pointer;
position: relative;
z-index: 4;
outline: none;
transition: border-color 0.72s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.72s cubic-bezier(0.22, 1, 0.36, 1), color 0.72s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.72s cubic-bezier(0.22, 1, 0.36, 1);
}
.section-inquiry__select.js-inquiry-select .inquiry-select__btn:focus{
outline: none;
}
.section-inquiry__select.js-inquiry-select .inquiry-select__value{
margin-left: auto;
color: var(--digital-palette-cloud-gray, #e8e8e8);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 55%;
}
.section-inquiry__select.js-inquiry-select .inquiry-select__btn::after{
content: "";
position: absolute;
right: 5px;
top: 50%;
width: 42px;
height: 31px;
transform: translateY(-50%);
border-radius: 18px;
border: 2px solid var(--digital-palette-moody-blue-1, #263652);
background:
linear-gradient(var(--digital-palette-cloud-gray, #e8e8e8), var(--digital-palette-cloud-gray, #e8e8e8)) center/12px 2px no-repeat,
linear-gradient(var(--digital-palette-cloud-gray, #e8e8e8), var(--digital-palette-cloud-gray, #e8e8e8)) center/2px 12px no-repeat;
pointer-events: none;
transition: border-color 0.72s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.72s cubic-bezier(0.22, 1, 0.36, 1);
}
.section-inquiry__select.js-inquiry-select.is-open .inquiry-select__btn{
border-radius: 24px;
border-color: color-mix(in srgb, var(--digital-palette-sky-blue, #00aaff) 72%, white 28%);
box-shadow: 0 0 0 1px rgba(0, 170, 255, 0.16);
}
.section-inquiry__select.js-inquiry-select.is-open .inquiry-select__value{
display: none;
}
.section-inquiry__select.js-inquiry-select.is-open .inquiry-select__btn::after{
border-color: color-mix(in srgb, var(--digital-palette-sky-blue, #00aaff) 72%, white 28%);
background:
linear-gradient(var(--digital-palette-cloud-gray, #e8e8e8), var(--digital-palette-cloud-gray, #e8e8e8)) center/12px 2px no-repeat;
}
.section-inquiry__select.js-inquiry-select .inquiry-select__panel{
position: absolute;
left: 0;
right: 0;
top: 0;
margin-top: 0;
padding-top: 44px;
border: 0;
border-radius: 24px;
background: var(--digital-palette-dark-blue, #041637);
overflow: hidden;
clip-path: inset(0 0 100% 0 round var(--select-panel-radius));
visibility: hidden;
pointer-events: none;
will-change: clip-path;
transition: clip-path var(--select-panel-duration) cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear var(--select-panel-duration);
z-index: 3;
} .section-inquiry__select.section-inquiry__select--filters.js-inquiry-select .inquiry-select__panel{
background: rgba(5, 6, 39, 0.85);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
}
.section-inquiry__select.js-inquiry-select.is-open .inquiry-select__panel,
.section-inquiry__select.js-inquiry-select.is-closing .inquiry-select__panel{
visibility: visible;
}
.section-inquiry__select.js-inquiry-select.is-open .inquiry-select__panel{
clip-path: inset(0 0 0 0 round var(--select-panel-radius));
pointer-events: auto;
transition: clip-path var(--select-panel-duration) cubic-bezier(0.22, 1, 0.36, 1);
}
.section-inquiry__select.js-inquiry-select.is-closing .inquiry-select__panel{
clip-path: inset(0 0 100% 0 round var(--select-panel-radius));
}
.section-inquiry__select.js-inquiry-select .inquiry-select__menu{
margin: 0;
padding: 9px 0 11px;
}
.section-inquiry__select.js-inquiry-select .inquiry-select__option{
width: 100%;
display: flex;
align-items: center;
gap: 16px;
padding: 4px 16px;
color: var(--digital-palette-cloud-gray, #e8e8e8);
cursor: pointer;
position: relative;
user-select: none;
background: transparent;
border: 0;
text-align: left;
}
.section-inquiry__select.js-inquiry-select .inquiry-select__option::before{
content: "";
width: 24px;
height: 24px;
border-radius: 6px;
border: 0;
background: rgba(232, 232, 232, 0.1);
}
.section-inquiry__select.section-inquiry__select--filters.js-inquiry-select .inquiry-select__option::before{
width: 24px;
height: 24px;
border-radius: 6px;
}
.section-inquiry__select.js-inquiry-select .inquiry-select__option::after{
content: "";
width: 10px;
height: 10px;
border-radius: 999px;
background: color-mix(in srgb, var(--digital-palette-cloud-gray, #e8e8e8) 40%, transparent);
position: absolute;
left: 23px;
top: 50%;
transform: translateY(-50%) scale(0.9);
opacity: 0;
transition: opacity 160ms ease, transform 160ms ease, background-color 160ms ease;
pointer-events: none;
}
.section-inquiry__select.js-inquiry-select .inquiry-select__option:hover::after{
opacity: 1;
transform: translateY(-50%) scale(1);
}
.section-inquiry__select.js-inquiry-select .inquiry-select__option[aria-selected="true"]::after{
opacity: 1;
transform: translateY(-50%) scale(1);
background: var(--brand-palette-signature-white, #fff);
}
.section-inquiry__select:hover{
border-color: var(--digital-palette-cloud-gray, #e8e8e8);
}
.section-inquiry__select:focus-within{
border-color: var(--digital-palette-sky-blue, #00aaff);
}
.section-inquiry__select select.contact-input{
-webkit-appearance: none;
appearance: none;
border: 0;
border-radius: 20px;
padding-right: 64px;
padding-left: 17px;
background: transparent;
}
.section-inquiry__field-icon{
width: 40px;
height: 30px;
display: block;
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
}
.section-inquiry__date{
grid-column: 1 / -1;
}
.section-inquiry__date-field{
position: relative;
}
.section-inquiry__date-field .section-inquiry__date-input{
padding-left: 17px;
padding-right: 140px;
text-align: right;
height: 42px;
}
.section-inquiry__date-field:hover .section-inquiry__date-hint{
color:#fff !important;
}
.section-inquiry__date-field .section-inquiry__date-input:not(:placeholder-shown){
padding-right: 17px;
}
.section-inquiry__date-field .section-inquiry__date-label,
.section-inquiry__date-field .section-inquiry__date-hint{
position: absolute;
top: 54%;
transform: translateY(-50%);
pointer-events: none;
white-space: nowrap;
}
.section-inquiry__date-field .section-inquiry__date-label{
left: 17px;
max-width: calc(100% - 17px - 140px);
overflow: hidden;
text-overflow: ellipsis;
}
.section-inquiry__date-field .section-inquiry__date-hint{
right: 17px;
color: var(--digital-palette-storm-gray, #aeb3bb);
}
.section-inquiry__date-field .section-inquiry__date-input:not(:placeholder-shown) ~ .section-inquiry__date-hint{
display: none;
} .contact-input.is-error,
.section-inquiry__date-field.is-error .contact-input:focus{
border-color: var(--digital-palette-error-orange, #d87e2a);
}
.section-inquiry__date-field.is-error .contact-input{
border-color: var(--digital-palette-error-orange, #d87e2a);
}
.section-inquiry__select.is-error.js-inquiry-select .inquiry-select__btn{
border-color: var(--digital-palette-error-orange, #d87e2a);
}
.contact-check__input.is-error:focus{
outline: 2px solid var(--digital-palette-error-orange, #d87e2a);
outline-offset: 2px;
}
.contact-check__input.is-error{
outline: 2px solid var(--digital-palette-error-orange, #d87e2a);
outline-offset: 2px;
}
.contact-form__actions{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.contact-form__errors{
margin-top: 0;
width: auto;
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 6px;
display: none;
}
.contact-form__error{
margin: 0;
color: var(--digital-palette-error-orange, #d87e2a);
display: none;
}
.contact-form__error.is-visible{
display: block;
margin-top: 10px;
} .section-inquiry__success{
margin-top: 35px;
width: 100%;
max-width: 900px;
display: none;
position: relative;
z-index: 1;
}
.section-inquiry__success.is-visible{
display: block;
}
.section-inquiry__success-card{
width: 100%;
max-width: none;
border: 0;
border-radius: 0;
padding: 0;
background: transparent;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 180px;
} .section-inquiry__aside.is-success .section-inquiry__form{
display: none;
}
.section-inquiry__aside.is-success .section-inquiry__success{
display: block;
}
.section-inquiry__success-text{
margin: 0;
max-width: 520px;
}
.section-inquiry__meta{
width: 100%;
max-width: 900px;
}
.section-inquiry .contact-form__note{
margin: 0;
}
.section-inquiry .contact-submit:focus-visible,
.section-inquiry .contact-check__input:focus-visible{
outline: 2px solid var(--digital-palette-sky-blue, #00aaff);
outline-offset: 2px;
}
@media (max-width: 1100px){
.section-inquiry{
height: auto;
padding-left: 40px;
padding-right: 40px;
}
.section-inquiry__form{
height: auto;
}
}
@media (max-width: 991px){
.section-inquiry{
height: auto;
padding: 60px 20px;
flex-direction: column;
align-items: stretch;
gap: 40px;
}
.section-inquiry__intro{
width: 100%;
max-width: 100%;
}
.section-inquiry__form{
height: auto;
width: 100%;
min-height: 0;
}
.contact-form__actions{
flex-direction: column;
align-items: flex-start;
}
.contact-form__errors{
width: 100%;
align-items: center;
text-align: center;
}
.section-inquiry__meta,
.contact-form__actions{
margin-top: 20px;
}
.section-inquiry__intro p {
max-width: 100%;
}
} .section-available-space{
position: relative;
isolation: isolate;
z-index: 0;
width: 100%;
align-self: stretch;
padding-top: 80px;
padding-bottom: 80px;
} .section-available-space::before{
content: "";
position: absolute;
inset: 0;
left: 50%;
width: 100vw;
transform: translateX(-50%);
background: var(--digital-palette-dark-blue, #041637);
z-index: 0;
pointer-events: none;
}
.section-available-space__inner,
.section-available-space__gallery{
position: relative;
z-index: 1;
}
.section-available-space__inner{
width: 100%;
max-width: 1360px;
margin: 0 auto;
padding-left: 115px;
padding-right: 115px;
display: flex;
flex-direction: column;
gap: 30px;
}
.section-available-space__top{
width: 100%;
max-width: 1130px;
}
.section-available-space__header{
width: 100%;
max-width: 660px;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
gap: 20px;
}
.section-available-space__title{
min-width: 0;
}
.section-available-space__title{
margin: 0;
color: var(--digital-palette-cloud-gray, #e8e8e8);
}
.section-available-space__units{
display: inline-flex;
gap: 10px;
margin-left: auto;
flex: 0 0 auto;
}
.section-available-space__unit{
width: 42px;
height: 28px;
box-sizing: border-box;
padding: 1px 0 0;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
border-radius: 20px;
border: 2px solid rgba(174, 179, 187, 0.15);
background: transparent;
color: var(--digital-palette-cloud-gray, #e8e8e8);
cursor: pointer;
-webkit-appearance: none;
appearance: none;
transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}
.section-available-space__unit:hover,
.section-available-space__unit:focus-visible{
border-color: var(--digital-palette-cloud-gray, #e8e8e8);
}
.section-available-space__unit:focus-visible{
outline: 2px solid var(--digital-palette-sky-blue, #00aaff);
outline-offset: 2px;
}
.section-available-space__unit.is-active{
border-color: var(--digital-palette-storm-gray, #aeb3bb);
}
.section-available-space__bar{
margin-top: 30px;
padding-top: 6px;
padding-bottom: 6px;
width: 100%;
max-width: 1130px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.section-available-space__stats{
display: flex;
align-items: stretch;
gap: 15px;
width: 100%;
}
.section-available-space__stat{
background: #1e4d75;
border-radius: 5px;
padding: 8px 10px 6px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 0;
width: 100%;
max-width: 210px;
}
.section-available-space__stat-value{
margin: 0;
color: var(--digital-palette-cloud-gray, #e8e8e8);
}
.section-available-space__stat-label{
margin: 0;
color: rgba(232, 232, 232, 0.6);
}
.section-available-space__cta{
display: inline-flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
border-radius: 40px;
padding: 10px 17px 9px;
background: var(--digital-palette-electric-blue, #0000fc);
color: var(--digital-palette-cloud-gray, #e8e8e8);
text-decoration: none;
white-space: nowrap;
transition: background-color 0.2s ease, color 0.2s ease;
}
.section-available-space__cta:hover,
.section-available-space__cta:focus-visible{
background: var(--digital-palette-cloud-gray, #e8e8e8);
color: var(--digital-palette-electric-blue, #0000fc);
}
.section-available-space__cta:focus-visible{
outline: 2px solid var(--digital-palette-sky-blue, #00aaff);
outline-offset: 3px;
}
.section-available-space__card{
width: 100%;
max-width: 1130px;
background: var(--digital-palette-cloud-gray, #e8e8e8);
border-radius: 20px;
padding: 15px;
}
.section-available-space__table-wrap{
width: 100%;
}
.section-available-space__scrollbar{
display: none;
margin-top: 20px;
padding: 0 20px 0 0;
}
.section-available-space__scrollbar-track{
position: relative;
height: 4px;
border-radius: 999px;
background: rgba(232, 232, 232, 0.15);
}
.section-available-space__scrollbar-thumb{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 40px;
border-radius: inherit;
background: rgba(232, 232, 232, 0.45);
transform: translateX(0);
cursor: grab;
}
.section-available-space__scrollbar-thumb:active{
cursor: grabbing;
}
.section-available-space__scrollbar.is-hidden{
display: none;
}
.section-available-space__table{
width: 100%;
}
.section-available-space__tr{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 20px;
padding: 8px 10px 6px;
border-radius: 5px;
}
.section-available-space__tr--head{
padding: 0 0 5px;
border-radius: 0;
}
.section-available-space__tbody .section-available-space__tr{
gap: 20px;
padding-left: 0;
padding-right: 0;
}
.section-available-space__tbody .section-available-space__td{
padding-left: 8px;
padding-right: 8px;
}
.section-available-space__tbody .section-available-space__td:not(.section-available-space__td--building){
flex: 0 0 245px;
}
.section-available-space__th{
margin: 0;
color: #050627;
flex: 0 0 245px;
border-bottom: 2px solid rgba(4, 22, 55, 0.15);
padding-bottom: 5px;
padding-left: 8px;
padding-right: 8px;
}
.section-available-space__th--building{
flex: 1;
}
.section-available-space__td{
margin: 0;
color: rgba(5, 6, 39, 0.7);
flex: 0 0 237px;
}
.section-available-space__td--building{
color: #050627;
flex: 1;
}
.section-available-space__tr--alt{
background: rgba(4, 22, 55, 0.15);
}
.section-available-space__gallery{
margin-top: 80px;
width: 100%;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
display: flex;
flex-direction: column;
gap: 30px;
}
.section-available-space__gallery-slider,
.section-available-space__gallery-slider.slick-slider,
.section-available-space__gallery-slider .slick-list,
.section-available-space__gallery-slider .slick-track,
.section-available-space__gallery-slider .slick-slide{
height: auto !important;
}
.section-available-space__gallery-image{
width: 100%;
height: 635px;
border-radius: 0;
display: block;
object-fit: cover;
}
.section-available-space__gallery-controls{
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.section-available-space__gallery-arrows{
display: flex;
align-items: center;
gap: 10px;
}
.section-available-space__gallery-arrow{
width: 40px;
height: 30px;
border: 0;
background: transparent;
padding: 0;
cursor: pointer;
position: relative;
color: var(--digital-palette-cloud-gray, #e8e8e8);
transition: color 0.2s ease;
}
.section-available-space__gallery-arrow::before{
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 40px;
height: 30px;
transform: translate(-50%, -50%);
border-radius: 15px;
border: 2px solid rgba(232, 232, 232, 0.35);
transition: border-color 0.2s ease;
pointer-events: none;
}
.section-available-space__gallery-arrow:focus-visible{
color: var(--digital-palette-sky-blue, #00aaff);
}
.section-available-space__gallery-arrow:focus-visible::before{
border-color: var(--digital-palette-sky-blue, #00aaff);
}
.section-available-space__gallery-arrow:focus-visible{
outline: 2px solid var(--digital-palette-sky-blue, #00aaff);
outline-offset: 2px;
}
.section-key-features__arrow:hover:not(.slick-disabled)::before,
.section-available-space__gallery-arrow:hover::before{
border-color: var(--brand-palette-signature-white, #fff);
}
.section-available-space__gallery-arrow svg{
display: block;
width: 40px;
height: 30px;
}
.section-available-space__gallery-arrow svg rect{
display: none;
}
.section-available-space__gallery-arrow svg path{
transform-box: fill-box;
transform-origin: center;
transition: transform 0.2s ease;
fill: currentColor;
}
.section-available-space__gallery-arrow--prev:hover svg path,
.section-available-space__gallery-arrow--prev:focus-visible svg path{
transform: translateX(-3px);
}
.section-available-space__gallery-arrow--next:hover svg path,
.section-available-space__gallery-arrow--next:focus-visible svg path{
transform: translateX(3px);
}
.section-available-space__gallery-dots{
display: flex;
align-items: center;
justify-content: flex-end;
}
.section-available-space__gallery-dots .slick-dots{
position: static;
display: flex;
gap: 5px;
justify-content: flex-end;
padding: 0;
margin: 0;
list-style: none;
}
.section-available-space__gallery-dots .slick-dots li{
width: auto;
height: auto;
margin: 0;
}
.section-available-space__gallery-dots .slick-dots li button{
width: 6px;
height: 6px;
padding: 0;
border: 0;
border-radius: 10px;
background: var(--digital-palette-cloud-gray, #e8e8e8);
opacity: 0.4;
text-indent: -9999px;
overflow: hidden;
transition: width 0.4s;
}
.section-available-space__gallery-dots .slick-dots li.slick-active button{
width: 16px;
height: 6px;
opacity: 1;
}
@media (max-width: 1100px){
.section-available-space__inner{
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 991px){
.section-available-space{
padding-top: 40px;
padding-bottom: 60px;
}
.section-available-space__inner{
padding-left: 20px;
padding-right: 20px;
}
.section-available-space__header{
max-width: none;
}
.section-available-space__bar{
flex-direction: column;
align-items: flex-start;
}
.section-available-space__stats{
flex-wrap: wrap;
}
.section-available-space__card{
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.section-available-space__table{
min-width: 720px;
}
.section-available-space__tr{
flex-wrap: nowrap;
}
.section-available-space__gallery{
padding-left: 20px;
padding-right: 20px;
margin-top: 60px;
}
.section-available-space__gallery-image{
height: auto;
aspect-ratio: 1440 / 635.29;
}
}
@media (max-width: 814px){ .section-available-space__card{
background: transparent;
padding: 0;
border-radius: 0;
overflow-x: auto;
overflow-y: visible;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.section-available-space__card::-webkit-scrollbar{
height: 0;
}
.section-available-space__scrollbar{
display: block;
}
.section-available-space__table{
background: var(--digital-palette-cloud-gray, #e8e8e8);
border-radius: 20px;
padding: 20px;
}
}
@media (max-width: 720px){
.section-available-space__stats{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 15px;
}
.section-available-space__stat{
max-width: none;
width: 100%;
min-width: 0;
gap: 0;
padding: 6px 12px 3px;
}
.section-available-space__bar {
margin-top: 20px;
gap: 30px;
} .section-available-space__stat:nth-child(1){
grid-column: 1;
grid-row: 1;
}
.section-available-space__stat:nth-child(3){
grid-column: 2;
grid-row: 1;
}
.section-available-space__stat:nth-child(2){
grid-column: 1 / -1;
grid-row: 2;
}
.section-available-space__inner{
padding-right: 0;
}
.section-available-space__top{
padding-right: 20px;
}
.section-available-space__stat-value{
font-size: 17px;
}
}
@media (max-width: 520px){
.section-available-space__gallery{
gap: 20px;
}
.section-available-space__gallery-arrow::before{
border-color: #AEB3BB;
}
} .section-home-1{
position: relative;
z-index: 0;
background: var(--digital-palette-dark-blue-2, #050627);
}
.section-home-1 .container-1440{
max-width: 100%;
padding-left: 0;
padding-right: 0;
padding-bottom: var(--home-hero-sticky-height, 0px);
}
.section-home-1 + section[class*="section-home-"]{
margin-top: calc(var(--home-hero-sticky-height, 0px) * -1);
}
.section-home-1 ~ section[class*="section-home-"]{
position: relative;
z-index: 3;
}
.section-home-1 .home-hero__sticky-layer{
position: sticky;
top: 70px;
z-index: 1;
background: var(--digital-palette-dark-blue-2, #050627);
}
.section-home-1 .home-hero__image{
position: relative;
height: min(550px, 75vh);
max-height: 550px;
overflow: hidden;
}
.section-home-1 .home-hero__image img{
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.section-home-1 .home-hero__video{
position: absolute;
inset: 0;
z-index: 2;
overflow: hidden;
pointer-events: none;
}
.section-home-1 .home-hero__video-el{
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
border: 0;
}
@supports (object-fit: cover){
.section-home-1 video.home-hero__video-el{
object-fit: cover;
}
} .section-home-1 iframe.home-hero__video-el{
width: 177.78vh;
height: 56.25vw;
min-width: 100%;
min-height: 100%;
}
.section-home-1 .home-hero__content{
position: relative;
z-index: 2;
padding: 50px 20px 80px;
display: flex;
flex-direction: column;
gap: 50px;
background: var(--digital-palette-dark-blue-2, #050627);
}
.section-home-1 .home-hero__title{
width: 100%;
margin: 0 auto;
padding: 32px 20px 0;
color: var(--digital-palette-cloud-gray, #e8e8e8);
font-family: var(--desktop-h1-nb-r-50-font-family, NbInternationalPro-Regular, sans-serif);
font-size: var(--desktop-h1-nb-r-50-font-size, 50px);
line-height: var(--desktop-h1-nb-r-50-line-height, 110%);
font-weight: var(--desktop-h1-nb-r-50-font-weight, 400);
letter-spacing: var(--desktop-h1-nb-r-50-letter-spacing, -0.02em);
max-width: 1400px;
}
.section-home-1 .home-hero__headline{
width: 100%;
color: var(--brand-palette-signature-white, #ffffff);
font-family: var(--desktop-h2-nb-r-44-font-family, NbInternationalPro-Regular, sans-serif);
font-size: var(--desktop-h2-nb-r-44-font-size, 44px);
line-height: var(--desktop-h2-nb-r-44-line-height, 110%);
font-weight: var(--desktop-h2-nb-r-44-font-weight, 400);
letter-spacing: var(--desktop-h2-nb-r-44-letter-spacing, -0.02em);
}
.section-home-1 .home-hero__accent{
color: var(--digital-palette-sky-blue, #00aaff);
}
.section-home-1 .home-hero__aside{
width: 440px;
max-width: 100%;
align-self: flex-end;
display: flex;
flex-direction: column;
gap: 40px;
margin-left: auto;
}
.section-home-1 .home-hero__description{
color: var(--digital-palette-cloud-gray, #e8e8e8);
font-family: var(--desktop-h4-al-r-17-font-family, AllianceNo1-Regular, sans-serif);
font-size: var(--desktop-h4-al-r-17-font-size, 17px);
line-height: var(--desktop-h4-al-r-17-line-height, 130%);
font-weight: var(--desktop-h4-al-r-17-font-weight, 400);
letter-spacing: var(--desktop-h4-al-r-17-letter-spacing, -0.02em);
}
.section-home-1 .home-hero__cta{
align-self: flex-start;
font-family: var(--desktop-h4-al-r-17-font-family, AllianceNo1-Regular, sans-serif);
font-size: var(--desktop-h4-al-r-17-font-size, 17px);
line-height: var(--desktop-h4-al-r-17-line-height, 130%);
font-weight: var(--desktop-h4-al-r-17-font-weight, 400);
letter-spacing: var(--desktop-h4-al-r-17-letter-spacing, -0.02em);
transition: background-color 0.3s ease, color 0.3s ease;
}
.section-home-1 .home-hero__cta:hover,
.section-home-1 .home-hero__cta:focus-visible{
background: var(--digital-palette-sky-blue, #00aaff);
}
@media (max-width: 768px){
.section-home-1 .home-hero__sticky-layer{
top: 70px;
}
.section-home-1 .home-hero__content{
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 60px;
gap: 40px;
}
.section-home-1 .home-hero__title{
padding-left: 20px;
padding-right: 20px;
font-size: var(--mobile-h1-nb-r-39-font-size, 39px);
line-height: var(--mobile-h1-nb-r-39-line-height, 115%);
}
.section-home-1 .home-hero__headline{
font-size: var(--mobile-h2-nb-r-33-font-size, 33px);
line-height: var(--mobile-h2-nb-r-33-line-height, 115%);
}
.section-home-1 .home-hero__aside{
width: 100%;
align-self: stretch;
}
}
@media (max-width: 620px){
.home-hero__image .desktop{
display: none!important;
}
.home-hero__image .mobil{
display: block!important;
}
}
@media (max-width: 575px){
.section-home-1 .home-hero__image {
max-height: calc(100vh - 260px);
}
} .section-home-2 .home-features{
background: var(--digital-palette-dark-blue, #041637);
padding: 80px 25px;
max-width: 1130px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 80px;
}
.section-home-2 .home-features__header{
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.section-home-2 .home-features__title{
color: var(--digital-palette-cloud-gray, #e8e8e8);
font-family: var(--desktop-h2-nb-r-44-font-family, NbInternationalPro-Regular, sans-serif);
font-size: var(--desktop-h2-nb-r-44-font-size, 44px);
line-height: var(--desktop-h2-nb-r-44-line-height, 110%);
font-weight: var(--desktop-h2-nb-r-44-font-weight, 400);
letter-spacing: var(--desktop-h2-nb-r-44-letter-spacing, -0.02em);
}
.section-home-2 .home-features__cta{
font-family: var(--desktop-h4-al-r-17-font-family, AllianceNo1-Regular, sans-serif);
font-size: var(--desktop-h4-al-r-17-font-size, 17px);
line-height: var(--desktop-h4-al-r-17-line-height, 130%);
font-weight: var(--desktop-h4-al-r-17-font-weight, 400);
letter-spacing: var(--desktop-h4-al-r-17-letter-spacing, -0.02em);
transition: background-color 0.3s ease, color 0.3s ease;
white-space: nowrap;
}
.section-home-2 .home-features__cta:hover,
.section-home-2 .home-features__cta:focus-visible{
background: var(--digital-palette-sky-blue, #00aaff);
}
.section-home-2 .home-features__cta:focus-visible{
outline: 2px solid var(--digital-palette-sky-blue, #00aaff);
outline-offset: 2px;
}
.section-home-2 .home-features__grid{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 20px;
row-gap: 40px;
margin: 0;
padding: 0;
}
.section-home-2 .home-features__item{
border-bottom: 2px solid rgba(232, 232, 232, 0.15);
padding-bottom: 40px;
display: flex;
flex-direction: column;
gap: 18px;
}
.section-home-2 .home-features__item-head{
display: flex;
align-items: center;
gap: 20px;
}
.section-home-2 .home-features__icon{
width: 9px;
height: 14px;
display: block;
}
.section-home-2 .home-features__item-title{
color: var(--digital-palette-cloud-gray, #e8e8e8);
font-family: var(--desktop-h3-nb-r-23-font-family, NbInternationalPro-Regular, sans-serif);
font-size: var(--desktop-h3-nb-r-23-font-size, 23px);
line-height: var(--desktop-h3-nb-r-23-line-height, 110%);
font-weight: var(--desktop-h3-nb-r-23-font-weight, 400);
letter-spacing: var(--desktop-h3-nb-r-23-letter-spacing, -0.02em);
}
.section-home-2 .home-features__item-text{
color: rgba(232, 232, 232, 0.8);
font-family: var(--desktop-h4-al-r-17-font-family, AllianceNo1-Regular, sans-serif);
font-size: var(--desktop-h4-al-r-17-font-size, 17px);
line-height: var(--desktop-h4-al-r-17-line-height, 130%);
font-weight: var(--desktop-h4-al-r-17-font-weight, 400);
letter-spacing: var(--desktop-h4-al-r-17-letter-spacing, -0.02em);
}
@media (max-width: 900px){
.section-home-2 .home-features__grid{
grid-template-columns: 1fr;
}
}
@media (max-width: 768px){
.section-home-2 .home-features{
padding: 60px 20px;
gap: 40px;
}
.section-home-2 .home-features__header{
display: contents;
}
.section-home-2 .home-features__title{
order: 1;
font-size: var(--mobile-h2-nb-r-33-font-size, 33px);
line-height: var(--mobile-h2-nb-r-33-line-height, 115%);
}
.section-home-2 .home-features__grid{
order: 2;
}
.section-home-2 .home-features__cta{
order: 3;
align-self: flex-start;
}
}
@media (max-width: 680px){
.section-home-2 .home-features__item-title{
font-size: 20px;
}
.section-home-2 .home-features__item-text{
font-size: 15px;
}
.section-home-2 .home-features__item{
padding-bottom: 30px;
}
} .section-home-3 .home-region__image {
width: 100%;
max-width: 100%;
margin: 0 auto;
display: block;
object-fit: cover;
aspect-ratio: 1360 / 635;
}
.section-home-3 .home-region{
background: var(--digital-palette-dark-blue, #041637);
padding: 80px 40px;
display: flex;
flex-direction: column;
gap: 30px;
}
.section-home-3 .home-region__title{
color: var(--digital-palette-cloud-gray, #e8e8e8);
font-family: var(--desktop-h2-nb-r-44-font-family, NbInternationalPro-Regular, sans-serif);
font-size: var(--desktop-h2-nb-r-44-font-size, 44px);
line-height: var(--desktop-h2-nb-r-44-line-height, 110%);
font-weight: var(--desktop-h2-nb-r-44-font-weight, 400);
letter-spacing: var(--desktop-h2-nb-r-44-letter-spacing, -0.02em);
}
.section-home-3 .home-region__row{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 40px;
}
.section-home-3 .home-region__cta{
font-family: var(--desktop-h4-al-r-17-font-family, AllianceNo1-Regular, sans-serif);
font-size: var(--desktop-h4-al-r-17-font-size, 17px);
line-height: var(--desktop-h4-al-r-17-line-height, 130%);
font-weight: var(--desktop-h4-al-r-17-font-weight, 400);
letter-spacing: var(--desktop-h4-al-r-17-letter-spacing, -0.02em);
transition: background-color 0.3s ease, color 0.3s ease;
white-space: nowrap;
}
.section-home-3 .home-region__cta:hover,
.section-home-3 .home-region__cta:focus-visible{
background: var(--digital-palette-sky-blue, #00aaff);
}
.section-home-3 .home-region__cta:focus-visible{
outline: 2px solid var(--digital-palette-sky-blue, #00aaff);
outline-offset: 2px;
}
.section-home-3 .home-region__aside{
width: 440px;
max-width: 100%;
display: flex;
flex-direction: column;
gap: 40px;
}
@media (max-width: 768px){
.section-home-3 .home-region__image{
padding: 0 20px;
}
.section-home-3 .home-region__row .home-region__aside{
order: 2;
gap: 20px;
}
.section-home-3 .home-region__row .home-region__cta{
order: 3;
}
} .section-key-features{
width: 100%;
align-self: stretch;
padding: 60px 20px;
display: flex;
flex-direction: column;
gap: 60px;
max-width: 1400px;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.section-key-features__header{
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.section-key-features__title{
margin: 0;
color: var(--digital-palette-cloud-gray, #e8e8e8);
}
.section-key-features__arrows{
display: flex;
gap: 2px;
align-items: center;
justify-content: flex-end;
height: 33px;
}
.section-key-features__arrow{
width: 45px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 0;
padding: 0;
background: transparent;
cursor: pointer;
position: relative;
color: var(--digital-palette-cloud-gray, #e8e8e8);
-webkit-appearance: none;
appearance: none;
transition: color 0.2s ease;
}
.section-key-features__arrow::before{
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 40px;
height: 30px;
transform: translate(-50%, -50%);
border-radius: 15px;
border: 2px solid rgba(232, 232, 232, 0.35);
transition: border-color 0.2s ease;
pointer-events: none;
}
.section-key-features__arrow.slick-disabled{
opacity: 0.35;
cursor: default;
}
.section-key-features__arrow:focus-visible:not(.slick-disabled){
color: var(--digital-palette-sky-blue, #00aaff);
}
.section-key-features__arrow:focus-visible:not(.slick-disabled)::before{
border-color: var(--digital-palette-sky-blue, #00aaff);
}
.section-key-features__arrow:focus-visible{
outline: 2px solid var(--digital-palette-sky-blue, #00aaff);
outline-offset: 2px;
}
.section-key-features__arrow svg{
display: block;
width: 40px;
height: 30px;
}
.section-key-features__arrow svg rect{
display: none;
}
.section-key-features__arrow svg path{
transform-box: fill-box;
transform-origin: center;
transition: transform 0.2s ease;
fill: currentColor;
}
.section-key-features__arrow--prev:hover:not(.slick-disabled) svg path,
.section-key-features__arrow--prev:focus-visible:not(.slick-disabled) svg path{
transform: translateX(-3px);
}
.section-key-features__arrow--next:hover:not(.slick-disabled) svg path,
.section-key-features__arrow--next:focus-visible:not(.slick-disabled) svg path{
transform: translateX(3px);
}
.section-key-features__content{
width: 100%;
position: relative;
}
.section-key-features.is-key-features-static .section-key-features__arrows,
.section-key-features.is-key-features-static .section-key-features__dots{
display: none;
}
.section-key-features__slider{
width: 100%;
margin-right: -15px;
}
.section-key-features.is-key-features-static .section-key-features__slider{
display: flex;
flex-wrap: nowrap;
gap: 16px;
margin-right: 0;
}
.section-key-features__slider.slick-slider{
width: 100%;
}
.section-key-features__slider .slick-list{
overflow: visible;
}
.section-key-features__slider .slick-slide{
margin: 0 8px;
}
.section-key-features__content::before {
content: '';
position: absolute;
left: -21px;
top: 0;
width: 10px;
height: 100%;
background: #050627;
z-index: 1;
pointer-events: none;
}
.section-key-features__card{
width: 256px;
height: 200px;
box-sizing: border-box;
padding: 10px 10px 20px 15px;
border-radius: 12px;
background: var(--digital-palette-cloud-gray, #e8e8e8);
display: flex !important;
flex-direction: column;
justify-content: space-between;
backdrop-filter: blur(6px);
}
.section-key-features__card-head{
display: flex;
flex-direction: column;
gap: 10px;
}
.section-key-features__card-icon{
width: 9px;
height: 14px;
}
.section-key-features__card-title{
margin: 0;
color: #050627;
}
.section-key-features__card-text{
margin: 0;
color: rgba(5, 6, 39, 0.8);
}
.section-key-features__dots{
margin-top: 10px;
}
.section-key-features__dots .slick-dots{
position: static;
display: flex;
gap: 5px;
justify-content: flex-start;
padding: 0;
margin: 0;
list-style: none;
}
.section-key-features__dots .slick-dots li{
width: auto;
height: auto;
margin: 0;
}
.section-key-features__dots .slick-dots li button{
width: 6px;
height: 6px;
padding: 0;
border: 0;
border-radius: 10px;
background: var(--digital-palette-cloud-gray, #e8e8e8);
opacity: 0.4;
text-indent: -9999px;
overflow: hidden;
}
.section-key-features__dots .slick-dots li.slick-active button{
width: 16px;
height: 6px;
opacity: 1;
}
.section-home-3 .home-region__description{
color: var(--digital-palette-cloud-gray, #e8e8e8);
font-family: var(--desktop-h4-al-r-17-font-family, AllianceNo1-Regular, sans-serif);
font-size: var(--desktop-h4-al-r-17-font-size, 17px);
line-height: var(--desktop-h4-al-r-17-line-height, 130%);
font-weight: var(--desktop-h4-al-r-17-font-weight, 400);
letter-spacing: var(--desktop-h4-al-r-17-letter-spacing, -0.02em);
}
.section-home-3 .home-region__hint{
color: rgba(232, 232, 232, 0.8);
font-family: var(--desktop-h4-al-r-17-font-family, AllianceNo1-Regular, sans-serif);
font-size: var(--desktop-h4-al-r-17-font-size, 17px);
line-height: var(--desktop-h4-al-r-17-line-height, 130%);
font-weight: var(--desktop-h4-al-r-17-font-weight, 400);
letter-spacing: var(--desktop-h4-al-r-17-letter-spacing, -0.02em);
}
@media (max-width: 900px){
.section-home-3 .home-region__row{
flex-direction: column;
gap: 40px;
}
.section-home-3 .home-region__aside{
width: 100%;
}
}
@media (max-width: 768px){
.section-home-3 .home-region{
padding: 60px 20px;
}
.section-home-3 .home-region__title{
font-size: var(--mobile-h2-nb-r-33-font-size, 33px);
line-height: var(--mobile-h2-nb-r-33-line-height, 115%);
}
}
@media (max-width: 520px){
.section-key-features__arrows{
display: none;
}
.section-key-features{
gap: 45px;
}
} .section-home-5 .home-brands{
padding: 80px 0;
}
.section-home-5 .home-brands__panel{
background: rgba(0, 0, 0, 0.03);
}
.section-home-5 .home-brands__content{
display: flex;
flex-direction: column;
gap: 60px;
align-items: flex-start;
padding: 0 25px 20px;
}
.section-home-5 .home-brands__lead{
max-width: 670px;
}
@media (max-width: 768px){
.section-home-5 .home-brands{
padding: 60px 0;
}
.section-home-5 .home-brands__content{
gap: 30px;
padding: 0 20px 20px;
}
.section-home-5 .home-brands__lead{
max-width: none;
}
} .section-home-8 .home-news__panel{
background: var(--digital-palette-dark-blue, #041637);
padding: 80px 40px;
display: flex;
flex-direction: column;
gap: 60px;
}
.section-home-8 .home-news__header{
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.section-home-8 .home-news__title{
flex: 1;
}
.section-home-8 .home-news__cta{
white-space: nowrap;
transition: background-color 0.3s ease, color 0.3s ease;
}
.section-home-8 .home-news__cta:hover,
.section-home-8 .home-news__cta:focus-visible{
background: var(--digital-palette-sky-blue, #00aaff);
color: var(--digital-palette-dark-blue-2, #050627);
}
.section-home-8 .home-news__cta:focus-visible{
outline: 2px solid var(--digital-palette-sky-blue, #00aaff);
outline-offset: 2px;
}
.section-home-8 .home-news__grid{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
@media (max-width: 1100px){
.section-home-8 .home-news__grid{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.section-home-8 .home-news-card{
width: 100%;
background: var(--digital-palette-moody-blue-2, #1e4d75);
border-radius: 20px;
padding: 20px 40px 20px 20px;
display: flex;
flex-direction: column;
gap: 20px;
backdrop-filter: blur(6px);
transition: background-color 0.25s ease;
}
.section-home-8 .home-news-card__head{
display: flex;
flex-direction: column;
gap: 20px;
min-height: 150px;
}
.section-home-8 .home-news-card__date-pill{
height: 27px;
padding: 5px 10px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 2px solid rgba(232, 232, 232, 0.15);
border-radius: 20px;
width: fit-content;
}
.section-home-8 .home-news-card__date-pill .home-news-card__date{
padding-top: 3px;
}
.section-home-8 .home-news-card__title{
margin: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
line-clamp: 4;
overflow: hidden;
}
.section-home-8 .home-news-card__link{
align-self: flex-start;
border-bottom: 1.5px solid var(--digital-palette-cloud-gray, #e8e8e8);
padding-bottom: 3px;
text-decoration: none;
transition: color 0.25s ease, border-bottom-color 0.25s ease;
}
.section-home-8 .home-news-card:hover,
.section-home-8 .home-news-card:focus-within{
background: transparent;
}
.section-home-8 .home-news-card:hover .home-news-card__link,
.section-home-8 .home-news-card:focus-within .home-news-card__link{
color: var(--digital-palette-sky-blue, #00aaff);
border-bottom-color: var(--digital-palette-sky-blue, #00aaff);
}
.section-home-8 .home-news-card__link:hover,
.section-home-8 .home-news-card__link:focus-visible{
color: var(--digital-palette-sky-blue, #00aaff);
border-bottom-color: var(--digital-palette-sky-blue, #00aaff);
}
.section-home-8 .home-news-card__link:focus-visible{
outline: 2px solid var(--digital-palette-sky-blue, #00aaff);
outline-offset: 3px;
}
@media (max-width: 768px){
.section-home-8 .home-news__header{
display: contents;
}
.section-home-8 .home-news__title{
order: 1;
}
.section-home-8 .home-news__grid{
order: 2;
}
.section-home-8 .home-news__cta{
order: 3;
align-self: flex-start;
}
.section-home-8 .home-news__grid{
grid-template-columns: 1fr;
}
.section-home-8 .home-news-card{
padding: 20px;
}
.section-home-8 .home-news-card__head{
min-height: auto;
}
.section-home-8 .home-news__panel{
padding: 60px 20px;
gap: 40px;
}
} .section-divider-pattern__img{
aspect-ratio: 720 / 654.36;
}
.section-divider-pattern__fade{
background: linear-gradient(
180deg,
rgba(5, 6, 39, 1) 0%,
rgba(5, 6, 39, 0) 100%
);
transform: translateX(-50%);
}
.section-divider-pattern__fade--bottom{
transform-origin: 0 0;
transform: translateX(-50%) scaleY(-1);
}
@media (max-width: 480px){
.page-portfolio .js-portfolio-select .portfolio-select__btn{
max-width: 100%;
}
.section-home-8 .home-news-card__title{
font-size: 17px;
}
}
@media (max-width: 500px){
.page-news .js-news-select {
width: 100%;
}
}
@media (max-width: 900px){
.section-key-features__slider.slick-slider{
position: relative;
left: -5px;
}
}
@media (max-width: 1080px){
.section-location__header{
gap: 36px;
}
.section-location__map{
border-radius: 16px;
}
.section-location__sidebar-top{
padding: 18px 16px 0;
}
.section-location__units{
gap: 8px;
}
.section-location__rows{
padding: 12px 16px 14px;
}
.section-location__row{
width: 100%;
padding: 6px 12px;
}
.section-location__row-values{
gap: 8px;
}
.section-location__row-value{
width: 58px;
}
.section-location__marker{
width: 34px;
height: 34px;
aspect-ratio: 1;
}
.section-location__pin{
width: 29px;
height: 29px;
padding: 3px;
aspect-ratio: 1;
}
.section-location__pin-dot{
width: 17px;
height: 17px;
aspect-ratio: 1;
}
.section-location__marker:hover .section-location__pin-dot,
.section-location__marker:focus-within .section-location__pin-dot,
.section-location__marker.is-open .section-location__pin-dot{
width: 11px;
height: 11px;
}
.section-location__tooltip{
min-width: 120px;
max-width: 300px;
bottom: calc(100% - 2px);
}
.section-location__tooltip-card{
border-radius: 12px;
padding: 4px 10px;
}
.section-location__tooltip-tip{
width: 13px;
height: 8px;
margin-top: -3px;
}
.section-location__marker--city .section-location__tooltip{
left: auto;
right: -2px;
transform: translate(0, 4px);
}
.section-location__marker--city.is-open .section-location__tooltip{
transform: translate(0, 0);
}
.section-location__brand{
width: 86px;
height: 38px;
}
.section-location__brand-card{
width: 100%;
padding: 6px 8px;
border-radius: 19px;
}
.section-location__brand-logo{
width: 69px;
height: auto;
}
.section-location__brand-tip{
left: 50%;
top: 100%;
width: 13px;
height: 8px;
transform: translate(-50%, -9px);
}
.section-location__controls{
left: 10px;
right: auto;
bottom: 10px;
padding: 3px 4px;
gap: 3px;
border-radius: 14px;
}
.section-location__controls-zoom{
gap: 2px;
}
.section-location__controls-btn{
width: 32px;
height: 24px;
}
.section-location__controls-arrow{
width: 10px;
height: 10px;
}
.section-location__controls-minus{
width: 10px;
height: 2px;
}
} @media (max-width: 1080px){
.section-location__map {
height: auto;
border-radius: 14px;
grid-template-rows: auto auto auto;
margin: 0 auto;
}
.section-location__sidebar-top{
gap: 10px;
margin-bottom: 11px;
}
.section-location__map-layer{
aspect-ratio: 1360 / 650;
height: auto;
min-height: 0;
}
.section-location__sidebar-top{
padding: 16px 12px 6px;
}
.section-location__units{
gap: 6px;
}
.section-location__unit{
width: 43px;
height: 27px;
}
.section-location__rows{
padding: 10px 12px 12px;
}
.section-location__row{
padding: 7px 10px;
}
.section-location__row-values{
gap: 6px;
}
.section-location__row-value{
width: 54px;
}
.section-location__controls{
left: 6px;
bottom: 6px;
padding: 6px;
gap: 6px;
border-radius: 16px;
}
.section-location__controls-btn{
width: 36px;
height: 27px;
border-width: 1.5px;
}
.section-location__controls-btn--outline{
border-width: 1.5px;
}
.section-location__controls-zoom{
gap: 0;
} .section-location__controls.js-map-zoom > div:first-child{
max-height: none;
opacity: 1;
overflow: hidden;
gap: 6px;
transition: max-width 220ms ease, opacity 220ms ease;
}
.section-location__controls.js-map-zoom.is-collapsed > div:first-child{
max-width: 0;
max-height: none;
opacity: 0;
pointer-events: none;
}
.section-location__controls.js-map-zoom.is-collapsed{
gap: 0;
}
.section-location__controls-arrow{
width: 12px;
height: 12px;
}
.section-location__controls-minus{
width: 14px;
height: 3px;
}
.section-location__marker{
width: 30px;
height: 30px;
z-index: 2;
}
.section-location__marker.is-open{
z-index: 5;
}
.section-location__pin{
width: 24px;
height: 24px;
padding: 2px;
}
.section-location__pin-dot{
width: 13px;
height: 13px;
}
.section-location__marker:hover .section-location__pin-dot,
.section-location__marker:focus-within .section-location__pin-dot,
.section-location__marker.is-open .section-location__pin-dot{
width: 9px;
height: 9px;
}
.section-location__brand{
width: 78px;
height: 34px;
}
.section-location__brand-card{
border-radius: 17px;
padding: 5px 7px;
}
.section-location__brand-logo{
width: 62px;
height: auto;
}
.section-location__tooltip{
min-width: 120px;
max-width: 300px;
bottom: calc(100% - 3px);
}
.section-location__marker.is-open .section-location__tooltip{
transform: translate(-50%, 0);
}
.section-location__marker--city .section-location__tooltip{
right: auto;
left: 50%;
}
.section-location__marker--city.is-open .section-location__tooltip{
transform: translate(-50%, 0);
}
.section-location__tooltip-card{
border-radius: 14px;
padding: 4px 8px;
}
.section-location__tooltip-title{
font-size: 14px;
line-height: 1.2;
}
.section-location__tooltip-values{
gap: 6px;
}
.section-location__tooltip-value{
font-size: 13px;
line-height: 1.2;
}
.section-location__tooltip-tip{
width: 12px;
height: 7px;
margin-top: -1px;
}
.section-location__brand-tip{
width: 11px;
height: 7px;
transform: translate(-50%, -11px);
}
}
@media (max-width: 991px){
.section-home-4{
overflow: hidden;
} .section-home-4 .home-map{
display: grid;
grid-template-rows: 700px auto;
height: auto;
overflow: visible;
} .section-home-4 .home-map > .js-map-scene{
grid-row: 1;
grid-column: 1;
position: relative;
height: 700px;
overflow: hidden;
} .section-home-4 .home-map__zoom{
grid-row: 1;
grid-column: 1;
position: relative;
left: auto;
right: auto;
top: auto;
bottom: auto;
align-self: end;
justify-self: start;
margin: 40px;
} .section-home-4 .home-map-panel{
grid-row: 2;
grid-column: 1;
position: relative;
left: auto;
right: auto;
top: auto;
bottom: auto;
margin: 20px auto 0;
width: 100%;
max-width: calc(100% - 10px);
} .section-home-4 .home-map-panel.js-map-overlay--center{
top: auto !important;
bottom: auto !important;
transform: none !important;
}
} .section-home-4 .container-1440{
max-width: 100%;
} @media (max-width: 991px) and (min-width: 576px){
.section-home-4 .home-map__zoom{
flex-direction: row;
align-items: center;
gap: 10px;
}
.section-home-4 .home-map__zoom-group{
flex-direction: row;
align-items: center;
gap: 10px;
}
.section-home-4 .home-map__zoom.js-map-zoom > div:first-child{
max-width: 120px;
max-height: 120px;
opacity: 1;
overflow: hidden;
transition: max-width 220ms ease, max-height 220ms ease, opacity 220ms ease;
}
.section-home-4 .home-map__zoom.js-map-zoom.is-collapsed > div:first-child{
max-width: 0;
max-height: 0;
opacity: 0;
pointer-events: none;
}
.section-home-4 .home-map__zoom.js-map-zoom.is-collapsed{
gap: 0;
}
.section-home-4 .home-map-panel__posts{
height: auto;
overflow: hidden;
padding-right: 0;
}
.section-home-4 .home-map-panel:not(.is-expanded) .home-map-post:nth-child(n+6){
display: none;
}
.section-home-4 .home-map-panel__see-more{
display: block;
width: fit-content;
margin: 14px auto 0;
color: var(--digital-palette-cloud-gray, #e8e8e8);
border-bottom: 1.5px solid var(--digital-palette-cloud-gray, #e8e8e8);
cursor: pointer;
}
.section-home-4 .home-map-panel__see-more[hidden]{
display: none !important;
}
.section-home-4 .home-map-panel.is-expanded .home-map-panel__see-more{
display: none;
} .section-home-4 .home-map-post{
gap: 12px;
}
.section-home-4 .home-map-post__content{
width: 36%;
min-width: 170px;
}
.section-home-4 .home-map-post__img{
height: 110px;
}
}
@media (max-width: 767px){
.section-location__sidebar-top{
padding: 14px 12px 0;
}
.section-location__rows{
padding: 10px 12px 12px;
}
.section-location__units{
gap: 8px;
}
.section-location__marker{
width: 30px;
height: 30px;
}
.section-location__pin{
width: 25px;
height: 25px;
padding: 3px;
}
.section-location__pin-dot{
width: 14px;
height: 14px;
}
.section-location__marker:hover .section-location__pin-dot,
.section-location__marker:focus-within .section-location__pin-dot,
.section-location__marker.is-open .section-location__pin-dot{
width: 9px;
height: 9px;
}
.section-location__tooltip{
min-width: 120px;
max-width: 300px;
bottom: calc(100% - 2px);
}
.section-location__tooltip-card{
border-radius: 11px;
padding: 4px 8px;
}
.section-location__tooltip-tip{
width: 12px;
height: 7px;
margin-top: -3px;
}
.section-location__controls{
left: 8px;
bottom: 8px;
gap: 2px;
padding: 3px;
}
.section-location__controls-btn{
width: 28px;
height: 21px;
border-width: 1.5px;
}
.section-location__controls-zoom{
gap: 1px;
}
}
@media (max-width: 575px){
.section-key-features__slider.slick-slider {
max-width: 260px;
}
.section-timeline {
padding: 0;
}
.section-timeline .timeline-slider{
max-width: 270px;
}
.section-timeline .slick-list{
overflow: visible !important;
}
.section-timeline .timeline-card__year {
font-size: 36px;
}
.section-timeline .timeline-card .timeline-card__text {
font-size: 14px;
}
.section-location__map-layer{
aspect-ratio: 1360 / 820;
min-height: 415px;
}
.section-location__sidebar-top{
padding: 14px 17px 0;
}
.section-location__rows{
padding: 10px 10px 12px;
}
.section-location__row{
padding: 6px 10px;
}
.section-location__controls{
left: 8px;
bottom: 8px;
gap: 2px;
padding: 3px;
}
.section-location__controls-btn{
width: 28px;
height: 21px;
border-width: 1.5px;
}
.section-location__controls-zoom{
gap: 1px;
}
.section-location__controls-btn--outline{
border-width: 1.5px;
}
.section-location__controls-arrow{
width: 12px;
height: 12px;
}
.section-location__controls-minus{
width: 12px;
height: 2.5px;
}
.section-location__marker{
width: 28px;
height: 28px;
z-index: 2;
} .section-location__marker--airport{ left: 66%; top: 18%; }
.section-location__marker--city{ left: 82%; top: 60%; }
.section-location__marker--port{ left: 35%; top: 78%; }
.section-location__marker.is-open{
z-index: 4;
}
.section-location__pin{
width: 23px;
height: 23px;
padding: 2px;
}
.section-location__pin-dot{
width: 13px;
height: 13px;
}
.section-location__marker:hover .section-location__pin-dot,
.section-location__marker:focus-within .section-location__pin-dot,
.section-location__marker.is-open .section-location__pin-dot{
width: 8px;
height: 8px;
}
.section-location__tooltip{
bottom: calc(100% - 4px);
}
.section-location__marker.is-open .section-location__tooltip{
transform: translate(-50%, -1px);
}
.section-location__tooltip-card{
padding: 3px 8px;
}
.section-location__tooltip-tip{
width: 11px;
height: 6px;
margin-top: -3px;
}
.section-location__marker--city .section-location__tooltip{
right: auto;
left: 50%;
}
.section-location__marker--city.is-open .section-location__tooltip{
transform: translate(-50%, -1px);
} .section-home-4 .home-map{
grid-template-rows: auto auto;
}
.section-home-4 .home-map > .js-map-scene{
height: auto;
} .section-home-4 .home-map > .js-map-scene[data-home-mapbox="true"]{
height: 415px;
min-height: 415px;
} .section-home-4 .home-map__bg.mobile{
width: 100%;
height: auto;
display: block;
object-fit: contain;
} .section-home-4 .home-map__zoom{
margin: 14px;
padding: 6px;
gap: 10px;
border-radius: 18px;
flex-direction: row;
align-items: center;
}
.section-home-4 .home-map__zoom-group{
gap: 6px;
flex-direction: row;
align-items: center;
} .section-home-4 .home-map__zoom.js-map-zoom > div:first-child{
max-width: 88px;
max-height: 34px;
opacity: 1;
overflow: hidden;
transition: max-width 220ms ease, max-height 220ms ease, opacity 220ms ease;
}
.section-home-4 .home-map__zoom.js-map-zoom.is-collapsed > div:first-child{
max-width: 0;
max-height: 0;
opacity: 0;
pointer-events: none;
}
.section-home-4 .home-map__zoom.js-map-zoom.is-collapsed{
gap: 0;
}
.section-home-4 .home-map__zoom-in,
.section-home-4 .home-map__zoom-out,
.section-home-4 .home-map__zoom-toggle{
width: 34px;
height: 28px;
}
.section-home-4 .home-map__zoom-out span{
width: 10px;
height: 2px;
}
.section-home-4 .home-map__zoom-toggle img{
width: 11px;
height: 11px;
} .section-home-4 .home-map__hotspot{
width: 34px;
height: 34px;
}
.section-home-4 .home-map__pin{
width: 28px;
height: 28px;
padding: 3px;
}
.section-home-4 .home-map__pin-core{
width: 18px;
height: 18px;
}
.section-home-4 .home-map__hotspot:hover .home-map__pin-core,
.section-home-4 .home-map__hotspot:focus-within .home-map__pin-core{
width: 12px;
height: 12px;
} .section-home-4 .home-map-panel{
margin-top: 12px;
max-width: calc(100% - 16px);
padding: 8px;
border-radius: 16px;
}
.section-home-4 .home-map-panel__header{
padding: 8px;
border-radius: 12px;
}
.section-home-4 .home-map-panel__title{
gap: 12px;
}
.section-home-4 .home-map-panel__country{
font-size: 20px;
}
.section-home-4 .home-map-panel__nav{
width: 32px;
height: 24px;
}
.section-home-4 .home-map-panel__units{
gap: 6px;
}
.section-home-4 .home-map-panel__unit{
width: 34px;
height: 22px;
font-size: 14px;
border-width: 1.5px;
}
.section-home-4 .home-map-panel__stats{
margin-top: 12px;
padding-top: 14px;
gap: 10px;
}
.section-home-4 .home-map-panel__stat{
width: auto;
flex: 1;
min-width: 0;
}
.section-home-4 .home-map-panel__stat-value{
font-size: 14px;
}
.section-home-4 .home-map-panel__stat-label{
font-size: 13px;
margin-top: 6px;
} .section-home-4 .home-map-panel__posts{
height: auto;
overflow: hidden;
padding-right: 0;
}
.section-home-4 .home-map-panel:not(.is-expanded) .home-map-post:nth-child(n+6){
display: none;
}
.section-home-4 .home-map-panel__see-more{
display: block;
width: fit-content;
margin: 12px auto 0;
color: var(--digital-palette-cloud-gray, #e8e8e8);
border-bottom: 1.5px solid var(--digital-palette-cloud-gray, #e8e8e8);
cursor: pointer;
}
.section-home-4 .home-map-panel__see-more[hidden]{
display: none !important;
}
.section-home-4 .home-map-panel.is-expanded .home-map-panel__see-more{
display: none;
}
.section-home-4 .home-map-post{
padding: 8px;
gap: 8px;
}
.section-home-4 .home-map-post__content{
width: 44%;
}
.section-home-4 .home-map-post__name,
.section-home-4 .home-map-post__meta,
.section-home-4 .home-map-post__link{
font-size: 14px;
}
.section-home-4 .home-map-post__img{
height: 88px;
}
}
.section-location__controls-btn:hover{
border-color:#fff;
} .home-map__zoom-in{
border: 2px solid rgba(232, 232, 232, 0.15);
} .section-home-4 .home-map > .js-map-scene[data-home-mapbox="true"]{
position: relative;
width: 100%;
height: 700px;
} .section-home-4 .js-home-mapbox{
z-index: 1;
} .section-home-4 .home-map-panel__posts{
gap: 12px;
}
.section-home-4 .home-map-post__content{
align-self: stretch;
min-height: 124px;
}
.section-home-4 .home-map-post__link{
margin-top: auto !important;
}
@media (max-width: 991px) and (min-width: 576px){
.section-home-4 .home-map-post__content{
min-height: 110px;
}
}
.section-home-4 .home-map__marker{
width: 45px;
height: 45px;
padding: 0;
border: 0;
background: transparent;
cursor: pointer;
}
.section-home-4 .home-map__marker .home-map__pin{
left: auto;
top: auto;
}
.section-home-4 .home-map__marker:hover .home-map__pin-core,
.section-home-4 .home-map__marker:focus-visible .home-map__pin-core{
width: 15px;
height: 15px;
}
@media (max-width: 575px){
.section-home-4 .home-map > .js-map-scene[data-home-mapbox="true"]{
height: 415px;
min-height: 415px;
}
.section-home-4 .home-map-post__content{
min-height: 88px;
}
}
.fancybox__content {
padding: 0 !important;
background: transparent !important;
}
.fancybox__slide {
padding: 0 !important;
} .news-table-card-wrap{
--news-table-head-gap: 20px;
--news-table-head-half-gap: calc(var(--news-table-head-gap) / 2);
}
.news-table-card-wrap table thead th{
border-bottom: 0;
--news-table-head-inset-left: var(--news-table-head-half-gap);
--news-table-head-inset-right: var(--news-table-head-half-gap);
background-image: linear-gradient(rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25));
background-repeat: no-repeat;
background-size: calc(100% - var(--news-table-head-inset-left) - var(--news-table-head-inset-right)) 2px;
background-position: var(--news-table-head-inset-left) 100%;
}
.news-table-card-wrap table thead th:first-child{
--news-table-head-inset-left: 0px;
}
.news-table-card-wrap table thead th:last-child{
--news-table-head-inset-right: 0px;
}
.section-governance-0{
padding-bottom: 80px;
}
.px-35{
padding-left: 35px;
padding-right: 35px;
}
@media (min-width: 1401px){
.section-available-space__gallery{
max-width: 100%;
padding: 0;
}
.section-available-space__gallery-image{
height: auto;
}
.section-available-space__gallery-controls {
max-width: 1350px;
margin: 0 auto;
width: 100%;
}
}
@media (max-width: 1400px){
.px-35{
padding-left: 5px;
padding-right: 5px;
}
.section-location__header{
padding-left: 20px;
padding-right: 20px;
}
.section-key-features {
padding-left: 15px;
padding-right: 15px;
}
.section-hero__inner{
padding-left: 20px;
padding-right: 20px;
}
}