html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: "Lato", sans-serif;
}
body {
margin: 0;
font-family: "Lato", sans-serif;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
vertical-align: baseline;
display: inline-block
}
audio:not([controls]) {
height: 0;
display: none
}
[hidden],
template {
display: none
}
a {
background-color: #0000
}
a:active,
a:hover {
outline: 0;
color: var(--lightgreen);
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
margin: .67em 0;
font-size: 2em
}
mark {
color: #000;
background: #ff0
}
small {
font-size: 80%
}
sub,
sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
hr {
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: "Lato", sans-serif;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search] {
-webkit-appearance: none
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: 700
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
@font-face {
font-family: webflow-icons;
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)format("truetype");
font-weight: 400;
font-style: normal
}
[class^=w-icon-],
[class*=\ w-icon-] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: 400;
line-height: 1;
font-family: webflow-icons !important
}
.w-icon-slider-right:before {
content: ""
}
.w-icon-slider-left:before {
content: ""
}
.w-icon-nav-menu:before {
content: ""
}
.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
content: ""
}
.w-icon-file-upload-remove:before {
content: ""
}
.w-icon-file-upload-icon:before {
content: ""
}
* {
box-sizing: border-box
}
html {
height: 100%
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: "Lato", sans-serif;
font-size: 14px;
line-height: 20px
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block
}
html.w-mod-touch * {
background-attachment: scroll !important
}
.w-block {
display: block
}
.w-inline-block {
max-width: 100%;
display: inline-block
}
.w-clearfix:before,
.w-clearfix:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-clearfix:after {
clear: both
}
.w-hidden {
display: none
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block
}
input.w-button {
-webkit-appearance: button
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important
}
.w-code-block {
margin: unset
}
pre.w-code-block code {
all: inherit
}
.w-optimization {
display: contents
}
.w-webflow-badge,
.w-webflow-badge>img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important
}
.w-webflow-badge>img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 10px;
font-weight: 700
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px
}
p {
margin-top: 0;
margin-bottom: 10px
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px
}
figure {
margin: 0 0 10px
}
figcaption {
text-align: center;
margin-top: 5px
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px
}
.w-list-unstyled {
padding-left: 0;
list-style: none
}
.w-embed:before,
.w-embed:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-embed:after {
clear: both
}
.w-video {
width: 100%;
padding: 0;
position: relative
}
.w-video iframe,
.w-video object,
.w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
fieldset {
border: 0;
margin: 0;
padding: 0
}
button,
[type=button],
[type=reset] {
cursor: pointer;
-webkit-appearance: button;
border: 0
}
.w-form {
margin: 0 0 15px
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none
}
label {
margin-bottom: 5px;
font-weight: 700;
display: block
}
.w-input,
.w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block
}
.w-input::placeholder,
.w-select::placeholder {
color: #999
}
.w-input:focus,
.w-select:focus {
border-color: #3898ec;
outline: 0
}
.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
cursor: not-allowed
}
.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input,
fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee
}
textarea.w-input,
textarea.w-select {
height: auto
}
.w-select {
background-color: #f3f3f3
}
.w-select[multiple] {
height: auto
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: 400;
display: inline-block
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block
}
.w-radio:before,
.w-radio:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-radio:after {
clear: both
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal
}
.w-file-upload {
margin-bottom: 10px;
display: block
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden
}
.w-file-upload-default,
.w-file-upload-uploading,
.w-file-upload-success {
color: #333;
display: inline-block
}
.w-file-upload-error {
margin-top: 10px;
display: block
}
.w-file-upload-default.w-hidden,
.w-file-upload-uploading.w-hidden,
.w-file-upload-error.w-hidden,
.w-file-upload-success.w-hidden {
display: none
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: 400;
display: flex
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: 400;
display: block
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: 400;
display: inline-block
}
.w-icon-file-upload-icon,
.w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block
}
.w-icon-file-upload-uploading {
height: 20px
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto
}
.w-container:before,
.w-container:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-container:after {
clear: both
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px
}
.w-row:before,
.w-row:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-row:after {
clear: both
}
.w-row .w-row {
margin-left: 0;
margin-right: 0
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative
}
.w-col .w-col {
padding-left: 0;
padding-right: 0
}
.w-col-1 {
width: 8.33333%
}
.w-col-2 {
width: 16.6667%
}
.w-col-3 {
width: 25%
}
.w-col-4 {
width: 33.3333%
}
.w-col-5 {
width: 41.6667%
}
.w-col-6 {
width: 50%
}
.w-col-7 {
width: 58.3333%
}
.w-col-8 {
width: 66.6667%
}
.w-col-9 {
width: 75%
}
.w-col-10 {
width: 83.3333%
}
.w-col-11 {
width: 91.6667%
}
.w-col-12 {
width: 100%
}
.w-hidden-main {
display: none !important
}
@media screen and (max-width:991px) {
.w-container {
max-width: 728px
}
.w-hidden-main {
display: inherit !important
}
.w-hidden-medium {
display: none !important
}
.w-col-medium-1 {
width: 8.33333%
}
.w-col-medium-2 {
width: 16.6667%
}
.w-col-medium-3 {
width: 25%
}
.w-col-medium-4 {
width: 33.3333%
}
.w-col-medium-5 {
width: 41.6667%
}
.w-col-medium-6 {
width: 50%
}
.w-col-medium-7 {
width: 58.3333%
}
.w-col-medium-8 {
width: 66.6667%
}
.w-col-medium-9 {
width: 75%
}
.w-col-medium-10 {
width: 83.3333%
}
.w-col-medium-11 {
width: 91.6667%
}
.w-col-medium-12 {
width: 100%
}
.w-col-stack {
width: 100%;
left: auto;
right: auto
}
}
@media screen and (max-width:767px) {
.w-hidden-main,
.w-hidden-medium {
display: inherit !important
}
.w-hidden-small {
display: none !important
}
.w-row,
.w-container .w-row {
margin-left: 0;
margin-right: 0
}
.w-col {
width: 100%;
left: auto;
right: auto
}
.w-col-small-1 {
width: 8.33333%
}
.w-col-small-2 {
width: 16.6667%
}
.w-col-small-3 {
width: 25%
}
.w-col-small-4 {
width: 33.3333%
}
.w-col-small-5 {
width: 41.6667%
}
.w-col-small-6 {
width: 50%
}
.w-col-small-7 {
width: 58.3333%
}
.w-col-small-8 {
width: 66.6667%
}
.w-col-small-9 {
width: 75%
}
.w-col-small-10 {
width: 83.3333%
}
.w-col-small-11 {
width: 91.6667%
}
.w-col-small-12 {
width: 100%
}
}
@media screen and (max-width:479px) {
.w-container {
max-width: none
}
.w-hidden-main,
.w-hidden-medium,
.w-hidden-small {
display: inherit !important
}
.w-hidden-tiny {
display: none !important
}
.w-col {
width: 100%
}
.w-col-tiny-1 {
width: 8.33333%
}
.w-col-tiny-2 {
width: 16.6667%
}
.w-col-tiny-3 {
width: 25%
}
.w-col-tiny-4 {
width: 33.3333%
}
.w-col-tiny-5 {
width: 41.6667%
}
.w-col-tiny-6 {
width: 50%
}
.w-col-tiny-7 {
width: 58.3333%
}
.w-col-tiny-8 {
width: 66.6667%
}
.w-col-tiny-9 {
width: 75%
}
.w-col-tiny-10 {
width: 83.3333%
}
.w-col-tiny-11 {
width: 91.6667%
}
.w-col-tiny-12 {
width: 100%
}
}
.w-widget {
position: relative
}
.w-widget-map {
width: 100%;
height: 400px
}
.w-widget-map label {
width: auto;
display: inline
}
.w-widget-map img {
max-width: inherit
}
.w-widget-map .gm-style-iw {
text-align: center
}
.w-widget-map .gm-style-iw>button {
display: none !important
}
.w-widget-twitter {
overflow: hidden
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: "Lato", sans-serif;
font-size: 15px;
line-height: 12px;
position: relative
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px
}
.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px
}
.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden
}
.w-background-video>video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%
}
.w-background-video>video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em
}
.w-background-video--control>[hidden] {
display: none !important
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0
}
.w-slider-nav.w-round>div {
border-radius: 100%
}
.w-slider-nav.w-num>div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em
}
.w-slider-nav.w-shadow>div {
box-shadow: 0 0 3px #3336
}
.w-slider-nav-invert {
color: #fff
}
.w-slider-nav-invert>div {
background-color: #2226
}
.w-slider-nav-invert>div.w-active {
background-color: #222
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative
}
.w-slider-dot.w-active {
background-color: #fff
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff
}
.w-slider-dot:focus.w-active {
box-shadow: none
}
.w-slider-arrow-left,
.w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden
}
.w-slider-arrow-left [class^=w-icon-],
.w-slider-arrow-right [class^=w-icon-],
.w-slider-arrow-left [class*=\ w-icon-],
.w-slider-arrow-right [class*=\ w-icon-] {
position: absolute
}
.w-slider-arrow-left:focus,
.w-slider-arrow-right:focus {
outline: 0
}
.w-slider-arrow-left {
z-index: 3;
right: auto
}
.w-slider-arrow-right {
z-index: 4;
left: auto
}
.w-icon-slider-left,
.w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden
}
.w-slider-force-show {
display: block !important
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative
}
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block
}
.w-dropdown-toggle:focus {
outline: 0
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute
}
.w-dropdown-list.w--open {
display: block
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block
}
.w-dropdown-link.w--current {
color: #0082f3
}
.w-dropdown-link:focus {
outline: 0
}
@media screen and (max-width:767px) {
.w-nav-brand {
padding-left: 10px
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: "Lato", sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0)
}
.w-lightbox-backdrop,
.w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute
}
.w-lightbox-view:before {
content: "";
height: 100vh
}
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
height: 86vh
}
.w-lightbox-frame,
.w-lightbox-view:before {
vertical-align: middle;
display: inline-block
}
.w-lightbox-figure {
margin: 0;
position: relative
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0
}
.w-lightbox-control {
cursor: pointer;
background-position: 50%;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0
}
.w-lightbox-left {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==);
display: none;
bottom: 0;
left: 0
}
.w-lightbox-right {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);
display: none;
bottom: 0;
right: 0
}
.w-lightbox-close {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
background-size: 18px;
height: 2.6em;
right: 0
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate(0, 0)
}
.w-lightbox-active {
opacity: .3
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translateY(-50%)
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%)
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px
}
.w-lightbox-hide {
display: none
}
.w-lightbox-noscroll {
overflow: hidden
}
@media (min-width:768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh
}
.w-lightbox-view,
.w-lightbox-view:before {
height: 96vh
}
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
height: 84vh
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh
}
.w-lightbox-left,
.w-lightbox-right {
opacity: .5;
display: block
}
.w-lightbox-close {
opacity: .8
}
.w-lightbox-control:hover {
opacity: 1
}
}
.w-lightbox-inactive,
.w-lightbox-inactive:hover {
opacity: 0
}
.w-richtext:before,
.w-richtext:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-richtext:after {
clear: both
}
.w-richtext[contenteditable=true]:before,
.w-richtext[contenteditable=true]:after {
white-space: initial
}
.w-richtext ol,
.w-richtext ul {
overflow: hidden
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,
.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after,
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
.w-richtext .w-richtext-figure-selected[data-rt-type=image] div {
outline: 2px solid #2895f7
}
.w-richtext figure.w-richtext-figure-type-video>div:after,
.w-richtext figure[data-rt-type=video]>div:after {
content: "";
display: none;
position: absolute;
inset: 0
}
.w-richtext figure {
max-width: 60%;
position: relative
}
.w-richtext figure>div:before {
cursor: default !important
}
.w-richtext figure img {
width: 100%
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6
}
.w-richtext figure div {
color: #0000;
font-size: 0
}
.w-richtext figure.w-richtext-figure-type-image,
.w-richtext figure[data-rt-type=image] {
display: table
}
.w-richtext figure.w-richtext-figure-type-image>div,
.w-richtext figure[data-rt-type=image]>div {
display: inline-block
}
.w-richtext figure.w-richtext-figure-type-image>figcaption,
.w-richtext figure[data-rt-type=image]>figcaption {
caption-side: bottom;
display: table-caption
}
.w-richtext figure.w-richtext-figure-type-video,
.w-richtext figure[data-rt-type=video] {
width: 60%;
height: 0
}
.w-richtext figure.w-richtext-figure-type-video iframe,
.w-richtext figure[data-rt-type=video] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.w-richtext figure.w-richtext-figure-type-video>div,
.w-richtext figure[data-rt-type=video]>div {
width: 100%
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,
.w-richtext figure.w-richtext-align-center[data-rt-type=image]>div {
max-width: 100%
}
.w-richtext figure.w-richtext-align-normal {
clear: both
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block
}
.w-richtext figure.w-richtext-align-fullwidth>div {
padding-bottom: inherit;
display: inline-block
}
.w-richtext figure.w-richtext-align-fullwidth>figcaption {
display: block
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative
}
.w-nav:before,
.w-nav:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-nav:after {
clear: both
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative
}
.w-nav-link.w--current {
color: #0082f3
}
.w-nav-menu {
float: right;
position: relative
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important
}
.w--nav-link-open {
display: block;
position: relative
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden
}
.w-nav-overlay [data-nav-menu-open] {
top: 0
}
.w-nav[data-animation=over-left] .w-nav-overlay {
width: auto
}
.w-nav[data-animation=over-left] .w-nav-overlay,
.w-nav[data-animation=over-left] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto
}
.w-nav[data-animation=over-right] .w-nav-overlay {
width: auto
}
.w-nav[data-animation=over-right] .w-nav-overlay,
.w-nav[data-animation=over-right] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative
}
.w-nav-button:focus {
outline: 0
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8
}
.w-nav[data-collapse=all] .w-nav-menu {
display: none
}
.w-nav[data-collapse=all] .w-nav-button,
.w--nav-dropdown-open,
.w--nav-dropdown-toggle-open {
display: block
}
.w--nav-dropdown-list-open {
position: static
}
@media screen and (max-width:991px) {
.w-nav[data-collapse=medium] .w-nav-menu {
display: none
}
.w-nav[data-collapse=medium] .w-nav-button {
display: block
}
}
@media screen and (max-width:767px) {
.w-nav[data-collapse=small] .w-nav-menu {
display: none
}
.w-nav[data-collapse=small] .w-nav-button {
display: block
}
.w-nav-brand {
padding-left: 10px
}
}
@media screen and (max-width:479px) {
.w-nav[data-collapse=tiny] .w-nav-menu {
display: none
}
.w-nav[data-collapse=tiny] .w-nav-button {
display: block
}
}
.w-tabs {
position: relative
}
.w-tabs:before,
.w-tabs:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-tabs:after {
clear: both
}
.w-tab-menu {
position: relative
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative
}
.w-tab-link.w--current {
background-color: #c8c8c8
}
.w-tab-link:focus {
outline: 0
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden
}
.w-tab-pane {
display: none;
position: relative
}
.w--tab-active {
display: block
}
@media screen and (max-width:479px) {
.w-tab-link {
display: block
}
}
.w-ix-emptyfix:after {
content: ""
}
@keyframes spin {
0% {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px
}
.w-dyn-hide,
.w-dyn-bind-empty,
.w-condition-invisible {
display: none !important
}
.wf-layout-layout {
display: grid
}
/* @font-face {
font-family: Aeonik air;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39eb9e2173bff71a72fb_Aeonik-Air.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39eb4cf813f60bf8c115_Aeonik-Air.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39eb4cf8130d27f8c116_Aeonik-Air.woff)format("woff"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39eb97f4606ae5040af9_Aeonik-Air.ttf)format("truetype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ee63a878e81bacface_Aeonik-Air.svg)format("svg");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39eb920df35743ff8299_Aeonik-AirItalic.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ede8549c43a1eca81b_Aeonik-RegularItalic.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39eb132cbe62d2339d4e_Aeonik-AirItalic.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ed9e21735f761a7309_Aeonik-RegularItalic.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39eb63a87875e9acfa7d_Aeonik-AirItalic.woff)format("woff"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39eddc69f941b057b451_Aeonik-RegularItalic.woff)format("woff"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39eb72ecb7181f4721f9_Aeonik-AirItalic.ttf)format("truetype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ede724d708186219ad_Aeonik-RegularItalic.ttf)format("truetype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ee6aace712f7dc9dcb_Aeonik-AirItalic.svg)format("svg"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ee9e217306cd1a731a_Aeonik-RegularItalic.svg)format("svg");
font-weight: 400;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39eb49d62354ccbd4f2a_Aeonik-Black.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39eb920df319eaff8298_Aeonik-Black.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ecf5a6b66f208ba085_Aeonik-Black.woff)format("woff"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ebee175f4137aee335_Aeonik-Black.ttf)format("truetype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ee920df30b57ff829c_Aeonik-Black.svg)format("svg");
font-weight: 900;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ec63a8787faaacfa7e_Aeonik-BlackItalic.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ec72ecb7e1c04721fe_Aeonik-BlackItalic.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ec97f4604c42040afa_Aeonik-BlackItalic.woff)format("woff"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ec72ecb71be24721ff_Aeonik-BlackItalic.ttf)format("truetype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ee48e9486160d66d23_Aeonik-BlackItalic.svg)format("svg");
font-weight: 900;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ec3b3a7302732b4d09_Aeonik-BoldItalic.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ec4d21ac6ed5393833_Aeonik-BoldItalic.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ec4cf8139568f8c11b_Aeonik-BoldItalic.woff)format("woff"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ec48e9487d72d66d20_Aeonik-BoldItalic.ttf)format("truetype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39eff0156dc9948124cd_Aeonik-BoldItalic.svg)format("svg");
font-weight: 700;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ecd53b337ac892c0b1_Aeonik-Bold.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ec029d024ad05937f2_Aeonik-Bold.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ec5b9418fce6ad7c23_Aeonik-Bold.woff)format("woff"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ecee175f4339aee33e_Aeonik-Bold.ttf)format("truetype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ee4cf81335dbf8c12a_Aeonik-Bold.svg)format("svg");
font-weight: 700;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ec5b941865a7ad7c24_Aeonik-Light.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ec920df350bbff829b_Aeonik-Light.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ecd53b331f9992c0b8_Aeonik-Light.woff)format("woff"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ecf0156d61ec8124a4_Aeonik-Light.ttf)format("truetype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ee5b94184f76ad7c26_Aeonik-Light.svg)format("svg");
font-weight: 300;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ecf0156da4318124ab_Aeonik-LightItalic.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ecee175f5d8baee33f_Aeonik-LightItalic.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ec63185e47076d1224_Aeonik-LightItalic.woff)format("woff"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ec48e9485be2d66d21_Aeonik-LightItalic.ttf)format("truetype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ee6aace73406dc9dd4_Aeonik-LightItalic.svg)format("svg");
font-weight: 300;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ed4d21ac9fb539383d_Aeonik-Medium.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39eca727201f270013d1_Aeonik-Medium.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ed132cbe1ae4339d50_Aeonik-Medium.woff)format("woff"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ed5b94180ba1ad7c25_Aeonik-Medium.ttf)format("truetype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ee6aace7214fdc9dd5_Aeonik-Medium.svg)format("svg");
font-weight: 500;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39eda7272035000013d5_Aeonik-MediumItalic.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39edf5a6b62f558ba090_Aeonik-MediumItalic.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ed97f460f684040b03_Aeonik-MediumItalic.woff)format("woff"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ed3b3a73d1732b4d0a_Aeonik-MediumItalic.ttf)format("truetype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ee1ae345f0dc8508ed_Aeonik-MediumItalic.svg)format("svg");
font-weight: 500;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ed63a8784fc7acfacc_Aeonik-Regular.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ed132cbe2403339d51_Aeonik-Regular.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ed1ae345fb4e8508eb_Aeonik-Regular.woff)format("woff"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ed97f4608b26040b04_Aeonik-Regular.ttf)format("truetype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39eee724d77d6b6219b0_Aeonik-Regular.svg)format("svg");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ed63a8780b4eacfacd_Aeonik-Thin.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39edf5a6b6a5478ba091_Aeonik-Thin.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ed85a5c00313a837ea_Aeonik-Thin.woff)format("woff"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39eddc69f9950657b452_Aeonik-Thin.ttf)format("truetype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ee5b9418168dad7c30_Aeonik-Thin.svg)format("svg");
font-weight: 100;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39eeee175f8e3daee34d_Aeonik-ThinItalic.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39edee175f659aaee34c_Aeonik-ThinItalic.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ede724d7c1956219af_Aeonik-ThinItalic.woff)format("woff"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ed132cbe7a26339d52_Aeonik-ThinItalic.ttf)format("truetype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62de39ee48e9486e34d66d25_Aeonik-ThinItalic.svg)format("svg");
font-weight: 100;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62f752745d479b377321477a_AeonikTRIAL-LightItalic.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62f75274af7b5b60db44c597_AeonikTRIAL-LightItalic.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62f752741068fd3fe5757a22_AeonikTRIAL-LightItalic.ttf)format("truetype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62f75275071b67864ec304b3_AeonikTRIAL-LightItalic.svg)format("svg");
font-weight: 300;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62f7527574cd54b5068eb35c_AeonikTRIAL-RegularItalic.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/64ae7a903121bf4bce69cbb2_AeonikTRIAL-RegularItalic.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/64ae7a903121bf4bce69cbb2_AeonikTRIAL-RegularItalic.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62f752755d479b5ec921477b_AeonikTRIAL-RegularItalic.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/64ae7ab415bc4cc00f95ec69_AeonikTRIAL-RegularItalic.woff)format("woff"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62f752740a41927e5939c29c_AeonikTRIAL-RegularItalic.ttf)format("truetype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62f75275071b67aa69c304b4_AeonikTRIAL-RegularItalic.svg)format("svg");
font-weight: 400;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/65eeb110e4b53ccd12eafe16_Righteous.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/65eeb11090a45f05abe7a653_Righteous.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/65eeb1110fd2d28579e71a29_Righteous.woff)format("woff"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/65eeb110f5fff431ab0e4b9b_Righteous.ttf)format("truetype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/65eeb1109f848641225bce24_Righteous.svg)format("svg");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Hiatus;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/65eee01a3950981916feb22c_Hiatus.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/65eee0192efc63d7ab2edda6_Hiatus.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/65eee01a5bc058e399ac026a_Hiatus.woff)format("woff"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/65eee01afa95ed9d05ab4151_Hiatus.ttf)format("truetype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/65eee01abc9a3b14e3afda61_Hiatus.svg)format("svg");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67acb29463cc24c7c5ceee71_Conforto-Bold_1.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67acb2941160d0c815450e74_Conforto-Bold.woff)format("woff"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67acb29488af8201523bcfd5_Conforto-Bold.svg)format("svg");
font-weight: 700;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67acb295b9d00f307e4dc4fd_Conforto-Medium.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67acb29514af61b7af6a9a82_Conforto-Medium.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67acb295bb0d4ee9f957b77e_Conforto-Medium_1.woff)format("woff"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67acb29538d4826c06f45349_Conforto-Medium.ttf)format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67acb2947e5fab6e358357ce_Conforto-Light.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67acb295e6150440f95355a1_Conforto-Light_1.ttf)format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67acb2954bd64b9c7953d559_Conforto-Regular.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67acb2955d482922d75aa154_Conforto-Regular.ttf)format("truetype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67acb29535f184a944c87824_Conforto-Regular_1.svg)format("svg");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67acb29576cb0a2c0591084f_Conforto-Thin_1.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67acb295fe632ec5a346b393_Conforto-Thin.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67acb295ae0ea1feb2f53132_Conforto-Thin.woff)format("woff"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67acb29563cc24c7c5ceeebb_Conforto-Thin.ttf)format("truetype");
font-weight: 100;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67acb36f7477dad16a815dd1_demo.html)format("undefined");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67acb36f35f3622a77702b0a_stylesheet.css)format("undefined");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a8256a384a267d3da44_PPEditorialNew-Italic.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a82f57e721d4e2a8c70_PPEditorialNew-Italic.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a8205b86eb3edae7d88_PPEditorialNew-Italic.woff)format("woff"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a8304243d5701f22810_PPEditorialNew-Italic.ttf)format("truetype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a823a7b7264325ff7af_PPEditorialNew-Italic.svg)format("svg");
font-weight: 400;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a837c605912a4a92760_PPEditorialNew-Italic_1.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a831e2feed4ec7d2041_PPEditorialNew-Italic_1.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a83ead7cbb574304420_PPEditorialNew-Italic_1.woff)format("woff"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a83c7bfa64f163dc194_PPEditorialNew-Italic_1.ttf)format("truetype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a83f8669ec2d3834beb_PPEditorialNew-Italic_1.svg)format("svg");
font-weight: 400;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a833abc9daac7c22862_PPEditorialNew-Italic_3.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a8304243d5701f22813_PPEditorialNew-Italic_3.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a83e4e7d1b23e1da67b_PPEditorialNew-Italic_3.woff)format("woff"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a83d694a0587c6caaf3_PPEditorialNew-Italic_3.ttf)format("truetype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a830cd024e19c3bd6e5_PPEditorialNew-Italic_3.svg)format("svg");
font-weight: 400;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a836566fb1940b8f437_PPEditorialNew-UltraboldItalic.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a830165908dc7ef893c_PPEditorialNew-UltraboldItalic.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a837bdcfbd90c767336_PPEditorialNew-UltraboldItalic.woff)format("woff"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a83485ba3c299a75884_PPEditorialNew-UltraboldItalic.ttf)format("truetype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a8331fc72c9ed6a5286_PPEditorialNew-UltraboldItalic.svg)format("svg");
font-weight: 700;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a83098b92cbdae0486a_PPEditorialNew-Italic_2.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a83cd359455dc63a831_PPEditorialNew-Italic_2.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a83abcfaacf1602a6f2_PPEditorialNew-Italic_2.woff)format("woff"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a836db5debdfd041848_PPEditorialNew-Italic_2.ttf)format("truetype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a831e2feed4ec7d206a_PPEditorialNew-Italic_2.svg)format("svg");
font-weight: 400;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a8305b86eb3edae7ddb_PPEditorialNew-UltraboldItalic_1.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a8331fc72c9ed6a528e_PPEditorialNew-UltraboldItalic_1.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a8331fc72c9ed6a528e_PPEditorialNew-UltraboldItalic_1.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a83ead7cbb574304467_PPEditorialNew-UltraboldItalic_1.woff)format("woff"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a836566fb1940b8f46d_PPEditorialNew-UltraboldItalic_1.ttf)format("truetype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a832f1cda1445f6e0f9_PPEditorialNew-UltraboldItalic_1.svg)format("svg");
font-weight: 700;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a8388e2120c73daba48_PPEditorialNew-UltralightItalic_1.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a8356a384a267d3daad_PPEditorialNew-UltralightItalic_1.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a8305b86eb3edae7fa8_PPEditorialNew-UltralightItalic_1.woff)format("woff"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a831e2feed4ec7d20a0_PPEditorialNew-UltralightItalic_1.ttf)format("truetype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a8391c06f774e1aa69d_PPEditorialNew-UltralightItalic_1.svg)format("svg");
font-weight: 200;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a837c605912a4a927bb_PPEditorialNew-UltralightItalic.woff2)format("woff2"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a83cd359455dc63a85f_PPEditorialNew-UltralightItalic.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a83cd359455dc63a85f_PPEditorialNew-UltralightItalic.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a8316ab5e3600b264ac_PPEditorialNew-UltralightItalic.woff)format("woff"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a830a3e3ff8db294e6e_PPEditorialNew-UltralightItalic.ttf)format("truetype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad6a83b2dbeb497c77b556_PPEditorialNew-UltralightItalic.svg)format("svg");
font-weight: 200;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67acb294dafa4ee3ecd7820f_Conforto-Bold.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67acb2941f0a4b079bf235f5_Conforto-Bold.ttf)format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67acb294e3a0b3b4ca5a67ca_Conforto-Light_1.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67acb295257e870934d667ba_Conforto-Light_1.woff)format("woff"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67acb29499866cb887341877_Conforto-Light.svg)format("svg");
font-weight: 300;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67acb2952db00f722c00e761_Conforto-Regular.eot)format("embedded-opentype"), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67acb29569c02b7b3b02fb4c_Conforto-Regular.woff)format("woff");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67acb295283a406a4fd72917_Conforto-Medium_1.svg)format("svg");
font-weight: 500;
font-style: normal;
font-display: swap
}
@font-face {
font-family: "Lato", sans-serif;
src: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67acb295567d5c9930f542c2_Conforto-Thin.svg)format("svg");
font-weight: 100;
font-style: normal;
font-display: swap
} */
:root {
--white-smoke: whitesmoke;
--black: #1b1b1b;
--salmon: #ff7260;
--black-2: #191919;
--cornflower-blue: #638fc4;
--darkgreen: #092929;
--white: white;
--orange: #f58369;
--lightgreen: #ffa863;
--lightgreenbg: #ffa863;
--greentext: #000000;
--body-background: #fffbf5;
--023d3b: #023d3b;
--light-green: #ffa863;
--lightgray: #a9b7b5;
--lightcream: #fff5e7;
--darkorange: #aa574f;
--hover_orange: var(--white-smoke)
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block
}
.w-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block
}
.w-checkbox:before {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1/1/2/2;
display: table
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal
}
.w-checkbox-input--inputType-custom {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url(https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.w-pagination-wrapper {
flex-wrap: wrap;
justify-content: center;
display: flex
}
.w-pagination-previous,
.w-pagination-next {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block
}
@media screen and (max-width:991px) {
.w-layout-blockcontainer {
max-width: 728px
}
}
@media screen and (max-width:767px) {
.w-layout-blockcontainer {
max-width: none
}
}
body {
color: var(--white-smoke);
background-color: #191919;
font-family: "Lato", sans-serif;
font-size: 1vw;
line-height: 1.3
}
h1 {
color: var(--white-smoke);
margin: 20px 5px 10px;
font-family: "Lato", sans-serif;
font-size: 7.38em;
font-weight: 700;
line-height: 1.1
}
h2 {
color: var(--white-smoke);
margin-top: 20px;
margin-bottom: 10px;
font-family: "Lato", sans-serif;
font-size: 3.89em;
font-weight: 700;
line-height: 1.1
}
h3 {
margin-top: 20px;
margin-bottom: 10px;
font-family: "Lato", sans-serif;
font-size: 2.46em;
font-weight: 400;
line-height: 1.1
}
h4 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 18px;
font-weight: 700;
line-height: 24px
}
h5 {
margin-top: 10px;
margin-bottom: 10px;
font-family: "Lato", sans-serif;
font-size: 1.8em;
font-weight: 400;
line-height: 1.1
}
h6 {
color: var(--white-smoke);
margin-top: 10px;
margin-bottom: 10px;
font-family: "Lato", sans-serif;
font-size: .8em;
font-weight: 700;
line-height: 1.1
}
p {
margin-bottom: 10px;
font-size: 1.25em
}
a {
color: var(--lightgreen);
margin-top: .2em;
text-decoration: none
}
.nav-bar-holder {
justify-content: space-between;
align-items: center;
padding: 20px;
display: flex
}
.body {
background-color: var(--white-smoke);
color: #050505;
-webkit-text-fill-color: inherit;
background-clip: border-box;
font-family: "Lato", sans-serif;
font-size: 1vw;
line-height: 1.6
}
.links-navbar-holder {
justify-content: space-between;
align-items: center;
display: flex
}
.navlink {
color: #050505;
margin-right: 10px;
font-family: "Lato", sans-serif;
font-size: 16px;
font-weight: 400;
text-decoration: none
}
.nav-mobile {
justify-content: space-between;
align-items: center;
display: none
}
.mobile-circle {
background-color: #050505;
border-radius: 50%;
width: 10px;
height: 10px;
margin-right: 2px
}
.title-holder {
flex-direction: column;
align-items: flex-start;
width: auto;
height: auto;
padding-top: 100px;
padding-left: 120px;
display: flex
}
.h1-super-title {
margin-top: 0;
margin-bottom: 0;
font-size: 137px;
line-height: 100%
}
.h1-super-title.white {
color: #fff;
position: relative
}
.statement-lento-holder {
justify-content: flex-end;
padding-top: 20px;
padding-bottom: 20px;
display: flex
}
.statement-lento-wrapper {
flex-direction: column;
align-items: flex-end;
padding-right: 60px;
display: flex
}
.hero-p {
text-align: right;
width: 900px;
font-size: 45px;
font-weight: 500;
line-height: 110%
}
.contact-us-button {
flex-direction: column;
justify-content: flex-start;
text-decoration: none;
display: flex
}
.h-button {
color: #050505;
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
line-height: 100%
}
.line-button {
background-color: #050505;
width: 100%;
height: 2px
}
.photo-balance-holder {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/60ac05e45093e66eeedfe082_photo-balance.png);
background-position: 60% 4%;
background-size: auto;
height: 700px;
margin-top: 70px;
overflow: hidden
}
.what-we-do-overview-holder {
flex-direction: column;
align-items: flex-start;
display: flex
}
.what-we-do {
padding-top: 80px;
padding-left: 20px
}
.what-we-do-wrap {
width: 500px
}
.h3-light {
font-size: 40px;
font-weight: 400;
line-height: 110%
}
.h1-button-do {
color: #050505;
font-size: 66px;
line-height: 120%;
text-decoration: underline
}
.what-we-do-p-holder {
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
display: flex
}
.p-holder-do {
width: 300px
}
.p-lento {
line-height: 110%
}
.line-block {
background-color: #050505;
width: 20%;
height: 1px;
margin-top: 30px;
margin-bottom: 5px
}
.what-we-do-photos {
justify-content: space-between;
align-items: center;
height: 800px;
display: flex
}
.photo-left-do {
background-color: #c5c5c5;
width: 30%;
height: 60%
}
.photo-right-do {
background-color: #c5c5c5;
width: 50%;
height: 80%
}
.how-we-do-it-section {
background-color: #050505;
padding-top: 80px;
padding-bottom: 80px
}
.h1-how-we-holder {
flex-direction: column;
align-items: center;
width: auto;
margin-left: 0;
display: flex
}
.h1 {
color: #fff;
margin-left: 0;
font-family: "Lato", sans-serif;
font-size: 90px;
font-weight: 700;
line-height: 110%
}
.h1.black {
color: var(--black);
margin-top: 0;
margin-bottom: 0
}
.h1.black.cap {
text-transform: uppercase
}
.how-we-wrap {
width: 990px
}
.text-how {
width: 990px;
padding-top: 15px;
padding-bottom: 15px
}
.p-lento-white {
color: #fff;
width: 400px
}
.pilars-holder-howwe {
justify-content: center;
align-items: center;
padding-left: 50px;
padding-right: 50px;
display: flex
}
.pillar-foundation {
background-color: #fff;
flex-direction: column;
align-items: center;
width: 420px;
height: 800px;
margin-right: 15px;
padding-top: 30px;
padding-bottom: 30px;
text-decoration: none;
display: flex
}
.pillars-holder {
justify-content: flex-start;
align-items: flex-start;
margin-top: 40px;
display: flex
}
.h3-lento {
color: #050505;
text-align: center;
font-size: 40px;
line-height: 110%
}
.sketch-holder-pillar {
background-color: #979797;
margin-top: 70%
}
.how-we-link-holder {
justify-content: flex-end;
padding-top: 50px;
padding-right: 50px;
display: flex
}
.howto-link {
background-color: #fff;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 120px;
height: 120px;
text-decoration: none;
display: flex
}
.whybranding-section {
justify-content: center;
align-items: center;
padding-top: 50px;
padding-bottom: 50px;
display: flex
}
.branding-wrap {
justify-content: space-between;
display: flex
}
.h2-lento {
font-size: 40px;
line-height: 110%
}
.branding-right {
margin-left: 30px
}
.image-brnading-wrap {
background-color: #bbb;
width: 500px;
height: 600px
}
.whoweare-section {
background-color: #c4c4c4;
padding-top: 40px;
padding-bottom: 30px;
padding-left: 50px
}
.content-who-we-are {
flex-direction: column;
align-items: flex-start;
width: 80%;
display: flex
}
.h5-lento {
font-weight: 400;
line-height: 100%
}
.h1-black {
font-size: 70px;
line-height: 110%
}
.text-and-circle {
justify-content: flex-start;
display: flex
}
.text-who {
width: 400px;
margin-top: 10px
}
.circle-who-wrap {
margin-left: 150px
}
.circle-who {
background-color: #181818;
border-radius: 50%;
width: 300px;
height: 300px
}
.studio-section {
background-color: #050505;
height: 100vh
}
.studio-holder {
padding-top: 50px;
padding-bottom: 50px;
padding-left: 50px;
display: flex;
position: relative
}
.text-studio-and-button-wrap {
z-index: 99;
flex-direction: column;
align-items: flex-start;
margin-top: 120px;
margin-right: -103px;
display: flex;
position: relative
}
.studio-link-wrap {
margin-top: 20px;
text-decoration: none
}
.h1-button-studio {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
line-height: 100%
}
.line-studio {
background-color: #fff;
width: 100%;
height: 1px;
margin-top: 5px
}
.video-wrap-studio {
background-color: #ccc;
width: 80vw;
height: 700px;
position: relative
}
.wrapper-hero {
background-color: #141414;
height: auto;
display: block;
position: relative;
overflow: hidden
}
.hero-section {
display: none
}
.nav-bar-wrapper {
z-index: 997;
justify-content: space-between;
align-items: center;
width: 100%;
height: auto;
padding: 20px 50px;
display: flex;
position: fixed;
inset: 0% auto auto 0%
}
.mennu-wrapper {
justify-content: center;
align-items: center;
display: flex
}
.menu-01 {
background-color: #fff;
border-radius: 50%;
width: 5px;
height: 5px;
margin-right: 5px;
display: block
}
.menu-01.blackk {
background-color: #050505
}
.menu-01.open {
display: block
}
.contact-wrapper {
color: #fff;
border: 1.5px solid #fff;
justify-content: center;
align-items: center;
width: 221px;
height: 60px;
text-decoration: none;
display: none
}
.h5-buton {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
font-weight: 700;
line-height: 100%
}
.h5-buton.black {
color: #050505;
font-family: "Lato", sans-serif;
font-size: 15px
}
.main-hero {
justify-content: center;
align-items: center;
height: auto;
margin-top: 30px;
margin-bottom: 30px;
padding: 0;
display: flex
}
.main-right {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/61156699c3eddd25feb34324_kiana-bosman-vlHqSYYbJQw-unsplash.jpg), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/60db2ee23584d6d7756934b2_ni%C3%B1a-foto.png);
background-position: 50%, 50%;
background-size: cover, cover;
border-radius: 50%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 700px;
height: 100%;
max-height: 700px;
margin-right: 0;
display: block;
overflow: visible
}
.main-left {
flex-direction: column;
justify-content: center;
margin-left: 50px;
display: flex
}
.h1-reck {
color: var(--white-smoke);
text-align: left;
max-width: 400px;
margin-top: 0;
margin-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 70px;
font-weight: 800;
line-height: 100%
}
.h1-reck.black {
color: #141414
}
.h1-reck.hero {
font-size: 60px;
font-weight: 700
}
.h1-reck.footerwhite {
color: #141414
}
.phto-container {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/60db2ee23584d6d7756934b2_ni%C3%B1a-foto.png);
background-position: 50%;
background-size: cover;
min-height: 70vh
}
.learn-button {
background-color: #638fc4;
justify-content: center;
align-items: center;
width: 221px;
height: 60px;
margin-top: 15px;
text-decoration: none;
display: flex
}
.what-we-do {
background-color: var(--white-smoke);
justify-content: flex-start;
align-items: center;
height: 80vh;
margin-bottom: 0;
padding-bottom: 0;
display: flex;
position: relative;
overflow: hidden
}
.what-we-do-main {
max-width: 800px;
line-height: 130%
}
.h1-bev {
color: #141414;
max-width: none;
font-family: "Lato", sans-serif;
font-size: 46px;
font-weight: 600;
line-height: 115%
}
.h1-bev.white {
color: var(--white-smoke);
margin-top: 0;
margin-bottom: 0;
font-size: 70px;
line-height: 90%
}
.h1-bev.white.smaller {
font-size: 90px
}
.h1-bev.diff {
color: #fff;
text-align: center;
max-width: none;
font-family: "Lato", sans-serif;
font-size: 200px
}
.h1-bev.diff.nowrap {
white-space: nowrap
}
.line-wat-we-do {
background-color: #050505;
width: 1rem;
height: .75px;
margin-top: 40px
}
.p-lento {
max-width: 600px;
margin-top: 15px;
font-family: "Lato", sans-serif;
font-size: 18px;
line-height: 130%;
display: none
}
.p-lento.white {
color: #fff;
margin-top: 20px
}
.p-lento.white.design {
max-width: 400px;
margin-top: 25px
}
.p-lento.white.grey {
font-size: 12px;
font-weight: 400;
line-height: 150%;
display: block
}
.p-lento.esen {
margin-top: 20px
}
.link-about-what-we-do {
color: #050505;
border: 1px solid #000;
justify-content: center;
align-items: center;
width: 221px;
height: 60px;
margin-top: 50px;
text-decoration: none;
display: none
}
.how-we-do-it {
background-color: #141414
}
.grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto auto auto auto
}
.main-how-we-do-it {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: 0;
margin-left: 0;
padding-top: 100px;
padding-left: 180px;
display: flex
}
.h1-how-wrapper {
overflow: hidden
}
.how-container {
flex-direction: column;
max-width: none;
display: block
}
.illustration-wrapper {
justify-content: center;
align-items: center;
margin-bottom: 40px;
display: flex
}
.how-content {
flex-direction: column;
align-items: flex-start;
margin-bottom: 40px;
padding: 10px;
display: flex
}
.how-content._02 {
align-items: flex-end;
margin-top: 50px;
margin-bottom: 50px;
padding-right: 10px
}
.numb {
flex-direction: column;
align-items: flex-start;
margin-bottom: 15px;
display: flex;
overflow: hidden
}
.numb-h5 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 10px
}
.line-numb {
background-color: #2777c1;
width: 100%;
height: 2px;
margin-top: 5px
}
.name-how,
.p-wrapper-how {
overflow: hidden
}
.who-we-are {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/60db71fde7c0d1a2c6e0ffdc_bgg.png);
background-position: 50%;
background-size: cover;
height: 70vh;
margin-top: 0
}
.who-we {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/60db71fde7c0d1a2c6e0ffdc_bgg.png);
background-position: 50%;
background-size: cover;
justify-content: center;
align-items: center;
display: flex
}
.who-main {
flex-direction: column;
align-items: flex-start;
max-width: 1440px;
margin-top: 10px;
margin-left: 0;
padding: 70px 20px 20px;
display: flex
}
.h1-reck-wrapper {
margin-top: 50px;
margin-left: 0;
overflow: hidden
}
.h1-reck-wrapper.hero {
margin-top: 10px
}
.p-who-wrapper {
max-width: 500px;
overflow: hidden
}
.p2-lento {
color: #444;
margin-top: 15px;
font-family: "Lato", sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 130%
}
.p2-lento.news {
max-width: 250px;
font-size: 15px;
font-weight: 300
}
.proud-wrapper-text {
flex-direction: column;
align-items: flex-end;
padding: 15px;
display: flex
}
.line-proud {
background-color: #2777c1;
width: 2rem;
height: 2px;
margin-top: 30px;
margin-bottom: 10px
}
.p-lento-proud {
color: #141414;
text-align: right;
max-width: 250px;
font-family: "Lato", sans-serif;
font-size: 12px;
font-weight: 300;
line-height: 130%
}
.prd-wrap {
flex-direction: column;
align-items: flex-end;
width: 100%;
padding-right: 50px;
display: flex
}
.studio {
margin: 40px 0 15px;
padding: 0;
position: static;
overflow: hidden
}
.studio-grid {
grid-column-gap: 0px;
grid-template-rows: auto;
position: relative
}
.video-holder {
width: 100%;
max-width: none;
height: 100vh;
margin-left: 0;
margin-right: 0;
padding: 0;
position: relative
}
.studio-main {
z-index: 99;
background-color: #313131;
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 330px;
height: 450px;
margin-top: 0;
margin-bottom: -150px;
padding-top: 50px;
padding-bottom: 50px;
padding-right: 20px;
display: flex;
position: relative
}
.h1-b-wrap {
overflow: hidden
}
.h1-b-wrap.news {
max-width: 250px
}
.h1-b-wrap.out {
display: none
}
.videos-more-link {
background-color: #fff;
justify-content: center;
align-items: center;
width: 156px;
height: 60px;
margin-top: 50px;
text-decoration: none;
display: flex
}
.newslt-grid {
grid-column-gap: 10px;
background-color: #fff;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr
}
.news-ilustration-wrap {
justify-content: center;
align-items: center;
min-height: 70vh;
display: flex;
overflow: hidden
}
.contianer-illustration {
max-width: none;
max-height: none;
overflow: visible
}
.ils {
background-color: #050505;
width: 300px;
height: 300px;
transform: rotate(43deg)
}
.newsletter-main {
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: auto;
max-width: 450px;
padding-top: 0;
display: flex
}
.news-button {
border-radius: 50%;
width: 100px;
height: 100px;
margin-left: 35px;
padding: 20px 10px;
font-size: 15px
}
.news-form {
justify-content: flex-start;
align-items: center;
min-width: 700px;
max-width: none;
display: flex
}
.text-news {
background-color: #0000;
border-bottom: 2px solid #000;
min-width: auto;
max-width: 400px
}
.footer {
background-color: #141414;
flex-direction: column;
justify-content: flex-end;
height: auto;
padding: 0;
display: flex
}
.footer-wrapper {
flex-direction: column;
justify-content: space-between;
height: auto;
display: flex
}
.footer-left {
border-top: 1px solid var(--white-smoke);
border-radius: 0;
justify-content: space-around;
padding: 48px;
display: flex
}
.footer-left.black {
border-top-color: #141414
}
.contact-chat-wrap {
flex-direction: column;
justify-content: space-between;
height: 470px;
margin-top: 0;
padding: 10px;
display: flex
}
.chat-button {
color: #fff;
text-decoration: none
}
.chat-h1 {
font-size: 15px;
font-weight: 500;
line-height: 100%
}
.textspan {
color: #2777c1;
font-size: 15px
}
.footer-right {
border-top: .75px solid var(--white-smoke);
justify-content: space-between;
max-width: none;
padding: 30px 20px;
display: flex
}
.footer-right.black {
border-top-color: #141414
}
.h1-footer {
color: #fff;
text-align: left;
width: auto;
max-width: none;
margin-top: 10px;
font-family: "Lato", sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 110%
}
.h1-footer.footerwhite {
color: #141414
}
.contact-buttn {
color: #fff;
background-color: #2777c1;
justify-content: center;
align-items: center;
width: 220px;
height: 60px;
margin-top: 20px;
margin-bottom: 20px;
text-decoration: none;
display: flex
}
.heading {
margin-top: 0;
margin-bottom: 0;
font-size: 18px
}
.social-wrap {
justify-content: flex-end;
align-items: center;
margin-top: 0;
display: flex
}
.social {
max-width: 15px;
margin-right: 15px
}
.about-wrapper {
background-color: #0000;
overflow: hidden
}
.hero-holder {
display: none
}
.main-square-section {
flex-direction: column;
justify-content: center;
align-items: center;
height: 90vh;
padding-top: 40px;
padding-bottom: 40px;
display: flex
}
.square-wrap {
background-color: var(--salmon);
flex-direction: column;
justify-content: center;
align-items: center;
width: 400px;
height: 500px;
display: flex
}
.line-about {
background-color: #fff;
width: 30px;
height: 1px;
margin-top: 15px
}
.h5-about-p {
color: #e0e0e0;
font-family: "Lato", sans-serif;
font-size: 10px;
font-weight: 400
}
.scroll-wrapper {
flex-direction: column;
align-items: flex-start;
margin-top: 100px;
display: flex;
overflow: visible
}
.h6 {
color: var(--white-smoke);
font-family: "Lato", sans-serif;
font-size: 10px;
font-weight: 500;
line-height: 100%
}
.h6.black {
color: var(--black);
margin-top: 5px;
font-size: .5rem;
line-height: 1.3
}
.h6.red,
.h6.salmon {
color: var(--salmon)
}
.h6.salmon.spantext {
font-size: .8rem;
line-height: 1.3
}
.line-scroll {
background-color: var(--white-smoke);
width: 100%;
height: 1px
}
.who-we-are-section {
background-color: #0000;
justify-content: center;
align-items: center;
height: auto;
padding: 11em 0;
display: flex;
position: relative;
overflow: hidden
}
.who-container {
z-index: 2;
flex-direction: row;
justify-content: center;
max-width: 1440px;
display: flex;
position: relative
}
.content-left {
margin-top: 0;
margin-bottom: 0;
display: none
}
.super-h1 {
color: var(--salmon);
margin-top: 0;
margin-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 130px;
font-weight: 700;
line-height: 100%
}
.content-right {
align-items: flex-start;
max-width: 450px;
margin-top: 80px;
margin-left: -128px;
display: flex
}
.line-about-who {
margin-top: 29px;
margin-right: 10px;
padding-top: 20px;
padding-bottom: 10px;
overflow: visible
}
.h1-b-viet {
color: #141414;
background-color: #0000;
font-family: "Lato", sans-serif;
font-size: 46px;
font-weight: 600;
line-height: 110%
}
.h1-b-viet.white {
color: var(--white-smoke)
}
.p-all-class {
color: #151515;
text-align: left;
font-family: "Lato", sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 140%
}
.linn {
background-color: #050505;
width: 60px;
height: 1px
}
.linn.white {
background-color: var(--white-smoke)
}
.fam-section {
background-color: var(--black-2);
backface-visibility: hidden;
perspective: 1000px;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
padding: 67px;
display: block;
position: relative;
overflow: hidden;
transform: perspective(1000px)
}
.fam-photos-container {
max-width: 1440px;
position: static
}
.h1-fam-hold.ap {
transform-style: preserve-3d;
position: absolute;
overflow: hidden;
transform: translateZ(-181px)
}
.first-row {
justify-content: center;
align-items: center;
display: flex
}
.first-row.secnd {
margin-top: 50px;
margin-bottom: 67px
}
.phot-cont {
background-color: #929292;
width: 350px;
max-width: 300px;
height: 350px;
margin-left: 100px
}
.phot-cont.dif {
margin-left: 94px
}
.essence-section {
background-color: #0000;
padding: 100px;
display: none
}
.linee {
background-color: #2777c1;
width: 1rem;
height: 2px
}
.h4-all-boudy {
color: #141414;
font-family: "Lato", sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 110%
}
.row-02 {
max-width: 900px;
margin-left: 50px;
padding-top: 50px
}
.h1-bigg {
color: #141414;
max-width: 750px;
font-family: "Lato", sans-serif;
font-size: 48px;
font-weight: 600;
line-height: 115%
}
.bulletessence {
background-color: #0000;
flex-direction: column;
justify-content: flex-end;
align-items: center;
height: auto;
padding: 7em 0 8em;
display: none
}
.bulletessencecontainer {
flex-direction: column;
justify-content: flex-end;
align-items: center;
max-width: 100%;
padding-left: 15%;
display: flex;
overflow: hidden
}
.essencetop {
justify-content: center;
align-items: center;
margin-bottom: 30px;
padding: 10px;
display: flex
}
.essencetop.smaller {
max-width: 700px
}
.essencebullet {
flex-wrap: nowrap;
place-content: center;
align-items: center;
width: auto;
max-width: 250px;
height: auto;
min-height: auto;
max-height: none;
padding: 0;
display: flex;
position: relative;
top: auto
}
.essenceh1 {
color: #2777c1;
font-family: "Lato", sans-serif;
font-size: 150px;
line-height: 110%
}
.detailsessenceh {
z-index: 10;
color: #141414;
text-align: center;
width: 200px;
max-width: none;
font-family: "Lato", sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 110%;
position: static;
top: auto;
left: auto;
right: 50%
}
.photoholder-numb {
z-index: 10;
justify-content: center;
align-items: center;
width: 150px;
height: 150px;
display: flex;
position: absolute
}
.h1numb {
z-index: auto;
color: #2777c1;
margin-left: 0;
font-family: "Lato", sans-serif;
font-size: 136px;
line-height: 110%;
position: relative;
bottom: auto;
left: auto;
right: auto
}
.howcanwe {
background-color: #0000;
height: auto;
padding-bottom: 30px;
display: none
}
.howcanwegrid {
grid-column-gap: 0px;
grid-template-columns: 1fr 1fr 1fr
}
.tophowcanwe {
flex-direction: column;
align-items: flex-start;
padding: 30px 30px 30px 120px;
display: flex
}
.linehowcanwe {
background-color: #2777c1;
width: 1rem;
height: 2px
}
.h1midum {
color: #141414;
font-family: "Lato", sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 110%
}
.howedoitlink {
color: #050505;
align-items: center;
font-family: "Lato", sans-serif;
text-decoration: underline;
display: flex
}
.linkh1 {
color: #141414;
margin-top: 0;
margin-bottom: 0;
font-size: 15px;
font-weight: 400
}
.arrowrapsmall {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/610847ac64b9804ea816c993_arrowlinklento.svg);
background-position: 50%;
background-size: cover;
width: 20px;
max-width: 20px;
height: 20px;
max-height: 20px;
margin-left: 10px
}
.howcanweblock {
flex-direction: column;
align-items: center;
display: flex
}
.h1block {
color: #141414;
text-align: center;
max-width: 300px;
font-family: "Lato", sans-serif;
}
.semiheadingblock {
color: #141414;
text-align: center;
max-width: 250px;
font-family: "Lato", sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 110%
}
.ilusblockwrapper {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/610847a8c2fa67ba11b26883_Ilustrations%20website%20changes_Mesa%20de%20trabajo%201.svg);
background-position: 50%;
background-size: cover;
width: 100px;
height: 100px;
margin-top: 80px;
overflow: hidden
}
.ilusblockwrapper._02 {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/610847a3030870f5a36bfe5d_Ilustrations%20website%20changes-03.svg)
}
.ilusblockwrapper._03 {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/6108479ddcb08de80c95adb2_Ilustrations%20website%20changes-05.svg)
}
.whatwedowrapper {
background-color: #0000;
overflow: hidden
}
.whatwedogridwrapper {
padding-bottom: 40px;
overflow: visible
}
.whatwedogrid {
grid-column-gap: 16px;
grid-row-gap: 20px;
background-color: #fff;
grid-template-rows: auto auto auto auto
}
.lentowaytop {
flex-direction: column;
align-items: center;
display: flex
}
.lentoline {
flex-direction: column;
align-items: flex-start;
width: 90vw;
margin-top: 80px;
display: flex
}
.lineee {
background-color: #050505;
width: 90vw;
height: 1px
}
.lentomid {
color: #141414;
font-family: "Lato", sans-serif;
font-weight: 500
}
.h1lento2 {
color: #141414;
max-width: 400px;
margin-left: 80px;
font-family: "Lato", sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 110%
}
.leftblocklentowhatwedo {
flex-direction: column;
align-items: flex-start;
height: 500px;
padding: 30px;
display: flex
}
.linelentowhatwedoleft {
background-color: #141414;
width: 100%;
height: 1px;
margin-top: 0;
margin-bottom: 0
}
.lentowhatwedowright {
color: #050505;
max-width: none;
height: auto;
padding: 30px;
font-family: "Lato", sans-serif;
font-size: 17px;
line-height: 140%
}
.pwhatwedo {
color: #141414;
max-width: 600px;
margin-top: 50px;
font-family: "Lato", sans-serif;
font-size: 28px;
font-weight: 400;
line-height: 120%
}
.whatwedoparralels {
justify-content: flex-start;
margin-top: 20px;
padding: 19px 19px 19px 0;
display: flex;
overflow: hidden
}
.whatwedoparralels.nospace {
margin-top: 0
}
.whatwedoparralels.nospace.vertical {
flex-direction: column;
align-items: flex-start
}
.ph5whatwedo {
color: #05050573;
margin-left: 0;
font-family: "Lato", sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 150%
}
.ph5whatwedo.right-space {
margin-left: 30px
}
.ph5whatwedo.nospace {
margin-bottom: 0
}
.howwedoitwrapper {
overflow: hidden
}
.howwedoithero {
background-color: #0000
}
.ourprocesswrappersection {
justify-content: center;
align-items: center;
height: auto;
padding-top: 8em;
padding-bottom: 10em;
display: flex
}
.container {
flex-direction: column;
align-items: flex-start;
padding: 34px;
display: flex
}
.container.flex {
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 95%;
padding: 0
}
.lineprocess {
background-color: #2777c1;
width: 1rem;
height: 2px;
display: none
}
.h1subttitle {
color: #141414;
margin-top: 5px;
margin-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 10px;
font-weight: 500;
line-height: 110%
}
.contentprocess {
flex-direction: column;
align-items: flex-start;
margin-top: 60px;
margin-left: 80px;
display: flex
}
.hheading {
color: #141414;
font-family: "Lato", sans-serif;
font-size: 45px;
font-weight: 500;
line-height: 110%
}
.pprocess {
color: #050505;
max-width: 400px;
font-family: "Lato", sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 150%
}
.pprocess.spacetop {
margin-top: 40px;
display: none
}
.whatwedolinkwrap {
color: #050505;
font-family: "Lato", sans-serif;
text-decoration: underline;
display: none
}
.h5link {
color: #141414;
margin-top: 0;
margin-bottom: 0;
font-size: 12px;
font-weight: 500
}
.wrapiconarrow {
width: 10px;
max-width: 20px;
height: 20px;
margin-left: 5px
}
.howwedoitgridwrap {
background-color: #141414
}
.howwedoitgridwrap.mid {
justify-content: center;
align-items: center;
padding-top: 7em;
padding-bottom: 7em;
display: flex
}
.howwedogrid {
grid-column-gap: 49px;
grid-template-rows: auto auto auto auto auto;
width: 90%
}
.howweboxleft {
border-top: 1px solid #fff;
justify-content: flex-start;
align-items: center;
width: 100%;
height: auto;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 20px;
padding: 30px;
display: flex
}
.h1box {
color: var(--white-smoke);
font-family: "Lato", sans-serif;
font-size: 70px;
line-height: 120%
}
.h1box.nowrap {
white-space: nowrap
}
.pboxhow {
color: var(--white-smoke);
max-width: 300px;
font-family: "Lato", sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 120%
}
.containerbox {
max-width: 600px
}
.howweboxright {
border-top: 1px solid var(--white-smoke);
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
margin-top: 20px;
margin-bottom: 20px;
margin-right: 20px;
padding: 29px;
display: flex
}
.numbhowweboxwrap {
overflow: hidden
}
.superhnumb {
color: var(--salmon);
font-family: "Lato", sans-serif;
font-size: 130px;
font-weight: 700;
line-height: 115%
}
.footerholder {
background-color: #141414
}
.footerholder.mid {
justify-content: center;
align-items: center;
display: flex
}
.homestudiosection {
background-color: #050505
}
.mediastudiosection {
background-color: #050505;
flex-direction: column;
align-items: center;
padding-top: 120px;
display: flex
}
.video01mediastudio {
background-color: #0000;
width: 90%;
height: auto;
margin-top: 20px;
margin-bottom: 50px;
position: relative
}
.videos02studiowrapper {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-top: 80px;
margin-bottom: 40px;
display: block;
position: relative
}
.vide01left {
background-color: #0000;
width: 100%;
height: 100%;
margin-right: 15px;
position: relative
}
.passionwrapper {
align-items: center;
width: 90%;
height: auto;
display: flex
}
.passion-heading {
color: #fff;
max-width: 800px;
margin-bottom: 20px;
font-family: "Lato", sans-serif;
font-size: 40px;
line-height: 120%
}
.emotionheadingwrapper {
max-width: 350px
}
.emotionoverlay {
color: #fff;
text-align: center;
max-width: none;
font-family: "Lato", sans-serif;
font-size: 70px;
line-height: 95%;
display: none
}
.footerstudio {
background-color: #050505
}
.footersectionholder {
background-color: #0000
}
.containerwhatwedo {
padding-bottom: 20px
}
.whowecontainer {
max-width: none
}
.videostudiocontainer {
flex-direction: column;
align-items: flex-end;
display: flex
}
.containerillustration {
border-radius: 50%;
max-width: 400px;
max-height: 400px;
overflow: hidden
}
.image {
width: 250px;
max-width: none;
height: auto
}
.photoholdermainlento {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/60db2ee23584d6d7756934b2_ni%C3%B1a-foto.png);
background-position: 50%;
background-size: cover;
width: 50vw;
height: 60vh
}
.herogrid {
grid-row-gap: 2px;
grid-template-rows: 1fr 1fr;
height: 70vh;
overflow: hidden
}
.menuwrapperall {
background-color: #050505;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
display: none;
overflow: hidden
}
.menusection {
grid-template-rows: 1fr 1fr;
align-content: center;
height: auto
}
.menulinksholders {
flex-direction: column;
justify-content: center;
align-items: center;
height: 80vh;
padding: 20px;
display: flex
}
.linkpages {
border-bottom: .5px solid #fff;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 70%;
height: 90px;
margin-top: 10px;
text-decoration: none;
display: flex;
overflow: hidden
}
.linkpagess {
color: #ffffffb0;
margin-top: 0;
margin-bottom: 5px;
font-family: "Lato", sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 110%
}
.linkh1pages {
color: #fff;
margin-top: 0;
margin-bottom: 10px;
font-family: "Lato", sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 120%
}
.menurightsection {
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
padding: 20px;
display: flex
}
.contact-us-link {
color: #fff;
justify-content: flex-start;
align-items: center;
width: auto;
font-family: "Lato", sans-serif;
text-decoration: none;
display: flex
}
.contat-us-h3 {
font-size: 30px;
line-height: 120%
}
.social-media-link {
color: #fff;
margin-right: 30px;
font-family: "Lato", sans-serif;
font-size: 13px;
line-height: 110%;
text-decoration: none
}
.social-media-link.black-contact {
color: #050505;
margin-right: 10px
}
.link-social-media-h5 {
margin-top: 15px;
margin-bottom: 5px;
font-size: 12px;
font-weight: 400;
line-height: 110%
}
.links-holder-right-side-menu {
flex-direction: column;
align-items: flex-start;
width: 70%;
display: flex
}
.circle-mobile-separate {
display: none
}
.contact-page-holder {
height: 100vh;
overflow: hidden
}
.contact-us-section {
grid-template-rows: 1fr 1fr;
height: 100vh;
padding-top: 10em
}
.contact-us-page-left-side {
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 40px;
display: flex
}
.contact-us-h2 {
color: #050505;
max-width: 500px;
font-family: "Lato", sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: underline
}
.location-wrapper-links {
margin-top: 100px;
display: flex
}
.location-holder {
flex-direction: column;
align-items: flex-start;
margin-right: 50px;
display: none
}
.location-holder.delaware {
display: flex
}
.h2-contact-location {
margin-top: 10px;
margin-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 25px;
font-weight: 500;
line-height: 110%
}
.location-p {
max-width: 100px;
font-family: "Lato", sans-serif;
font-weight: 400
}
.location-p.white {
color: var(--white-smoke);
font-family: "Lato", sans-serif;
font-size: 15px;
line-height: 115%
}
.location-p.white.footerwhite {
color: #141414
}
.phone-numb-link {
color: #050505;
margin-top: 10px;
text-decoration: none
}
.phone-n {
color: #aaa;
font-family: "Lato", sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 110%
}
.mail-contact-link {
color: #2777c1;
margin-top: 15px;
text-decoration: none
}
.link-contact-mail {
font-family: "Lato", sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 120%
}
.form-contact-section {
flex-direction: column;
justify-content: center;
align-items: stretch;
padding: 20px;
display: flex
}
.contact-form-lento {
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 100px;
display: block
}
.contact-form-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 40px;
display: grid
}
.heading-2,
.paragraph,
.italic-text {
display: none
}
.container-contact-form-lento {
flex-direction: column;
align-items: flex-start;
display: block
}
.submit-button-lento {
background-color: var(--salmon);
border-radius: 50%;
width: 100px;
height: 100px;
margin-top: 20px
}
.linkmediaholdd {
align-items: flex-end;
width: auto;
height: auto;
padding-left: 20px;
display: flex
}
.form-block {
max-width: none
}
.newhero {
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
position: relative
}
.container-2 {
position: relative
}
.html-embed {
justify-content: center;
align-items: center;
display: block;
position: absolute;
inset: 0%
}
.wrap-header-new-hero {
overflow: hidden
}
.h1new {
color: #fff;
text-align: left;
margin-top: 3px;
margin-bottom: 8px;
font-family: "Lato", sans-serif;
font-size: 90px;
font-weight: 400;
line-height: 120%
}
.container-3 {
z-index: 10;
color: #2777c1;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 700px;
margin-top: 0;
padding-top: 0;
display: flex;
position: relative
}
.parag {
max-width: 300px;
margin-top: 40px;
overflow: hidden
}
.paragraph-2 {
color: #fff;
font-family: "Lato", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 140%
}
.button-2 {
color: #2777c1;
background-color: #fff;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 120px;
height: 120px;
padding: 5px;
font-family: "Lato", sans-serif;
font-size: 15px;
font-weight: 700;
display: flex
}
.html-embed-2 {
width: 100%;
height: 100%
}
.videoskate01 {
display: block;
position: absolute;
inset: 0%
}
.video {
display: none
}
.loadanimation {
width: 992px;
height: 100vh;
display: flex;
overflow: visible
}
.lottie-animation {
width: 100%;
height: 100%
}
.lottie-animation-2 {
width: 100%;
height: auto
}
.paragrapgh-lent-small {
color: #d1d1d1;
max-width: 300px;
font-size: 12px;
line-height: 140%
}
.paragrapgh-lent-small.new {
color: #444;
max-width: 400px;
font-family: "Lato", sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 140%
}
.links-wrap {
height: 30px;
overflow: hidden
}
.social-link-new {
color: #fff;
height: 100%;
margin-right: 5px;
font-size: 10px;
text-decoration: none
}
.sociallin {
font-size: 10px
}
.background-video {
justify-content: flex-end;
align-items: flex-end;
width: 100vw;
height: 80vh;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 80px;
display: flex;
overflow: visible
}
.text-field {
border-width: 0 0 .5px;
border-top-style: solid;
border-top-color: #000;
border-left-style: solid;
border-left-color: #000;
border-right-style: solid;
border-right-color: #000;
border-radius: 0;
max-width: 300px;
padding-left: 3px;
font-size: 12px;
font-weight: 400
}
.wrap-paragrapgh {
z-index: 1;
position: relative;
overflow: hidden
}
.wrap-paragrapgh.whatwedo,
.wrap-paragrapgh.marg {
margin-top: 15px
}
.video-studio-wrap {
height: 450px;
margin-top: 0;
margin-bottom: -186px;
overflow: hidden
}
.line-footer {
background-color: var(--white-smoke);
width: 400px;
height: 1px
}
.line-footer.black {
background-color: #141414
}
.links-footer {
justify-content: flex-start;
align-items: flex-start;
padding: 20px;
display: flex
}
.link {
color: var(--white-smoke);
align-items: center;
height: 30px;
font-family: "Lato", sans-serif;
font-size: 15px;
line-height: 110%;
text-decoration: none;
display: flex
}
.agency-wrpa-link {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-left: 80px;
display: flex
}
.line-agency-hover {
background-color: var(--white-smoke);
width: 100%;
height: .5px;
margin-top: 5px
}
.line-agency-hover.black {
background-color: #141414
}
.phone-wrap {
text-decoration: none
}
.phone-link {
color: var(--white-smoke);
font-family: "Lato", sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 110%;
text-decoration: none
}
.phone-link.footerwhite {
color: #141414
}
.lovewrap {
align-items: center;
display: flex
}
.line-love {
background-color: var(--white-smoke);
width: 35px;
height: .5px;
margin: 10px 5px
}
.line-love.footerwhite {
background-color: #141414
}
.phone-nmb-wrap {
color: #b8b8b8;
font-size: 12px;
line-height: 120%;
text-decoration: none
}
.phone-nmb-wrap.footer {
color: var(--white-smoke);
font-family: "Lato", sans-serif;
font-size: 15px;
text-decoration: none
}
.phone-nmb-wrap.footer.footerwhite {
color: #141414;
background-color: #0000
}
.html-embed-3 {
padding-top: 5px
}
.square-wrap-hold,
.wrap-p {
overflow: hidden
}
.videowrap-nomusic {
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: flex
}
.line {
background-color: var(--white-smoke);
width: 400px;
height: .5px;
margin-top: 20px;
display: none
}
.phonenumb {
color: var(--white-smoke);
font-family: "Lato", sans-serif;
}
.startprojctwrap {
margin-top: 40px
}
.projectlink {
background-color: #2777c1;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
text-decoration: none;
display: flex
}
.project-link {
color: var(--white-smoke);
font-family: "Lato", sans-serif;
text-decoration: none
}
.field-label,
.field-label-2,
.field-label-3,
.field-label-4 {
font-family: "Lato", sans-serif;
font-weight: 400
}
.bubble-form {
background-color: #fff;
border: .5px solid #cfcfcf;
border-radius: 20px
}
.footer-white.black {
background-color: var(--white-smoke)
}
.intro-parent {
z-index: 999;
background-color: #141414;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: fixed;
inset: 0% auto auto 0%
}
.circle {
background-color: #141414;
border-radius: 0% 0% 100% 100%;
width: 100%;
height: 0%;
position: relative;
top: auto;
bottom: auto
}
.logo-parent {
align-items: center;
display: flex;
position: absolute
}
.div-hide {
z-index: 8;
position: relative;
overflow: hidden
}
.div-hide.mid {
justify-content: center;
align-items: center;
display: flex
}
.div-hide.mid.bttmmarg.ap {
z-index: 12;
position: absolute;
bottom: 1em
}
.div-hide.flex {
justify-content: center;
align-items: center;
display: flex
}
.div-hide.apbottom {
position: absolute;
inset: auto auto 2em 2em
}
.div-hide.space {
width: 90%;
margin-left: 0;
padding-top: 5em
}
.div-hide.center {
justify-content: center;
align-items: center;
display: flex
}
.div-hide.is-max-40 {
max-width: 40em
}
.div-hide.is-max-40.top-10 {
margin-top: 5em
}
.border-line {
background-color: var(--white-smoke);
width: 10em;
height: .5px;
margin-left: 1rem;
margin-right: 1rem
}
.border-line.ap {
background-color: var(--white-smoke);
width: 3em;
height: 3px;
position: absolute
}
.border-line.grey {
background-color: #d1d1d1
}
.h1-white {
color: var(--white-smoke);
margin-top: 0;
margin-bottom: 0;
font-size: 15px;
font-weight: 700;
line-height: 130%
}
.h2-white {
color: var(--white-smoke);
margin-top: 0;
margin-bottom: 0;
font-size: 12px;
font-weight: 400;
line-height: 130%
}
.btn-parent {
justify-content: center;
align-items: center;
padding: 1.5em 2em 1em;
display: flex;
position: relative
}
.btn-parent.ab-btn {
position: absolute;
bottom: 4em
}
.btn-parent.ab-btn.btn-blue {
z-index: 11;
background-color: #0000;
border: 0 solid #141414;
border-bottom-width: .75px;
border-radius: 0;
overflow: hidden
}
.text-block {
color: #141414;
font-size: 12px
}
.nav-parent {
z-index: 998;
justify-content: center;
align-items: center;
width: 100%;
padding: 1em;
display: flex;
position: fixed;
inset: 0% auto auto 0%
}
.menu-parent {
align-items: center;
display: flex
}
.burguer-menu-parent {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 1em;
display: flex
}
.line-burger {
color: #141414;
background-color: #141414;
width: 40px;
height: 2px;
margin-bottom: 3px
}
.hero-parent {
width: 100%;
padding-top: 14em;
padding-bottom: 0
}
.container-smaller {
width: 85%;
margin-left: auto;
margin-right: auto;
position: relative
}
.heading-3 {
color: #141414;
font-size: 3em;
font-weight: 500;
line-height: 1em
}
.img-parent {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
overflow: hidden
}
.img-parent.heroimg {
height: 45em;
margin-top: 5em
}
.img-child {
width: 100%;
height: 100%;
position: relative
}
.img-child.img01 {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/61434731f0dcd25a9c4b09e6_bbb4bc6e82ba4eaa42fa76cd09b64345.jpg);
background-position: 50%;
background-size: cover
}
.play-bttn-parent {
justify-content: center;
align-items: center;
display: flex;
position: absolute
}
.buttn-child {
background-color: #2777c1;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 70%;
height: 70%;
display: flex
}
.circle-bttn {
background-color: #141414;
border-top-left-radius: 100%;
border-top-right-radius: 100%;
width: 100%;
height: 0;
position: absolute;
bottom: 0
}
.circle-load {
z-index: 1;
background-color: var(--white-smoke);
border-top-left-radius: 50%;
border-top-right-radius: 50%;
width: 100%;
height: 0%;
position: absolute;
bottom: 0
}
.circle-top {
z-index: 11;
background-color: #141414;
border-bottom-right-radius: 100%;
border-bottom-left-radius: 100%;
width: 100%;
height: 0%;
position: absolute;
top: 0
}
.content-parent {
position: relative
}
.supertext {
color: var(--white-smoke);
font-family: "Lato", sans-serif;
font-size: 10em;
line-height: 1em
}
.smalltext {
color: #141414;
font-size: .5em;
font-weight: 400;
line-height: 2em
}
.text-span-2 {
z-index: 9999;
color: #141414;
display: inline-block;
position: relative
}
.image-2,
.image-3 {
width: 250px;
max-width: none
}
.preloader {
z-index: 998;
background-color: #000;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
overflow: hidden
}
.lottie-animation-3 {
z-index: 999;
justify-content: center;
align-items: center;
max-width: 220px;
display: flex;
position: relative
}
.newsletterwrap {
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
padding-top: 10em;
display: flex;
position: relative;
overflow: hidden
}
.newsletterwrap.bgwhite {
background-color: var(--white-smoke);
margin-bottom: 0;
padding-bottom: 0
}
.div-wrap {
width: 85%
}
.parent {
z-index: 3;
flex-direction: row;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden
}
.parent.space {
padding-top: 7em;
padding-bottom: 5em
}
.parent.space.justleft {
justify-content: flex-start
}
.line-line {
width: 80vw;
height: .75px
}
.line-line.bgblack {
background-color: #141414
}
.div-hide.spacetop {
margin-top: 10px
}
.div-hide.ap {
position: absolute;
inset: 2em auto auto 2em
}
.text-span.black {
color: #141414;
font-family: "Lato", sans-serif;
}
.text-span.white {
color: var(--white-smoke)
}
.text-span.white.mid {
font-size: 40px;
font-weight: 500;
line-height: 150%
}
.text-span.one {
display: inline-block
}
.text-span.one.para {
font-size: 15px;
font-weight: 100
}
.text-span.two,
.text-span.three {
display: inline-block
}
.text-span.three.para {
font-size: 15px;
font-weight: 100
}
.text-span.four {
display: inline-block
}
.text-span.four.para {
font-size: 15px;
font-weight: 100
}
.text-span.five,
.text-span.six,
.text-span.seven {
display: inline-block
}
.grid-wrap {
z-index: 2;
padding-top: 5em;
position: relative
}
.gridnewsletter {
grid-column-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr
}
.card {
width: 300px;
height: 400px;
position: relative
}
.card.bgblack {
background-color: var(--black);
justify-content: center;
align-items: center;
display: flex
}
.smallpa.white {
color: var(--white-smoke);
font-size: 15px;
font-weight: 400
}
.page-color-change {
width: 100%;
position: absolute;
inset: auto auto 0% 0%
}
.page-color-change.bgblue {
z-index: 1;
background-color: var(--salmon)
}
.page-circle-loop.ap {
border-radius: 100%;
width: 50%;
height: 50%;
position: absolute;
inset: auto 0% 0% auto
}
.page-circle-loop.ap.bgpink {
background-color: var(--salmon);
border-bottom-right-radius: 60%;
border-bottom-left-radius: 70%;
width: 60%;
height: 80%;
bottom: -5em;
right: -2em
}
.page-circle-loop.ap.bgblue {
background-color: var(--cornflower-blue);
width: 60%;
height: 70%;
margin-bottom: -158px;
margin-left: 0;
margin-right: -102px;
padding-left: 0
}
.container-half {
z-index: auto;
width: 90%;
padding-top: 3rem;
padding-bottom: 3rem;
padding-right: 0;
position: relative
}
.container-distribuite {
justify-content: space-between;
align-items: center;
display: flex;
position: relative
}
.boxlink {
z-index: 32;
position: relative;
overflow: hidden
}
.boxlink.w--current {
max-width: 2rem;
overflow: hidden
}
.logo {
width: auto;
height: auto;
padding: 0
}
.boxwrap {
z-index: 1;
background-color: #0000;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.boxwrap.padding {
background-image: linear-gradient(#f5f5f5b5, #f5f5f5b5);
padding-top: 7rem;
padding-bottom: 5rem
}
.boxwrap.blackbg {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/616651eea5296e10b2547022_grainbg.svg);
background-position: 50%;
background-size: cover
}
.boxwrap.blackbg.vertical {
background-image: linear-gradient(#080808cf, #080808cf), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/616651eea5296e10b2547022_grainbg.svg);
background-position: 0 0, 50%;
background-size: auto, cover;
flex-direction: column
}
.boxwrap.blackbg.vertical.center {
background-color: var(--black);
background-image: none;
align-items: center
}
.boxwrap.blackbg.griddown {
flex-direction: column
}
.boxwrap.vertical {
background-color: #313130;
background-image: none;
flex-direction: column;
align-items: stretch;
display: flex
}
.boxwrap.jusleft {
justify-content: flex-start
}
.boxwrap.spaceright {
margin-right: 7em
}
.boxwrap.spaceright.ap {
max-width: 350px;
margin-top: 2em;
margin-right: 1em;
position: absolute;
inset: 0% 0% auto auto
}
.boxwrap.navbar {
z-index: 998;
width: 100%;
position: fixed;
inset: 0% 0% auto
}
.boxwrap.front {
z-index: 999
}
.smallvib {
font-size: 15px;
font-weight: 100
}
.smallvib.white {
color: var(--white-smoke)
}
.menuwrapbox {
flex-direction: column;
justify-content: center;
align-items: flex-end;
display: flex
}
.menucircle {
background-color: var(--black);
border-radius: 100%;
width: 30px;
height: 1.5px
}
.menucircle.mid {
margin: 5px 0
}
.containercontent {
width: 90%;
padding-top: 7rem;
padding-bottom: 3rem;
overflow: visible
}
.divhidebox {
position: relative;
overflow: hidden
}
.divhidebox.leftright {
align-items: center;
height: auto;
display: flex;
overflow: hidden
}
.divhidebox.spacebit {
z-index: 30;
justify-content: space-between;
align-items: center;
display: flex
}
.divhidebox.spacebit.infront {
z-index: 995
}
.textsuper {
text-transform: uppercase;
flex: 0 auto;
font-size: 6rem;
font-weight: 700;
line-height: 1
}
.textsuper.margleft {
margin-left: 30px;
font-family: "Lato", sans-serif;
font-size: 6rem;
line-height: 100%
}
.textsuper.white {
color: var(--white-smoke);
margin-left: 0;
display: inline-block
}
.textsuper.white.spaceleft {
margin-left: -150px;
font-family: "Lato", sans-serif;
}
.textsuper.white.spaceright {
margin-right: -150px;
font-family: "Lato", sans-serif;
}
.textsuper.spacebottom {
max-width: 600px;
margin-bottom: 0;
font-size: 5rem
}
.textsuper.front {
z-index: 20;
position: relative
}
.boxgoal {
max-width: 300px;
margin-left: 20px;
position: relative;
overflow: hidden
}
.linebottomgoal {
background-color: var(--black);
width: 100%;
height: 1px;
position: absolute;
inset: auto 0% 0%
}
.lightgraph {
color: var(--black);
max-width: 300px;
font-family: "Lato", sans-serif;
font-size: .8rem;
font-weight: 400;
display: block
}
.boxright {
justify-content: flex-end;
width: 90%;
padding-bottom: 0;
padding-right: 0;
display: flex;
position: relative
}
.starprojectblok {
z-index: 5;
justify-content: center;
align-items: center;
display: flex;
position: sticky
}
.image-4 {
z-index: 1;
position: relative
}
.imgap {
position: absolute
}
.circlehoverap {
background-color: var(--salmon);
border-radius: 100%;
width: 10px;
height: 10px;
position: absolute;
inset: auto
}
.containerimage {
width: 90%;
position: relative;
overflow: hidden
}
.imagewrap {
position: relative;
overflow: hidden
}
.imghome {
position: relative
}
.divhideap {
z-index: 3;
width: 0%;
height: 100%;
position: absolute;
inset: 0% auto auto 0%;
overflow: hidden
}
.arrowbox {
position: absolute;
inset: 2rem auto auto 1rem;
overflow: hidden
}
.circlemid {
border-radius: 100%;
width: 80px;
height: 80px
}
.circlemid.bluebg {
background-color: var(--cornflower-blue);
justify-content: center;
align-items: center;
display: flex
}
.arrowholder {
height: 40px;
overflow: hidden
}
.arrowdown {
width: 100%;
max-width: none;
height: 100%
}
.containerabout {
width: 90%;
position: relative
}
.linelento {
width: 100%;
height: 1px
}
.linelento.bgblack {
background-color: var(--black)
}
.linelento.bgwhite {
background-color: var(--white-smoke);
margin-bottom: 5px
}
.linelento.bgwhite.spacetop {
margin-top: 8rem
}
.aboutbox {
width: 80%;
overflow: visible
}
.divehide {
padding: 15px;
position: relative;
overflow: hidden
}
.midvib {
max-width: 700px;
font-size: 2rem;
font-weight: 500;
line-height: 1.3;
display: inline-block
}
.midvib.small {
font-size: 15px
}
.midvib.small.black {
z-index: 2;
color: var(--black);
font-size: 1rem;
text-decoration: none;
position: relative
}
.midvib.white {
color: var(--white-smoke);
line-height: 100%
}
.midvib.white.spantext {
line-height: 1
}
.midvib.white.spacebottom {
margin-bottom: 15px;
margin-left: 5px
}
.midvib.white.para {
line-height: 1.3
}
.midvib.mid {
color: var(--black);
max-width: 500px;
font-family: "Lato", sans-serif;
font-size: 30px;
line-height: 130%
}
.midvib.mid.space {
max-width: none;
margin-top: 2em
}
.midvib.mid.top {
margin-top: 1em
}
.midvib.nne {
max-width: none
}
.buttonlento {
border: .7px solid var(--white-smoke);
color: var(--white-smoke);
border-radius: 50px;
justify-content: center;
align-items: center;
width: 170px;
height: 50px;
margin-top: 7rem;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden
}
.buttonlento.white {
border-color: var(--white-smoke)
}
.hoverbutton {
height: 100%;
position: absolute;
inset: 0% 0% 0% auto
}
.hoverbutton.blackbg {
background-color: var(--black);
width: 100%;
height: 0%;
inset: auto 0% 0%
}
.menu-line {
background-color: var(--black);
width: 28px;
height: 1px
}
.menu-line.space {
width: 14px;
margin-top: 3px;
margin-bottom: 3px
}
.menu-line.space.white {
display: block
}
.menu-line.space.white.close {
width: 28px
}
.menu-line.white {
background-color: var(--white-smoke);
color: var(--white-smoke);
display: none
}
.load-animation-wrap {
z-index: 999;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-top: 0;
display: none;
position: fixed;
inset: 0%;
overflow: hidden
}
.line-load-wrap {
width: 100%;
margin-top: 0;
display: none;
position: absolute;
inset: 0% 0% auto;
overflow: hidden
}
.line-one {
width: 100%;
height: 1px;
position: relative
}
.line-one.ap {
width: 20%;
position: absolute
}
.line-one.ap.bgpink {
z-index: 2;
background-color: var(--salmon);
width: 10%;
height: 2px;
inset: 0% auto auto 0%
}
.line-one.bgblack {
background-color: var(--black);
height: 2px
}
.line-one.whitebg {
z-index: 1;
background-color: var(--white-smoke);
height: 2px
}
.boxbg-black {
z-index: 4;
background-color: var(--black);
width: 33.33vw;
height: 100vh;
position: absolute;
inset: 0% auto auto 0%
}
.boxbg-black.right {
width: 33.42vw;
inset: 0% 0% auto auto
}
.boxbg-black.right.salmon {
background-color: var(--salmon);
background-image: none
}
.boxbg-black.mid {
z-index: 4;
width: 33.33vw;
display: block;
position: relative;
inset: 0% auto auto
}
.boxbg-black.mid.ap {
position: absolute
}
.boxbg-black.mid.ap.salmon {
background-color: var(--salmon);
background-image: none
}
.boxbg-black.white {
background-color: var(--white-smoke)
}
.boxbg-black.salmon {
z-index: 1;
background-color: var(--salmon)
}
.boxbg-black.salmon.first {
z-index: 3
}
.ap-box-lento-load {
z-index: 5;
transform-style: preserve-3d;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 15px;
display: none;
position: absolute;
bottom: 2rem;
overflow: hidden;
transform: translateZ(100px)
}
.h5-small-white {
color: var(--white-smoke);
font-size: 15px;
font-weight: 100;
line-height: 130%
}
.h1-supertext {
perspective: 1000px;
color: var(--white-smoke);
font-size: 15rem;
font-weight: 700;
line-height: 1.1;
transform: rotate(0)perspective(2000px)
}
.boxap {
background-color: var(--white-smoke);
background-image: linear-gradient(to bottom, var(--white-smoke), var(--white-smoke));
width: 100%;
height: 100%;
position: absolute;
inset: 0% 0% 0% auto
}
.container-blog-all {
width: 90%;
margin-top: 4rem;
position: relative
}
.blogzone-box {
flex-direction: column;
align-items: flex-start;
max-width: 20em;
margin-top: 7rem;
display: flex;
overflow: visible
}
.parent-right-box {
justify-content: flex-end;
display: flex
}
.container-blog-posts {
width: 90%;
margin-top: 5rem;
padding-bottom: 5rem
}
.content-blog {
justify-content: center;
align-items: center;
margin-top: 2rem;
display: flex
}
.wrap-blog-post {
flex-direction: column;
width: 100%;
padding: 15px;
display: block;
position: relative
}
.blog-holder {
flex-direction: row;
align-items: flex-start;
margin-top: 1rem;
display: flex
}
.image-wrap {
position: relative;
overflow: hidden
}
.image-wrap.round {
border-radius: 50%;
padding: 15px
}
.image-wrap.round.bgwhite {
background-color: var(--white-smoke);
justify-content: center;
align-items: center;
width: 150px;
height: 150px;
display: flex;
overflow: hidden
}
.name-holder-blog {
max-width: 40%;
margin-left: 50px;
overflow: hidden
}
.heading-4 {
max-width: 500px;
margin-bottom: 50px;
font-family: "Lato", sans-serif;
font-size: 2rem;
font-weight: 500;
line-height: 1.3
}
.arrow-hold {
align-items: flex-end;
height: 100%;
display: flex;
position: absolute;
inset: auto 1rem 0% auto;
overflow: hidden
}
.collection-item {
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
display: block
}
.text-block-2 {
margin-top: 1rem;
font-size: 1rem;
font-weight: 100
}
.collection-list-wrapper {
width: 100%
}
.container-what-wedo {
width: 90%;
margin-top: 7rem
}
.fullbox {
width: 100%;
position: relative;
overflow: hidden
}
.fullbox.spacetop {
margin-top: 11rem
}
.boxleft {
justify-content: flex-start;
display: flex
}
.full-box-right {
justify-content: flex-end;
margin-top: 2rem;
display: flex;
overflow: hidden
}
.mid-box {
width: 60%;
margin-top: 8rem;
position: relative;
overflow: hidden
}
.mid-box.show {
overflow: visible
}
.pilar-grid {
width: 90%;
margin-top: 10rem
}
.work-grid {
grid-column-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
margin-bottom: 7rem
}
.grid-box {
z-index: 21;
padding: 15px;
position: relative;
overflow: hidden
}
.grid-box.bottom {
flex-direction: column;
justify-content: flex-end;
padding: 20em 7em 7em;
display: block
}
.text-box {
flex-direction: column;
align-items: flex-start;
margin-top: 7rem;
display: flex;
overflow: visible
}
.speciality-box {
width: 100%;
margin-top: 8rem
}
.p-text {
color: var(--white-smoke);
margin-top: 3px;
margin-bottom: 5px;
font-size: 15px;
font-weight: 100
}
.p-text.spantext {
font-size: 1rem
}
.image-holdergrid {
justify-content: center;
align-items: center;
margin-top: 5rem;
display: flex
}
.line-grid-ap {
height: 100%;
position: absolute;
inset: 0% 0% auto auto
}
.line-grid-ap.bgwhite {
background-color: var(--white-smoke);
width: 1px
}
.line-grid-ap.bgred {
background-color: var(--salmon);
width: 1px;
height: 0%;
display: block
}
.bg-ap {
z-index: 1;
background-image: linear-gradient(#f5f5f5b5, #f5f5f5b5), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/616651fe4536f350ecb153e6_whitegrainbg.svg);
background-position: 0 0, 50%;
background-size: auto, cover;
width: 100%;
height: 100%;
display: none;
position: absolute;
inset: 0%
}
.pillar-holder {
z-index: 2;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative
}
.spantext._01 {
line-height: 1.3;
display: inline-block
}
.spantext._01.big {
font-size: 5rem;
line-height: 100%
}
.spantext._02,
.spantext._03,
.spantext._04,
.spantext._05,
.spantext._06,
.spantext._07,
.spantext._08,
.spantext._09 {
display: inline-block
}
.container-video {
background-color: #0000;
justify-content: center;
align-items: center;
width: 100%;
height: 50vh;
margin-bottom: 2rem;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
overflow: hidden
}
.videos-wrap-showcase {
background-color: #0000;
width: 50%;
height: 100vh;
position: relative;
overflow: hidden
}
.videos-wrap-showcase.apleft {
height: auto;
position: absolute;
inset: 0% auto 0% 0%
}
.videos-wrap-showcase.apright {
height: auto;
position: absolute;
inset: 0% 0% 0% auto
}
.content-vid-holder {
flex-direction: column;
display: flex;
position: absolute;
inset: auto
}
.snowman {
background-color: #0000;
background-image: linear-gradient(to bottom, var(--black), var(--black));
-webkit-text-fill-color: inherit;
background-clip: border-box;
width: 100%;
height: 100%;
position: relative
}
.line-video-wrap {
width: 100%;
height: 1px;
position: relative;
inset: auto 0% 0%
}
.line-video-wrap.bgblack {
background-color: var(--black);
justify-content: center;
align-items: center;
height: 2px;
margin-top: 6rem;
display: none
}
.line-video-lento {
background-color: var(--salmon);
width: 100%;
height: 2px;
position: absolute;
inset: 0% 0% auto auto
}
.line-video-lento.apleft {
position: absolute;
inset: 0% auto auto 0%
}
.line-video-lento.apright {
position: absolute;
inset: 0% 0% auto auto
}
.line-movement-holder {
width: 33.33%;
height: 2px;
position: relative;
overflow: hidden
}
.second-video.ap,
._03-video.ap {
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.container-contact-us {
flex-direction: column;
align-items: flex-end;
width: 90%;
display: flex
}
.arrowwrap {
margin-top: 2rem
}
.arrowwrap.bgblack {
background-color: var(--black);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
display: flex;
position: relative;
overflow: hidden
}
.arrow02 {
display: inline-block
}
.arrow02.ap {
position: absolute
}
.container-footer {
background-color: #0000;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
margin-top: 2em;
padding: 3em 0;
display: flex;
position: static
}
.form-holder {
position: absolute;
inset: 0% auto auto 0%
}
.circlesmall {
background-color: var(--black);
border-radius: 50%;
width: 10px;
height: 10px;
margin-right: 10px
}
.form-wrap {
background-color: #0000;
min-width: 500px;
margin-top: 2rem
}
.subscribe-form {
padding-top: 0;
padding-bottom: 0
}
.centered-container {
text-align: center;
flex: 1
}
.subscribe-form-flex {
flex-direction: row;
flex: 1;
justify-content: center;
align-items: flex-end;
display: flex
}
.subscribe-form-input-wrapper {
text-align: left
}
.subscribe-form-input {
background-color: #0000;
border-bottom: 1px solid #000;
border-radius: 0;
margin-bottom: 0;
font-size: 10px;
font-weight: 300
}
.submit-button {
background-color: #0000
}
.connect-link {
color: var(--black);
font-family: "Lato", sans-serif;
font-weight: 600
}
.contact-box {
padding: 0;
display: flex;
position: absolute;
inset: auto auto 2em
}
.wrap-socials {
justify-content: center;
align-items: flex-start;
margin-right: 1em;
display: flex
}
.box-social {
align-items: center;
display: flex
}
.block-div {
align-items: center;
margin-top: 6px;
display: flex
}
.content-social-box {
flex-direction: column;
align-items: flex-start;
display: flex
}
.social-link {
color: var(--black);
margin-top: 5px;
margin-bottom: 5px;
font-size: 15px;
font-weight: 100;
text-decoration: none
}
.footer-hold {
justify-content: center;
align-items: center;
width: 90%;
height: 60vh;
padding-top: 0;
padding-bottom: 0;
display: block;
position: relative
}
.email-field {
opacity: 1;
background-color: #0000;
border: 0 solid #000;
border-bottom-width: .7px;
padding-left: 0;
font-family: "Lato", sans-serif;
font-size: 12px;
font-weight: 300;
display: inline-block
}
.agency-privacy-hold {
background-color: #0000;
background-image: linear-gradient(#1b1b1bed, #1b1b1bed);
justify-content: center;
align-items: center;
width: 100%;
height: 50px;
display: flex;
position: absolute;
inset: auto 0% 0%
}
.container-last-footer {
justify-content: space-between;
align-items: center;
width: 90%;
display: flex
}
.midium {
color: #a0a0a0;
font-size: 12px;
font-weight: 500
}
.terms-link,
.privacy-link {
color: #a0a0a0;
text-decoration: none
}
.transition {
z-index: 5000;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
overflow: hidden
}
.body-2 {
font-family: "Lato", sans-serif;
font-weight: 400
}
.image-6 {
background-color: #0000;
border: 1px solid #0000
}
.links-pages-box {
display: flex;
position: absolute;
left: 11em
}
.links-holders {
flex-direction: column;
align-items: flex-start;
max-width: 500px;
display: flex
}
.pages-link {
z-index: 31;
flex-direction: column;
align-items: flex-start;
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden
}
.text-block-6 {
color: var(--white-smoke);
font-size: 10px;
text-decoration: none
}
.line-page-link {
background-color: var(--white-smoke);
width: 100%;
height: 1px
}
.line-page-link.ap {
position: absolute;
inset: auto 0% 0%
}
.line-page-link.ap.salmon {
background-color: var(--salmon);
width: 0%;
display: block
}
.form-lento-div {
position: relative
}
.submite-newsletter {
background-color: var(--black);
border: 0 solid #000;
border-radius: 100%;
width: 50px;
height: 50px;
margin-top: 2em;
margin-left: 0;
padding: 0;
font-size: 10px;
position: relative
}
.formnewsletter-lento {
min-width: 400px;
display: none
}
.blog-link {
color: var(--black);
flex-direction: row;
align-items: center;
text-decoration: none;
display: block;
position: relative
}
.arrow01.ap {
position: absolute
}
.container-blog-name {
width: 90%;
padding-top: 11em;
padding-bottom: 11em;
position: static
}
.blog-grid {
grid-column-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 4fr 1fr;
width: 100%;
height: auto
}
.date-blog {
font-family: "Lato", sans-serif;
font-size: 12px;
font-weight: 200;
position: absolute;
inset: 0% auto auto 0%
}
.arrow-box {
position: absolute;
inset: auto 0% 0% auto;
transform: rotate(90deg)
}
.container-image-blog {
border-radius: 20px;
width: 90%;
overflow: hidden
}
.catching-phrase-box {
width: 60%;
padding-top: 7em;
padding-bottom: 7em
}
.body-3 {
background-image: linear-gradient(#f5f5f5d4, #f5f5f5d4), url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/616651fe4536f350ecb153e6_whitegrainbg.svg);
background-position: 0 0, 50%;
background-size: auto, cover
}
.grain-overlay {
z-index: 998;
opacity: .05;
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/618bc412b68d08732addbc09_Grain.gif);
background-position: 50%;
background-size: auto;
position: fixed;
inset: 0%
}
.hero-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
width: 100%;
height: auto;
padding-top: 0
}
.about-body {
background-color: var(--salmon);
font-family: "Lato", sans-serif;
}
.circle-scroll {
background-color: #0000;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
width: 100%;
height: 90%;
position: absolute;
inset: auto 0% 0%
}
.pp-box {
transform-style: preserve-3d;
width: 390px;
height: 390px;
position: relative;
overflow: hidden;
transform: translateZ(40px)
}
.pp-box.emi {
position: absolute;
top: 3em;
left: 4em
}
.pp-box.tom {
position: absolute
}
.pp-box.jair {
position: absolute;
inset: 2em 3em auto auto
}
.pp-box.andres {
position: absolute;
inset: auto auto 3em 5em
}
.pp-box.gab {
position: absolute;
inset: auto 3em 3em auto
}
.pp-hold-box {
width: 100%;
height: 100%;
position: absolute;
inset: auto 0% 0%
}
.container-values {
grid-column-gap: 10px;
grid-row-gap: 5px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-content: center;
place-items: stretch center;
width: 90%;
display: grid;
position: relative;
overflow: hidden
}
.spantoptext._01,
.spantoptext._02,
.spantoptext._03 {
display: inline-block
}
.rich-text-block {
width: 100%;
font-family: "Lato", sans-serif;
font-size: 18px;
font-weight: 200;
line-height: 130%
}
.bold-text,
.bold-text-2,
.bold-text-3,
.bold-text-4 {
font-family: "Lato", sans-serif;
}
.bold-text-5 {
font-family: "Lato", sans-serif;
font-size: 5rem;
line-height: 100%
}
.bold-text-6 {
max-width: 600px;
font-family: "Lato", sans-serif;
font-size: 5rem;
line-height: 80%
}
.gif-parent {
justify-content: center;
align-items: center;
width: 100%;
padding-top: 5em;
padding-bottom: 5em;
display: flex;
position: relative;
overflow: hidden
}
.gif-child {
z-index: 1;
width: auto;
height: 50vh;
position: relative;
overflow: hidden
}
.button-play-parent {
z-index: 2;
justify-content: center;
align-items: center;
width: 300px;
height: 200px;
display: none;
position: absolute
}
.buttonplay {
border-radius: 100%;
width: 100px;
height: 100px
}
.buttonplay.bgwhite {
background-color: var(--white-smoke);
justify-content: center;
align-items: center;
padding-left: 5px;
display: flex
}
.playhold {
width: 40px;
height: 40px;
overflow: hidden
}
.vimeo-vid-parent {
z-index: 5;
width: 100%;
height: 100vh;
display: block;
position: relative;
overflow: hidden
}
.gif_01 {
display: block;
position: absolute;
inset: 0%;
overflow: hidden
}
.bold-text-7,
.bold-text-8 {
font-weight: 400
}
.paragraph-3 {
font-family: "Lato", sans-serif;
font-size: 15px;
font-weight: 200
}
.circlebig {
background-color: var(--black);
border-radius: 100%;
width: 80px;
height: 80px
}
.blogpost {
background-color: #0000;
justify-content: center;
align-items: center;
padding-top: 8em;
padding-bottom: 8em;
display: flex
}
.bloggrid {
grid-template-rows: auto;
grid-template-columns: 1fr;
width: 90%
}
.container-richtext {
width: 60%;
padding-top: 11em;
padding-bottom: 7em
}
.psmall {
font-family: "Lato", sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 110%
}
.html-embed-4 {
background-color: #0000;
display: block
}
.heading-5 {
font-size: 6rem;
font-weight: 700
}
.heading-6 {
line-height: 1.1
}
.heading-7 {
margin-left: 5px
}
.heading-8 {
font-family: "Lato", sans-serif;
}
.heading-9 {
font-weight: 300
}
.white {
color: var(--white-smoke)
}
.transition-trigger {
display: none
}
.half-div {
max-width: 450px;
overflow: hidden
}
.cursor {
z-index: 33000;
opacity: 0;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
transition: opacity .2s;
display: flex;
position: fixed;
inset: 0%
}
.cursor_dot {
background-color: var(--salmon);
border-radius: 100%;
width: 30px;
height: 30px;
position: absolute
}
.blackbg {
background-color: var(--black);
position: fixed;
inset: 0%
}
.image-7 {
display: none
}
.embed {
width: 100%;
height: 100vh;
display: block;
position: fixed;
inset: 0%;
overflow: hidden
}
._3d-hero-scene {
width: 100%;
height: 100%;
position: absolute
}
.hero-container {
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 90%;
padding-top: 4em;
padding-bottom: 4em;
display: flex
}
.link-parent {
max-width: 5em
}
.nav-bar {
justify-content: center;
align-items: center;
display: flex
}
.bg-black {
background-color: #333;
width: 50%;
height: 100%;
position: absolute;
inset: 0% 0% auto auto
}
.bg-black.bg-pink {
background-color: #ff7260;
width: 0%
}
.menu-line-2 {
background-color: #ebebeb;
width: 4em;
height: 1px;
position: absolute
}
.menu-line-2.pad-top {
margin-top: 8px
}
.transition-trigger-2 {
display: none
}
.link-block {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.link-block.nomarg {
width: 5em;
height: 5em;
margin-top: 0
}
.html {
width: 0;
height: 0;
position: absolute;
inset: 0% 0% auto;
overflow: hidden
}
.transition-2 {
z-index: 3000;
background-color: #333;
width: 100%;
height: 100vh;
display: none;
position: fixed;
inset: 0%
}
.style_item {
border-bottom: .1em solid #bdbdbd;
padding: 2em 0;
display: none
}
.is-black {
color: #333
}
.is-pp {
font-family: "Lato", sans-serif;
font-weight: 500
}
.is-pp.left {
text-align: right;
padding-right: 1em
}
.is-pp.thin {
font-weight: 100
}
.section {
display: none
}
.container-4 {
width: 100%;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
padding: 5em 10em
}
.is-bigger {
font-size: 13.89em
}
.is-bigger.is-pp.is-height-big {
line-height: 1.5
}
.is-bigger.is-pp.is-height-big.nowrap {
white-space: nowrap
}
.is-big {
font-size: 9.44em
}
.is-big.all-cap {
text-transform: uppercase
}
.is-big.no-break {
white-space: nowrap
}
.is-big.no-break.is-blue {
color: #2777c1
}
.is-big.no-break.is-pink {
color: #ff7260
}
.is-big.no-break.is-pink.all-cap {
text-transform: uppercase
}
.block-parent {
width: 100%;
height: 15em;
position: relative
}
.block-parent.top {
backface-visibility: hidden;
transform-style: preserve-3d;
transform: translate3d(0, 7.3em, -7.3em)rotateX(90deg)rotateY(0)rotate(0)
}
.block-parent.bg-blue {
background-color: #2777c1;
flex-direction: row;
justify-content: center;
align-items: center;
display: flex;
overflow: hidden
}
.block-parent.bg-blue.borders {
overflow: hidden
}
.block-parent.is-white {
background-color: #ebebeb
}
.block-parent.bottom {
backface-visibility: hidden;
transform-style: preserve-3d;
transform: translate3d(0, -7.9em, -8em)rotateX(-90deg)rotateY(0)rotate(0)
}
.block-parent.bottom.bg-blue.borders {
mix-blend-mode: normal;
transform-style: preserve-3d;
transform: translate3d(0, -7.5em, -8em)rotateX(-90deg)rotateY(0)rotate(0)
}
._3d-parent {
perspective: 1500px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: relative;
transform: perspective(1500px)
}
.block-parent-2.is-right {
transform-style: preserve-3d;
width: 80em;
transform: rotateX(-5deg)rotateY(2deg)rotate(0)
}
.block-parent-2.is-right.pad-top {
height: 15em;
margin-top: 5em
}
.block-parent-2.is-right.pad-top._30-h {
height: 30em
}
.block-holder {
position: relative;
overflow: visible
}
.block-child {
width: 100%;
height: 80%;
overflow: hidden
}
.horizontal-section {
background-color: #ebebeb;
height: auto;
position: relative
}
.is-white {
color: #f5f5f5
}
.is-white.is-big.is-h-1 {
line-height: 1
}
.list {
align-items: center;
width: 100%;
display: flex
}
.hero-hide {
position: relative;
overflow: hidden
}
.hero-hide.is-half {
max-width: 44em
}
.fade-up.tricks.is-max-7 {
max-width: 7em
}
.ap-box {
position: absolute
}
.ap-box.bottom {
inset: auto 10em 5em auto
}
.text-span-3 {
font-family: "Lato", sans-serif;
font-weight: 500
}
.parent-3d-scene {
padding-bottom: 6em
}
.card-grid {
grid-template-rows: auto;
grid-template-columns: .75fr 1fr .75fr;
width: 100%;
height: 100%
}
.horizontal-trigger {
position: absolute;
inset: 0% 0% auto
}
.card-hold {
border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;
width: 100%;
height: 60em
}
.card-hold.bg-purple {
background-color: #9b4cdb;
position: sticky;
top: 30em
}
.card-hold.bg-purple.margtop {
height: 55em;
margin-top: 34em
}
.card-hold.bg-pink {
background-color: #ff7260;
position: sticky;
top: 15em
}
.card-hold.bg-pink.margtop {
margin-top: 1em
}
.card-hold.bg-blue {
background-color: #2777c1;
position: sticky;
top: 2em
}
.gif-hold {
border-radius: 100%;
width: 30em;
height: 30em;
overflow: hidden
}
.horizontal-container {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1440px;
min-height: 100vh;
display: flex;
position: sticky;
top: 0
}
.horizontal-item {
flex: none;
width: auto;
padding-right: 20px
}
.hero-child {
margin-left: 0;
padding: 20px;
overflow: hidden
}
.hero-child.center-top {
margin-bottom: 10em
}
.hero-child.is-left-20 {
margin-right: 20em
}
.button-hero-parent {
justify-content: center;
align-items: center;
width: 12em;
height: 12em;
display: flex;
position: relative;
overflow: hidden
}
.is-center {
text-align: center;
max-width: none
}
.is-center.is-h-small {
max-width: none;
line-height: 1.1
}
.is-center.is-h-small.fade-up.tricks.small {
text-align: center;
font-size: 5.74em
}
.is-center.is-h-small.fade-up.tricks.center {
text-align: center
}
.is-center.is-h-small.fade-up.tricks.center.is-max-5,
.is-center.is-h-small.fade-up.tricks.is-max-6 {
max-width: 9em
}
.is-center.is-h-small.fade-up.tricks.is-max-8,
.is-center.is-h-small.fade-up.tricks.is-max-9 {
max-width: 8em
}
.button-lento {
color: #ebebeb;
border: 1px solid #ebebeb;
border-radius: 50px;
justify-content: center;
align-items: center;
width: 14em;
height: 4.17em;
text-decoration: none;
display: flex
}
.button-lento.black {
border-color: var(--black-2)
}
.cards-wrapper {
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
height: auto;
padding-top: 5em;
padding-bottom: 5em;
position: relative
}
.info-div {
flex-direction: column;
padding: 4em;
display: block
}
.hero-parent2 {
justify-content: center;
align-items: center;
width: 100%;
height: 80vh;
display: flex;
position: relative;
overflow: hidden
}
.hero-parent2.pad-bottom {
padding-bottom: 10em
}
.wrapper {
width: 100%;
max-width: 1214px;
padding-left: 20px;
padding-right: 20px
}
.wrapper.big {
max-width: 1399px
}
.wrapper.medium {
max-width: 1235px
}
.wrapper.fw {
max-width: 1356px
}
.is-10-top {
margin-top: 10em
}
.circle-button {
color: #ebebeb;
border: 2px solid #ff7260;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 8.4em;
height: 8.4em;
text-decoration: none;
display: flex
}
.hide-box {
line-height: 1.1;
position: relative;
overflow: hidden
}
.hide-box.vertical {
justify-content: center;
align-items: center;
display: flex
}
.hide-box.is-max-20 {
width: 8em;
height: 8em
}
.sticky {
width: 100%;
position: sticky;
top: 0;
overflow: hidden
}
.project-holder {
width: 50em;
height: 50vh;
display: flex;
position: relative;
overflow: hidden
}
.img-project {
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.footer-parent {
width: 100%;
height: 100vh
}
.footer-parent.gradiant {
background-image: linear-gradient(to bottom, #2777c1, var(--salmon));
position: static
}
.footer-child {
z-index: auto;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden
}
.email-footer {
white-space: nowrap;
justify-content: center;
align-items: center;
width: 100%;
height: 20em;
padding: 2em;
text-decoration: none;
display: flex;
position: absolute;
inset: auto 0% 0%;
overflow: visible
}
.footer-box {
border-bottom: 1px solid var(--white-smoke);
justify-content: space-between;
align-items: flex-end;
width: 100%;
height: 30em;
display: flex;
overflow: hidden
}
.parent-link {
align-items: flex-end;
width: 60%;
height: 100%;
display: flex
}
.child-link {
width: 30em;
height: 100%;
padding: 2em;
position: relative
}
.child-link.borders {
border-top: 1px solid var(--white-smoke);
border-right: 1px solid var(--white-smoke)
}
.privacy-child {
padding-bottom: 1em;
padding-left: 1em;
position: absolute;
inset: auto 0% 0%
}
.link-privacy {
color: var(--white-smoke)
}
.is-max-10 {
max-width: 10em
}
.grand-child.vertical {
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 10em;
height: 70%;
display: flex
}
.network-link {
border-top: 1px solid var(--white-smoke);
border-right: 1px solid var(--white-smoke);
justify-content: center;
align-items: center;
width: 100%;
height: 10em;
margin-top: 0;
display: flex
}
.network-link.nomarg {
margin-top: 0
}
.paragraph-4 {
font-size: 1.25em
}
.lento-menu-parent {
z-index: 5;
width: 100%;
height: 80vh;
display: none;
position: fixed;
overflow: visible
}
.menu-child {
z-index: auto;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-bottom: 4em;
display: flex;
position: static;
overflow: hidden
}
.menu-grandchild {
flex-direction: row;
justify-content: space-between;
width: 90em;
height: 50em;
padding: 4em;
display: flex;
position: relative
}
.menu-grandchild.bg-pink {
background-color: var(--salmon);
padding: 5em;
position: relative;
bottom: 0
}
.left-menu-links {
flex-direction: column;
align-items: flex-start;
display: flex
}
.inside-links {
color: var(--white-smoke);
text-decoration: none
}
.contact-links {
flex-direction: column;
align-items: flex-start;
margin-top: 5em;
display: flex
}
.project-builder {
align-items: flex-end;
display: flex
}
.project-link {
background-color: var(--white-smoke);
color: var(--white-smoke);
border-radius: 30px;
justify-content: center;
align-items: center;
width: 24em;
height: 4em;
text-decoration: none;
display: flex
}
.project-link .left-video {
margin-right: auto !important;
}
.black {
color: var(--black-2)
}
.black.is-nax-4 {
max-width: 4em
}
.bg-menu {
z-index: -1;
background-color: var(--salmon);
width: 100%;
height: 100%;
position: absolute;
inset: auto 0% 0%
}
.transition-content {
width: 100%;
height: 100vh;
position: relative;
inset: 0%
}
.transition-block {
width: 100%;
height: 100%;
position: absolute;
inset: 0% 0% auto auto
}
.transition-block.bg-pink {
background-color: var(--salmon)
}
.transition-block.bg-pink.leftside {
inset: 0% auto auto 0%
}
.transition-block.bg-black {
background-color: var(--black-2)
}
.transition-block.bg-black.leftside {
inset: 0% auto auto 0%
}
.project-parent {
justify-content: space-between;
align-items: center;
width: 100%;
padding: 3em;
display: flex
}
.is-max-6 {
max-width: 6em
}
.is-max-6.center {
text-align: center
}
.grid-peers {
grid-column-gap: 30px;
width: 100%
}
.peers-holder {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
width: 40em;
padding-top: 2em;
display: block;
position: relative
}
.peers-holder.is-space-10 {
margin-top: 10em
}
.peers-child {
flex-direction: column;
width: 30em;
height: 30em;
display: block;
position: relative;
overflow: hidden
}
.peers-content {
padding-top: 2em;
padding-bottom: 2em
}
.collection-item-2 {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: block
}
.collection-item-3 {
padding: 0
}
.peers-list {
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: .25fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-content: center;
align-items: flex-start;
width: auto;
display: block
}
.collection-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.collection-item-4 {
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr;
justify-content: center;
align-items: center;
width: 0%;
display: flex
}
.is-max-20 {
max-width: 20em
}
.is-max-40 {
max-width: 15em
}
.color-news {
position: absolute;
inset: 0%
}
.color-news.pinkbg {
background-color: var(--salmon);
opacity: .4;
-webkit-text-fill-color: inherit;
mix-blend-mode: normal;
background-clip: border-box
}
.logo-link {
justify-content: center;
align-items: center;
width: 15em;
height: 3em;
display: flex
}
.image-8 {
position: absolute
}
.momeji-ap {
opacity: 0;
display: none;
position: absolute
}
.rich-text-block-2 {
line-height: 1.1
}
.site-header-section {
color: #fff;
background-color: #f6f6f6;
padding-top: 118px;
padding-bottom: 118px;
font-family: "Lato", sans-serif;
font-size: 22px;
line-height: 25.08px;
text-decoration: none;
position: relative
}
.column {
-webkit-text-fill-color: inherit;
background-clip: border-box
}
.menu-button {
display: block
}
.navbar-2 {
-webkit-text-fill-color: inherit;
background-color: #0000;
background-clip: border-box;
padding: 0;
display: block
}
.nav-link {
color: #fff;
margin-top: 2px;
padding: 0;
font-size: 70px;
line-height: 70px;
display: block
}
.nav-link:hover {
color: #da571f
}
.link-2 {
color: #fff;
border-bottom: 1px solid #ffffff80;
max-width: 205px;
margin-top: 0;
margin-bottom: 3px;
padding-bottom: 3px;
text-decoration: none;
display: block
}
.link-2:hover {
color: #da571f
}
.heading-11 {
font-family: "Lato", sans-serif;
}
.heading-12 {
margin-top: 0;
margin-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 22px;
font-weight: 500;
line-height: 25.8px
}
.mailto {
color: #fff;
font-weight: 500
}
.mailto:hover {
color: #da571f
}
.columns {
max-width: none;
margin-top: 60px
}
.elips {
margin-top: 35px
}
.div-block-2 {
background-color: #0000;
border-radius: 50%;
width: 31px;
height: 31px;
margin-right: 9px;
display: inline-block;
position: relative
}
.wrap-1185 {
max-width: 1220px;
padding-left: 20px;
padding-right: 20px
}
.nav-wrappper {
max-width: 100%;
padding-left: 0;
padding-right: 0
}
.nav-menu {
background-color: #373d40;
width: 50%;
max-width: none;
padding: 60px 30px 140px;
display: none;
position: fixed;
top: 0;
left: auto;
right: 0
}
.text-block-7 {
font-weight: 500
}
.div-block-3 {
margin-top: 68px;
display: flex
}
.div-block-4 {
-webkit-text-fill-color: inherit;
background-color: #da571f;
background-clip: border-box;
border-radius: 100px;
width: 65px;
height: 30px;
margin-left: 15px;
margin-right: 15px;
position: relative
}
.image-9 {
width: 30px;
height: 30px;
position: absolute;
right: 0
}
.div-block-5 {
padding-right: 60px
}
.section-2 {
background-color: #fff
}
.section-2.site-hero {
color: #373d40;
background-color: #f6f6f6;
padding-top: 88px;
padding-bottom: 130px;
font-family: "Lato", sans-serif;
font-size: 28px;
font-weight: 400;
line-height: 35px;
position: relative
}
.section-2.site-hero.faq-section {
padding-top: 50px;
padding-bottom: 100px
}
.section-2.site-hero.blog-post-hero {
padding-bottom: 180px
}
.section-2.site-hero.contact-hero {
padding-bottom: 88px
}
.section-2.site-hero.carrer-single-hero,
.section-2.site-hero.manifesto-hero,
.section-2.site-hero.impact-hero,
.section-2.site-hero.privacy-hero {
padding-bottom: 0
}
.section-2.site-hero.insights-hero,
.section-2.site-hero.newf,
.section-2.site-hero.derv {
padding-bottom: 88px
}
.wrap-1114 {
max-width: 1154px;
padding-left: 20px;
padding-right: 20px
}
.wrap-1114._1088 {
max-width: 1088px
}
.heading-13 {
color: #373d40;
margin-top: 0;
margin-bottom: 62px;
font-family: "Lato", sans-serif;
font-size: 95px;
line-height: 108.3px
}
.heading-13.different-heading {
margin-bottom: 62px;
font-size: 85px;
font-weight: 400;
line-height: 99.61px;
display: block
}
.heading-13.different-heading.heading-hide {
display: none
}
.heading-13.different-heading.oc-heading-title {
margin-bottom: 0
}
.heading-13.ch-title {
margin-bottom: 37px;
margin-left: 0;
margin-right: 0;
font-weight: 400
}
.heading-13.join-herotitle {
margin-bottom: 27px;
font-weight: 400
}
.div-block-6 {
padding-left: 80px;
position: relative
}
.div-block-6.pdl-150 {
padding-left: 129px
}
.div-block-6.pdl-150.oc-title-main {
margin-bottom: 70px
}
.div-block-6.contact-hero-wrap {
padding-left: 160px
}
.div-block-6.contact-hero-wrap.join-text-wrap,
.div-block-6.join-team-wrap {
padding-left: 142px
}
.div-block-6.career-wrap {
padding-left: 93px
}
.div-block-6.impact-wrap {
padding-left: 132px
}
.div-block-6.privacy-hero-wrap {
padding-left: 92px
}
.image-10 {
width: 132px;
position: absolute;
top: 5px;
left: 0
}
.image-10.new {
z-index: auto;
width: 60px;
top: 24px
}
.image-10.new.scale-image {
width: 97px;
top: 0
}
.image-10.new.scale-image.si-page-logo {
width: 110px;
top: 11px
}
.image-10.new.scale-image.oc-title-image {
top: 11px
}
.image-10.new.scale-image.hsblog-post-title-logo {
top: 15px
}
.image-10.cr-img {
top: -50px
}
.image-10.join-img-hero {
top: 28px
}
.image-10.home-icon {
width: auto
}
.section-3 {
background-color: #fff
}
.section-3.video-section {
color: #373d40;
text-transform: none;
background-color: #f6f6f6;
align-items: center;
padding-right: 172px;
font-family: "Lato", sans-serif;
font-size: 24px;
line-height: 31.65px;
display: flex;
position: relative;
overflow: hidden
}
.section-3.video-section.work-video-section {
padding-bottom: 100px;
padding-right: 0;
display: block
}
.html-embed-5 {
padding-bottom: 56.25%;
position: relative
}
.html-embed-5.video-cover {
width: 100%;
position: relative;
top: auto;
right: auto
}
.text-block-8 {
color: #373d40;
font-family: "Lato", sans-serif;
font-size: 24px
}
.div-block-7 {
width: auto;
position: absolute;
top: 50%;
right: -130px
}
.div-block-7.right {
transform-style: preserve-3d;
position: absolute;
top: 50%;
right: -130px;
transform: rotateX(90deg)rotateY(90deg)rotate(90deg)
}
.section-4 {
color: #373d40;
-webkit-text-fill-color: inherit;
background-color: #fff;
background-clip: border-box;
font-family: "Lato", sans-serif;
font-size: 28px;
line-height: 35px
}
.section-4.map-section {
-webkit-text-fill-color: inherit;
background-color: #f6f6f6;
background-clip: border-box;
padding-right: 0
}
.column-3 {
-webkit-text-fill-color: inherit;
background-color: #c4a385;
background-clip: border-box;
border-bottom-right-radius: 133px;
padding: 139px 60px 148px 20px;
position: relative
}
.heading-14 {
margin-top: 0;
margin-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 45px;
font-weight: 400;
line-height: 59.35px;
position: relative
}
.text-span-4 {
letter-spacing: 5px;
font-family: "Lato", sans-serif;
font-weight: 700
}
.columns-2 {
align-items: center;
width: 100%;
display: flex
}
.column-4 {
padding: 20px 20px 20px 117px
}
.div-block-8 {
background-color: #c4a385;
width: 9007200000000000%;
height: 100%;
position: absolute;
top: 0;
right: 99%
}
.map-area {
text-align: center;
padding-top: 143px;
position: relative
}
.image-11 {
display: none
}
.div-block-9 {
-webkit-text-fill-color: inherit;
background-color: #fff;
background-clip: border-box;
padding-top: 243px;
padding-bottom: 370px
}
.section-5 {
color: #373d40;
-webkit-text-fill-color: inherit;
background-color: #f6f6f6;
background-clip: border-box;
padding-top: 121px;
padding-bottom: 121px;
font-family: "Lato", sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 35px
}
.wrap-991 {
max-width: 1031px;
padding-left: 20px;
padding-right: 20px
}
.heading-15 {
color: #373d40;
margin-top: 0;
margin-bottom: 73px;
font-family: "Lato", sans-serif;
font-size: 85px;
font-weight: 400;
line-height: 96.9px;
display: block
}
.bold-text-9 {
display: block
}
.text-block-10 {
margin-bottom: 100px;
font-weight: 400;
line-height: 38px
}
.button-style1 {
color: #373d40;
text-align: center;
background-color: #0000;
border: 4px solid #373d40;
border-radius: 10px;
min-width: 285px;
padding: 12px 21px;
font-family: "Lato", sans-serif;
font-size: 28px;
line-height: 36.93px;
transition: all .5s
}
.button-style1:hover {
color: #f1f1f1;
-webkit-text-fill-color: inherit;
background-color: #da571f;
background-clip: border-box;
border-color: #da571f
}
.button-style1.btn-font-bold {
color: #373d40;
font-weight: 700
}
.button-style1.btn-font-weight {
font-weight: 700
}
.button-style1.see-all-insights {
margin-top: 0;
font-weight: 700
}
.button-style1._162 {
margin-top: 162px;
font-size: 21px;
font-weight: 700
}
.button-style1._21 {
font-size: 21px;
font-weight: 700
}
.section-6 {
color: #f6f6f6;
-webkit-text-fill-color: inherit;
background-color: #8185b9;
background-clip: border-box;
border-top-right-radius: 366px;
padding-top: 169px;
padding-bottom: 148px;
font-family: "Lato", sans-serif;
font-size: 22px;
line-height: 35px;
position: relative
}
.heading-16 {
margin-top: 0;
margin-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 85px;
font-weight: 400;
line-height: 96.9px
}
.bold-text-10 {
display: block
}
.heading-17 {
color: #f6f6f6;
letter-spacing: .05em;
border-bottom: 3px solid #fff;
margin-top: 0;
margin-bottom: 25px;
padding-bottom: 10px;
font-family: "Lato", sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 35px;
display: inline-block
}
.list-2 {
padding-left: 35px
}
.list-item {
margin-bottom: 0
}
.list-item:hover {
color: #c4a385
}
.body-4 {
background-color: #f6f6f6
}
.body-4.lightbg {
background-color: #f8f8f8
}
.div-block-10 {
margin-bottom: 121px
}
.link-block-2 {
color: #ebebec;
text-transform: uppercase;
justify-content: flex-end;
align-items: center;
width: auto;
font-family: "Lato", sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 39.57px;
display: inline-block
}
.div-block-11 {
text-align: right;
margin-top: 62px;
padding-right: 60px
}
.text-block-11 {
display: inline-block
}
.text-block-11:hover {
color: #c4a385
}
.image-12 {
width: 54px;
margin-right: 24px;
display: inline-block
}
.image-13 {
position: absolute;
top: -10px;
right: 96px
}
.section-7 {
color: #f6f6f6;
padding-top: 100px;
padding-bottom: 100px
}
.div-block-12 {
border-top-right-radius: 133px;
margin-bottom: 0%;
padding-bottom: 100%;
position: relative;
overflow: hidden
}
.div-block-12.reverse {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62dfb8134fd3c8849cce0b24_Yuma_CaseStudy_HomeImage.png);
background-position: 0 0;
background-size: cover;
border-top-right-radius: 0;
border-bottom-left-radius: 133px;
font-family: "Lato", sans-serif;
}
.div-block-12.reverse.base {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/6480241cd2b60074b15c5482_Base-Miami---Initial-Image-Bck2.png);
border-top-right-radius: 133px;
border-bottom-left-radius: 0
}
.div-block-12.reverse.basebg {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/6480241cd2b60074b15c5482_Base-Miami---Initial-Image-Bck2.png)
}
.div-block-12.reverse.last {
background-image: none;
border-top-right-radius: 133px;
border-bottom-left-radius: 0
}
.div-block-12.reverse.vh {
border-top-right-radius: 0;
border-bottom-left-radius: 133px
}
.image-14 {
object-fit: cover;
border-top-right-radius: 133px;
width: 100%;
height: 100%;
font-family: "Lato", sans-serif;
position: absolute;
top: 0;
left: 0
}
.image-14.reverse {
object-fit: contain;
border-top-right-radius: 0;
border-bottom-left-radius: 133px;
width: 80%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.image-14._0rd {
border-top-right-radius: 0
}
.column-5 {
padding-left: 0;
padding-right: 0
}
.column-6 {
color: #373d40;
padding-left: 20px;
padding-right: 20px;
font-family: "Lato", sans-serif;
font-size: 22px;
font-weight: 500;
line-height: 25px
}
.text-block-12 {
font-family: "Lato", sans-serif;
font-size: 16px;
line-height: 21.1px
}
.heading-18 {
color: #373d40;
margin-top: 12px;
margin-bottom: 42px;
font-family: "Lato", sans-serif;
font-size: 85px;
font-weight: 400;
line-height: 96.9px;
display: block
}
.heading-18.short {
max-width: 300px
}
.text-block-13 {
margin-bottom: 76px;
font-weight: 400;
line-height: 28px
}
.image-15 {
width: 54px;
margin-top: -3px;
margin-right: 24px;
display: inline-block
}
.link-block-3 {
color: #373d40;
text-transform: uppercase;
font-family: "Lato", sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 39.57px
}
.link-block-3.footer-btn {
color: #ebebec;
letter-spacing: .05em;
font-size: 35px;
line-height: 50px
}
.link-block-3.sow-btn {
margin-top: 0
}
.link-block-3.sow-btn:hover {
color: #da571f
}
.link-block-3.sow-btn.sfv-btn {
align-items: center;
display: inline-block
}
.text-block-14 {
font-size: 30px;
font-weight: 500;
display: inline-block
}
.text-block-14:hover {
color: #da571f
}
.text-block-14.sow-text {
color: #fff;
line-height: 40px
}
.text-block-14.sow-text:hover {
color: #da571f
}
.text-block-14.sow-text.o2 {
font-weight: 700
}
.text-block-14.see-video-btn {
color: #373d40;
font-weight: 700
}
.div-block-13 {
max-width: 489px;
margin-left: auto;
margin-right: auto
}
.columns-3 {
align-items: center;
width: 100%;
margin-top: 130px;
display: flex
}
.columns-3.slider-hover {
flex-direction: row-reverse
}
.columns-3.slider-hover.reverse {
flex-direction: row
}
.columns-3.slider-hover.first {
margin-top: 100px
}
.columns-3.slider-hover.first.reverse {
margin-top: 130px
}
.div-block-14 {
align-items: center;
height: auto;
margin-bottom: 0;
padding-bottom: 26px;
padding-left: 104px;
padding-right: 104px;
display: flex
}
.div-block-14.no-padding {
margin-bottom: 92px;
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.div-block-14.this {
padding-bottom: 0
}
.image-16 {
text-align: left;
margin-right: 30.17px;
display: inline-block
}
.text-block-15 {
color: #373d40;
font-family: "Lato", sans-serif;
font-size: 45px;
font-weight: 700;
line-height: 59.35px;
display: inline-block
}
.slider {
-webkit-text-fill-color: inherit;
background-color: #0000;
background-clip: border-box;
width: 100%;
height: 100%;
display: none;
position: absolute;
top: 0;
left: 0
}
.image-17 {
object-fit: cover;
border-top-right-radius: 133px;
width: 100%;
height: 100%
}
.right-arrow,
.left-arrow,
.slide-nav {
display: none
}
.image-18 {
object-fit: contain;
width: 100%;
max-width: 80%;
height: 80%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.image-18.smallimg {
max-width: 30%
}
.div-block-15 {
text-align: center;
margin-top: 100px
}
.section-8 {
color: #fff;
text-align: center;
-webkit-text-fill-color: inherit;
background-color: #80b5b6;
background-clip: border-box;
border-bottom-right-radius: 366px;
padding-top: 100px;
padding-bottom: 205px;
font-family: "Lato", sans-serif;
font-size: 45px;
line-height: 62px;
position: relative
}
.wrap-999 {
max-width: 1039px;
padding-left: 20px;
padding-right: 20px
}
.heading-19 {
color: #fff;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 30px;
font-family: "Lato", sans-serif;
font-size: 35px;
font-weight: 500;
line-height: 40px
}
.image-19 {
position: absolute;
bottom: -10px;
right: 40px
}
.section-9 {
padding-top: 140px
}
.columns-4 {
padding-top: 80px;
display: flex
}
.div-block-16 {
padding-bottom: 100%;
position: relative
}
.image-20 {
opacity: .55;
object-fit: cover;
width: 101%;
height: 100%;
display: none;
position: absolute;
top: 0;
left: 0
}
.column-7 {
color: #373d40;
padding-left: 37px;
padding-right: 37px;
font-family: "Lato", sans-serif;
font-size: 22px;
line-height: 25px
}
.heading-20 {
color: #373d40;
letter-spacing: .05em;
margin-top: 0;
margin-bottom: 9px;
font-family: "Lato", sans-serif;
font-size: 100px;
line-height: 114px
}
.heading-21 {
color: #373d40
}
.heading-22 {
color: #373d40;
max-width: 230px;
margin-top: 0;
margin-bottom: 27px;
font-family: "Lato", sans-serif;
font-size: 32px;
line-height: 36.48px
}
.columns-5 {
max-width: 700px;
margin-bottom: 15px
}
.columns-5.last {
margin-bottom: 0
}
.first-div-block {
padding-right: 46px
}
.second-div-block {
padding-left: 46px
}
.section-10 {
padding-top: 180px;
padding-bottom: 130px
}
.wrap-1107 {
max-width: 1147px;
padding-left: 20px;
padding-right: 20px
}
.div-block-17 {
padding-bottom: 34.33%;
position: relative
}
.div-block-17.small {
padding-bottom: 60.75%
}
.image-21 {
filter: grayscale();
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.image-21:hover {
filter: grayscale(0%)
}
.link-block-4 {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.heading-23 {
color: #373d40;
margin-top: 0;
margin-bottom: 7px;
font-family: "Lato", sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 36.48px
}
.heading-23:hover {
color: #da571f
}
.div-block-18 {
color: #373d40;
padding-top: 17px;
font-family: "Lato", sans-serif;
font-size: 20px;
line-height: 26.38px
}
.link-block-5 {
text-decoration: none
}
.columns-6 {
margin-top: 50px;
margin-bottom: 80px;
display: none
}
.column-8 {
padding-right: 30px
}
.column-9 {
padding-left: 30px
}
.div-block-19 {
text-align: center;
padding-top: 30px
}
.section-11 {
color: #373d40;
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62dfdac517e3474ace7dea54_frame.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
align-items: center;
min-height: 100vh;
padding-top: 100px;
padding-bottom: 100px;
font-family: "Lato", sans-serif;
font-size: 22px;
line-height: 25px;
display: flex
}
.wrap-776 {
max-width: 816px;
padding-left: 20px;
padding-right: 20px
}
.wrap-776._671 {
max-width: 671px
}
.heading-24 {
color: #373d40;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 33px;
font-family: "Lato", sans-serif;
font-size: 70px;
font-weight: 400;
line-height: 92.32px
}
.text-block-16 {
max-width: 536px;
margin-bottom: 30px;
line-height: 28px
}
.div-block-20 {
width: 100%
}
.site-footer-section {
color: #fff;
-webkit-text-fill-color: inherit;
background-color: #373d40;
background-clip: border-box;
padding-top: 120px;
padding-bottom: 65px;
font-family: "Lato", sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 31.92px
}
.wrap-1118 {
max-width: 1158px;
padding-left: 20px;
padding-right: 20px
}
.heading-25 {
line-height: 100px
}
.heading-26 {
color: #fff;
text-transform: capitalize;
margin-top: 0;
margin-bottom: 20px;
font-family: "Lato", sans-serif;
font-size: 85px;
font-weight: 400;
line-height: 100px
}
.bold-text-11 {
text-transform: uppercase;
font-weight: 700;
display: block
}
.text-block-17 {
font-family: "Lato", sans-serif;
font-weight: 500
}
.div-block-21 {
margin-top: 100px
}
.link-3 {
color: #ebebec;
font-size: 45px;
line-height: 50px;
text-decoration: none
}
.link-3:hover {
color: #da571f
}
.list-3 {
padding-left: 0
}
.link-4 {
color: #fff;
border-bottom: .5px solid #fff
}
.link-4:hover {
color: #da571f
}
.columns-7 {
align-items: center;
margin-top: 144px;
margin-bottom: 105px;
display: flex
}
.text-block-18 {
border: 1px solid #fff;
width: 22px;
height: 22px;
font-size: 15px;
line-height: 17.58px
}
.text-block-19 {
text-align: center;
border: 1px solid #fff;
border-radius: 50%;
width: 22px;
height: 22px;
margin-right: 20px;
font-size: 15px;
line-height: 17.58px;
display: inline-block
}
.text-block-20 {
font-size: 18px;
font-weight: 400;
line-height: 21.09px;
display: inline-block
}
.div-block-22 {
align-items: center;
display: flex
}
.columns-8 {
border-top: 1px solid #fff;
align-items: center;
width: 100%;
padding-top: 32px;
display: flex
}
.column-10 {
text-align: right
}
.link-5 {
font-size: 18px;
font-weight: 400;
line-height: 21.09px
}
.link-5:hover {
color: #da571f
}
.list-item-2,
.list-item-3,
.list-item-4 {
margin-bottom: 5px
}
.text-block-21 {
max-width: 808px;
line-height: 38px
}
.text-block-21.different {
max-width: 745px;
line-height: 38px
}
.text-block-21.join-hero-text {
max-width: 937px
}
.text-block-21._3line {
line-height: 38px
}
.text-block-22._w-video-text {
text-align: center;
margin-top: 55px;
font-size: 22px
}
.text-block-23 {
line-height: 38px
}
.text-block-24 {
font-size: 42px;
font-weight: 400;
line-height: 60px
}
.bold-text-15 {
display: block
}
.section-12 {
border-top-right-radius: 287.5px;
width: 100vw;
height: 90vh;
min-height: 0;
overflow: hidden
}
.image-22 {
object-fit: cover;
width: 100%;
height: 100%;
padding-bottom: 56.25%;
position: relative
}
.image-22.bg {
width: 100vw;
height: 63vh
}
.image-22.luxy-el {
position: fixed;
top: 0;
left: 0
}
.image-22.luxy-el.new1img {
padding-bottom: 0%;
position: absolute
}
.image-22.new {
position: relative
}
.section-13 {
border-top-right-radius: 287.5px;
width: 100%;
padding-bottom: 56.25%;
position: relative;
overflow: hidden
}
.image-23 {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.bg.luxy-el {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62e10e03188c8ca90533a2e8_Rectangle%2075.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100vw;
height: 100vh;
position: absolute;
top: 0;
left: 0
}
.section-14 {
border-top-right-radius: 287.5px;
width: 100%;
height: 100%;
padding-bottom: 56.25%;
position: relative;
overflow: hidden
}
.image-24 {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.section-15 {
z-index: 3;
border-top-right-radius: 287.5px;
margin-top: -11%;
padding-top: 70vh;
position: relative;
overflow: hidden
}
.section-15.bbi-section {
border-top-right-radius: 0;
min-height: 805px;
margin-top: 0%
}
.section-15.bbi-section.bbi-o2 {
min-height: auto
}
.section-15.luxy-image-parallax {
filter: grayscale();
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/6328d32abcee66259b6b73b1_Lento-coffee-break-go-slow.jpg);
background-position: 50%;
background-size: cover;
border-top-right-radius: 0;
height: auto;
min-height: auto;
margin-top: 0%;
padding-top: 0;
padding-bottom: 100%
}
.section-15.luxy-image-parallax:hover {
filter: grayscale(0%)
}
.div-block-24 {
z-index: 1;
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62e10e03188c8ca90533a2e8_Rectangle%2075.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100vh;
position: absolute;
top: 0;
left: 0
}
.div-block-24.luxy-el {
filter: grayscale();
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/6315e62b5bc18bffe666b00e_sigmund-eTgMFFzroGc-unsplash.jpg);
background-position: 50% 0;
font-family: "Lato", sans-serif;
}
.div-block-24.luxy-el:hover {
filter: grayscale(0%)
}
.div-block-24.luxy-el.bbi-work {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/6328d21565feb480e7773314_Lento-services.jpg);
background-position: 50%;
background-size: cover;
border-radius: 0;
min-height: 1055px
}
.div-block-24.luxy-el.bbi-work.bg-discover {
object-fit: fill;
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62e4ca7cdf5857e368b39091_discover.png);
min-height: 1600px
}
.div-block-24.bbi-work {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62e4ca7cdf5857e368b39091_discover.png)
}
.div-block-24.bbi-work.bbi-img-two {
min-height: 1600px;
transform: translate(0)
}
.div-block-24.bbi-work.bbi-img-two.luxy-el {
min-height: 1055px
}
.section-16,
.section-16.wte-sec {
padding-top: 100px;
padding-bottom: 100px
}
.div-block-25 {
border-top-right-radius: 272px;
padding-bottom: 88.5%;
position: relative;
overflow: hidden
}
.div-block-25.reverse {
border-top-right-radius: 0;
border-bottom-left-radius: 272px
}
.image-25 {
filter: grayscale();
object-fit: cover;
width: 100%;
height: 100%;
font-family: "Lato", sans-serif;
position: absolute;
top: 0;
left: 0
}
.image-25:hover {
filter: grayscale(0%)
}
.column-14 {
color: #373d40;
padding-left: 20px;
padding-right: 20px;
font-family: "Lato", sans-serif;
font-size: 28px;
line-height: 35px
}
.heading-27 {
color: #373d40;
margin-top: 0;
margin-bottom: 33px;
font-family: "Lato", sans-serif;
font-size: 70px;
line-height: 60px
}
.heading-27.h-o2 {
line-height: 80px
}
.columns-9 {
align-items: center;
margin-top: 100px;
display: flex
}
.columns-9.reverse {
flex-direction: row-reverse
}
.columns-9.first-mt-25 {
margin-top: 100px
}
.column-15 {
padding-left: 0;
padding-right: 0
}
.div-block-26 {
max-width: 530px;
margin-left: auto;
margin-right: auto
}
.div-block-26.max-566 {
max-width: 566px
}
.text-block-33 {
max-width: 505px;
margin-left: 0;
line-height: 38px
}
.text-span-5,
.text-span-6 {
display: block
}
.div-block-27 {
text-align: center;
margin-top: 209px
}
.div-block-27.sow-mt-0 {
margin-top: 0;
margin-bottom: 68px
}
.section-17 {
color: #373d40;
-webkit-text-fill-color: inherit;
background-color: #8185b9;
background-clip: border-box;
border-top-right-radius: 267px;
width: 100%;
max-width: 1070px;
padding-top: 194px;
padding-bottom: 259px;
padding-left: 128px;
font-family: "Lato", sans-serif;
font-size: 22px;
line-height: 35px;
position: relative;
overflow: visible
}
.heading-28 {
margin-top: 0;
margin-bottom: 60px;
font-family: "Lato", sans-serif;
font-size: 90px;
font-weight: 400;
line-height: 102.6px
}
.bold-text-16 {
font-weight: 700
}
.slider-2 {
z-index: auto;
background-color: #0000
}
.slide-2 {
-webkit-text-fill-color: inherit;
background-color: #dedfe1;
background-clip: border-box;
padding: 138px 20px 109px
}
.heading-29 {
color: #373d40;
font-family: "Lato", sans-serif;
font-size: 22px;
font-weight: 700;
line-height: 29.01px
}
.div-block-28 {
position: relative
}
.slider-3 {
background-color: #0000
}
.slider-4 {
background-color: #0000;
padding-top: 176px
}
.slider-4.flip-slider {
height: auto
}
.slide-3 {
text-align: center;
-webkit-text-fill-color: inherit;
background-color: #0000;
background-clip: border-box;
width: 50%;
min-height: auto;
padding: 0 18px
}
.heading-30 {
text-align: center;
max-width: 212px;
margin-left: auto;
margin-right: auto;
font-family: "Lato", sans-serif;
font-size: 22px;
font-weight: 700;
line-height: 29.01px
}
.div-block-29 {
margin-left: 18px;
margin-right: 18px
}
.image-26 {
margin-left: auto;
margin-right: auto;
display: block
}
.heading-31 {
max-width: 212px;
margin-top: 26px;
margin-left: auto;
margin-right: auto;
font-family: "Lato", sans-serif;
font-size: 22px;
font-weight: 700;
line-height: 29.01px
}
.div-block-30 {
background-color: #dedfe1;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
min-height: 426px;
padding: 100px 20px;
display: flex;
position: relative
}
.text-block-34,
.div-block-31 {
display: block
}
.text-block-35 {
display: block;
position: relative
}
.mask {
height: auto;
max-height: 426px;
overflow: visible
}
.div-block-32 {
z-index: 2;
background-color: #8185b9;
width: 128px;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.div-block-33 {
padding-top: 0
}
.left-arrow-2 {
width: 80px;
height: auto;
display: flex
}
.image-27 {
width: 54px;
height: 25px;
margin-top: 0;
margin-bottom: 0;
display: block;
top: 0;
left: 0
}
.image-28 {
width: 54px;
height: auto;
display: block
}
.slide-nav-2 {
display: none
}
.right-arrow-2 {
width: 54px;
height: 25px;
margin: 0 0 0 94px;
display: block;
top: 0;
left: 0
}
.div-block-34 {
background-color: #dedfe1;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-top: 0;
margin-bottom: 0;
padding: 20px;
display: flex;
position: absolute;
top: 0;
left: 0
}
.text-block-36 {
display: block
}
.text-block-37 {
flex: 0 auto;
order: 1;
align-self: auto;
font-size: 28px;
line-height: 35px
}
.image-29 {
z-index: 4;
position: relative;
top: 10%;
right: 0
}
.div-block-35 {
text-align: right
}
.div-block-36 {
padding-top: 221px;
padding-bottom: 208px;
position: relative
}
.section-18 {
color: #373d40;
font-family: "Lato", sans-serif;
font-size: 28px;
line-height: 35px
}
.heading-32 {
color: #373d40;
margin-top: 0;
margin-bottom: 76px;
font-family: "Lato", sans-serif;
font-size: 85px;
font-weight: 400;
line-height: 96.9px;
position: relative
}
.bold-text-17 {
display: block
}
.wrap-1038 {
max-width: 1078px;
padding-left: 20px;
padding-right: 20px
}
.image-30 {
width: 92px;
position: absolute;
left: 0
}
.text-block-38 {
position: relative
}
.div-block-37 {
filter: grayscale();
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/6315e6285dd15fae2a2638b7_DSC08241ddd.jpg);
background-position: 50% 0;
background-size: cover;
border-bottom-right-radius: 385px;
padding-bottom: 71%;
position: relative
}
.div-block-37:hover {
filter: grayscale(0%)
}
.image-31 {
filter: grayscale();
object-fit: cover;
border-bottom-right-radius: 385px;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.image-31:hover {
filter: grayscale(0%)
}
.image-32 {
z-index: 1;
position: absolute;
bottom: 30px;
right: 29px;
transform: rotate(-5deg)
}
.div-block-38 {
text-align: right;
margin-top: -170px;
position: relative
}
.image-33 {
margin-right: 45px
}
.div-block-39 {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62e233b3826ffb704c1a6d21_Frame%20\(1\).png);
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: 675px 765px;
padding-top: 285px;
padding-bottom: 90px;
font-size: 16px;
line-height: 21.1px
}
.image-34 {
filter: grayscale();
object-fit: cover;
border-bottom-left-radius: 115px;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.image-34:hover {
filter: grayscale(0%)
}
.div-block-40 {
-webkit-text-fill-color: inherit;
background-color: #dfdfea;
background-clip: border-box;
border-bottom-left-radius: 115px;
width: 100%;
max-width: 230px;
height: 302px;
position: relative
}
.heading-33 {
color: #373d40;
margin-top: 0;
margin-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 70px;
font-weight: 400;
line-height: 79.8px;
position: relative
}
.bold-text-18 {
display: block
}
.text-block-39 {
text-align: right;
width: 100%;
margin-top: 60px;
margin-right: 0;
padding-right: 0;
position: relative;
left: -52px;
transform: rotate(-90deg)
}
.column-16 {
justify-content: flex-end;
display: flex
}
.div-block-41 {
max-width: 362px;
margin-top: 0;
position: relative;
top: -40px
}
.columns-10 {
max-width: 386px;
margin-left: auto;
margin-right: auto
}
.column-17 {
padding-right: 135px
}
.column-18 {
padding-left: 135px
}
.column-18.last-child {
position: static
}
.link-block-6 {
-webkit-text-fill-color: inherit;
background-color: #fff;
background-clip: border-box;
border: 1px solid #373d40;
border-radius: 50%;
width: 42px;
height: 42px;
margin-right: 8px;
position: relative
}
.link-block-6:hover {
background-color: #da571f;
border-color: #da571f
}
.link-block-6.last {
margin-right: 0
}
.div-block-42 {
z-index: 1;
text-align: right;
margin-top: -25px;
position: relative
}
.image-35 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.image-35:hover {
filter: invert()
}
.columns-11 {
margin-bottom: 80px
}
.columns-11.last-child {
display: flex;
position: relative
}
.image-36 {
width: 50%;
position: absolute;
top: 0;
right: 0
}
.div-block-43 {
max-width: 797px;
display: inline-block;
position: relative
}
.section-19 {
color: #fff;
-webkit-text-fill-color: inherit;
background-color: #80b5b6;
background-clip: border-box;
padding-top: 183px;
padding-bottom: 185px;
font-family: "Lato", sans-serif;
font-size: 25px;
line-height: 35px;
position: relative
}
.heading-34 {
margin-top: 0;
margin-bottom: 72px;
font-family: "Lato", sans-serif;
font-size: 85px;
font-weight: 400;
line-height: 96.9px
}
.bold-text-19 {
display: block
}
.text-block-40 {
max-width: 707px;
margin-bottom: 100px;
line-height: 38px
}
.button-white-border {
color: #fff;
text-align: center;
-webkit-text-fill-color: inherit;
background-color: #0000;
background-clip: border-box;
border: 4px solid #fff;
border-radius: 10px;
min-width: 256px;
padding: 24px 59px;
font-family: "Lato", sans-serif;
font-size: 28px;
font-weight: 700;
line-height: 37px
}
.button-white-border:hover {
color: #80b5b6;
background-color: #fff;
border-color: #fff
}
.image-37 {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%)
}
.image-38 {
filter: grayscale();
width: 100%
}
.image-38:hover {
filter: grayscale(0%)
}
.section-20 {
background-image: linear-gradient(#7eb4b5, #7eb4b5);
border-top-right-radius: 187px;
padding-top: 80px;
padding-bottom: 80px
}
.section-20.wbb-sec {
z-index: 11;
background-image: linear-gradient(#7eb4b5, #7eb4b5);
margin-top: -322px;
position: relative
}
.section-20.wbb-sec.bg-skintn {
background-image: linear-gradient(#c4a385, #c4a385)
}
.heading-35 {
font-weight: 400
}
.heading-bbi {
margin-top: 0;
margin-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 70px;
font-weight: 400;
line-height: 82px
}
.sow-btn.link-block-3 {
color: #ebebec
}
.columns-12 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: space-between;
align-items: flex-end;
display: flex
}
.column-19 {
text-align: right
}
.our-services.before-color {
overflow: hidden
}
.columns-13 {
display: flex
}
.our-service-column {
background-image: linear-gradient(#8083b7, #8083b7);
border-top-right-radius: 200px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
min-height: 589px;
padding-left: 0;
padding-right: 145px;
display: flex
}
.accordion-column {
align-self: center;
padding: 70px 0 70px 90px
}
.our-service-heading {
margin-bottom: 20px;
font-family: "Lato", sans-serif;
font-size: 70px;
font-weight: 400;
line-height: 82px
}
.accordion-dropdown {
flex-wrap: nowrap;
width: 100%;
display: flex
}
.bold-text-20 {
font-family: "Lato", sans-serif;
}
.dropdown {
width: 100%
}
.text-block-41 {
font-family: "Lato", sans-serif;
font-size: 50px
}
.rich-text-block-3 {
display: none
}
.rich-text-block-4 {
display: block
}
.heading-36 {
color: #919293;
border-top: 2px solid #919293;
border-bottom: 2px solid #919293;
margin-bottom: 30px;
padding-top: 40px;
padding-bottom: 40px;
font-family: "Lato", sans-serif;
font-size: 50px;
font-weight: 700;
line-height: 60px
}
.heading-36.top-bd-0 {
cursor: pointer;
border-top-width: 0;
margin-top: 0;
margin-bottom: 0
}
.accordion-content {
border-bottom: 2px solid #919293;
font-family: "Lato", sans-serif;
}
.list-4 {
color: #373d40;
margin-top: 30px;
margin-bottom: 0;
padding-bottom: 50px;
font-family: "Lato", sans-serif;
font-size: 28px;
line-height: 35px
}
.circle-dot-orange {
background-color: #fff;
border-radius: 50%;
width: 131px;
height: 131px;
margin-right: -69px;
position: absolute;
inset: 50% 0% 0% auto;
transform: translateY(-50%)
}
.div-block-45 {
background-color: #da571f;
border-radius: 50%;
width: 59px;
height: 59px;
position: absolute;
inset: 50% 0% 0% 50%;
transform: translate(-50%, -50%)
}
.services-background {
background-color: #8083b7;
width: 9007200000000000%;
height: 100%;
margin-right: -1px;
position: absolute;
inset: 0% 100% 0% auto
}
.text-and-image {
color: #373d40;
object-fit: fill;
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62e4d08116c2b175b5076894_Frame.png);
background-position: 100% 0;
background-repeat: no-repeat;
background-size: 572px 748px;
background-attachment: scroll;
padding-top: 100px;
padding-bottom: 100px;
padding-right: 0
}
.paragraph-6 {
color: #373d40;
width: 100%;
max-width: 730px;
font-family: "Lato", sans-serif;
font-size: 45px;
line-height: 65px
}
.page-section.video-title {
padding-bottom: 100px;
position: relative;
overflow: hidden
}
.page-section.video-title.vid-sec-2 {
padding-bottom: 100px
}
.video-top-image {
border-top-right-radius: 341px;
margin-bottom: 98px;
padding-top: 56.25%;
position: relative;
right: 160px;
overflow: hidden
}
.video-top-image.vit-reverse {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 341.5px;
padding-top: 56.25%;
left: 160px;
right: auto;
overflow: hidden
}
.image-39 {
object-fit: cover;
border-top-right-radius: 341px;
border-bottom-left-radius: 0;
width: 100%;
height: 100%;
position: absolute;
inset: 0% 0% auto
}
.image-39.corner-top-right-radius-0 {
border-top-right-radius: 0;
border-bottom-left-radius: 341px;
display: none
}
.image-39.lnt-lnt {
display: none
}
.heading-37 {
color: #373d40;
margin-top: 0;
margin-bottom: 60px;
font-family: "Lato", sans-serif;
font-size: 85px;
font-weight: 400;
line-height: 100px
}
.pleft-160 {
max-width: 100%;
padding-left: 160px;
padding-right: 160px
}
.image-40 {
z-index: 1;
filter: brightness(200%);
position: absolute;
inset: auto auto 11px 62px
}
.wrap-1150 {
max-width: 1190px;
padding-left: 20px;
padding-right: 20px
}
.faq-accordion {
margin-top: 55px
}
.icon {
cursor: pointer;
right: 0
}
.dropdown-toggle {
width: 100%;
padding: 40px 80px
}
.dropdown-toggle.w--open {
padding-right: 80px
}
.dropdown-2 {
border: 1px solid #373d40;
border-width: 1px 0;
width: 100%
}
.dropdown-list {
position: static
}
.dropdown-list.w--open {
background-color: #ddd0;
padding-left: 0;
padding-right: 0
}
.text-block-42 {
padding-left: 0;
padding-right: 0;
font-family: "Lato", sans-serif;
font-weight: 700
}
.rich-text-block-5 {
max-width: 790px;
padding-left: 80px;
padding-right: 80px
}
.faq-accordion-section.last-bd-0 {
border-bottom: 0 solid #000
}
.faq-accordion-section.last-bottom-border {
border-bottom: 1px solid #373d40
}
.heading-38 {
max-width: 790px;
margin-top: 0;
margin-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 28px;
line-height: 38px
}
.heading-38.faq-accordion-title {
margin-top: 0;
margin-bottom: 0;
padding: 40px 80px
}
.rich-text-block-6 {
color: #373d40;
max-width: 890px;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
font-family: "Lato", sans-serif;
font-size: 20px;
line-height: 26px
}
.faq-accordion-content {
border-bottom: 0 solid #373d40
}
.faq-accordion-title {
cursor: pointer;
border-top: 1px solid #373d40;
border-bottom: 0 solid #373d40;
padding: 40px 80px;
position: relative
}
.div-block-46 {
padding-bottom: 40px;
padding-left: 80px;
padding-right: 80px;
display: inline-block
}
.image-41 {
transition: transform .4s;
position: absolute;
inset: 50% 0% 0% auto;
transform: translateY(-50%)
}
.parallax-image-bg {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62e4ca7cdf5857e368b39091_discover.png);
background-position: 0 0;
background-size: cover;
background-attachment: scroll;
width: 100%;
height: 100vh;
min-height: 1260px;
position: absolute;
top: 0;
left: 0
}
.div-block-47 {
background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position: 50%;
background-size: cover;
min-height: 540px;
margin-bottom: 55px;
position: relative
}
.div-block-47.work-list-featured {
z-index: 1
}
.div-block-47.work-list-featured.mrg-lr-0 {
min-height: auto;
padding-bottom: 100%
}
.collection-item-5 {
width: 50%;
margin-bottom: 55px;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
.work-post-content.coming-post-content {
max-width: 448px
}
.work-category-items {
color: #373d40;
text-transform: uppercase;
margin-bottom: 20px;
font-family: "Lato", sans-serif;
font-size: 16px;
line-height: 1.3
}
.text-block-43 {
color: #373d40;
text-transform: uppercase;
font-family: "Lato", sans-serif;
font-size: 16px;
line-height: 21px;
display: inline-block
}
.body-5 {
background-color: #f6f6f6
}
.collection-item-6 {
color: #000
}
.heading-39 {
color: #373d40;
margin-top: 0;
margin-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 70px;
line-height: 80px
}
.heading-39.wcm-post-heading2 {
border-bottom: 0 solid #000;
padding-bottom: 32px
}
.collection-item-7 {
margin-right: 15px;
display: inline-block
}
.heading-40 {
color: #373d40;
border-bottom: 0 solid #000;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 32px;
font-family: "Lato", sans-serif;
font-size: 70px;
font-weight: 400;
line-height: 79.8px
}
.heading-40.wcm-post-heading {
border-bottom-width: 0;
padding-bottom: 0
}
.link-6 {
color: #373d40;
text-transform: uppercase;
white-space: normal;
font-family: "Lato", sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 23.74px
}
.collection-list-2 {
color: #373d40;
min-height: 65px
}
.collection-list-wrapper-2 {
margin-bottom: 20px
}
.div-block-48 {
margin-top: 40px;
padding-top: 0
}
.text-block-44 {
color: #373d40;
text-transform: uppercase;
font-family: "Lato", sans-serif;
font-size: 18px;
font-weight: 700;
display: inline-block
}
.text-block-44:hover {
color: #da571f
}
.link-block-7 {
align-items: center;
display: flex
}
.image-42 {
margin-left: 20px
}
.image-42.cm-arrow-reverse {
margin-left: 0;
margin-right: 20px;
padding-right: 0
}
.mask-featured {
opacity: .88;
color: #fffc;
background-color: #fffffff2;
width: 100%;
height: 100%;
transition: opacity .4s;
display: block;
position: absolute;
top: 0;
left: 0
}
.mask-featured:hover {
display: block
}
.collection-list-3 {
margin-left: 0;
margin-right: 0
}
.link-block-8 {
z-index: 1;
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0
}
.image-43 {
z-index: 1;
width: auto;
position: absolute;
bottom: -46px;
left: auto;
right: -46px
}
.image-43.cm-post-bottom {
width: 113px;
top: -46px;
bottom: auto
}
.coming-soon-block {
padding-top: 50px
}
.still-in-process {
z-index: -1;
color: #373d40;
text-align: center;
-webkit-text-fill-color: inherit;
object-fit: fill;
background-color: #fff;
background-clip: border-box;
width: 100%;
max-width: 561px;
padding-top: 10px;
padding-bottom: 10px;
font-family: "Lato", sans-serif;
font-size: 18px;
line-height: 24px;
position: absolute;
inset: 50% 50% auto;
transform: translate(-50%, -50%)
}
.text-block-45 {
float: none;
clear: none;
line-height: 24px
}
.works-inline-tags {
display: inline-block
}
.works-inline-tags._w-dyn-item {
margin-right: 15px
}
.collection-item-8 {
margin-bottom: 50px
}
.work-video-wrap {
position: relative
}
.image-44 {
position: absolute;
bottom: -46px;
left: -46px
}
.work-post-divider {
background-color: #000;
width: 100%;
height: 1px;
padding-top: 0;
padding-bottom: 0
}
._wf-main-body--container {
color: #373d40;
font-family: "Lato", sans-serif;
font-size: 28px;
line-height: 35px
}
.rich-text-block-7 {
color: #373d40;
padding-bottom: 32px;
font-family: "Lato", sans-serif;
font-size: 70px;
line-height: 79.8px
}
.hero-title-blog-post {
margin-top: 0;
margin-bottom: 20px;
font-family: "Lato", sans-serif;
font-size: 95px;
line-height: 108px
}
.text-block-46 {
font-size: 30px;
line-height: 39.57px;
display: inline-block
}
.collection-item-9 {
margin-right: 30px;
display: inline-block
}
.section-21 {
background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position: 0 0;
background-size: cover;
width: 100%;
min-height: 303px;
padding-bottom: 48%
}
.brand-intro-right-text {
margin-top: 0;
font-weight: 400;
line-height: 38px
}
.blog-post-our-challenge {
padding-top: 147px;
padding-bottom: 70px
}
.blog-post-our-challenge.blog-post-our-approach {
padding-top: 132px
}
.blog-post-our-challenge.blog-post-our-approach.post-approach {
padding-top: 80px;
padding-bottom: 0
}
.blog-post-our-challenge.blog-post-our-approach.post-result {
padding-top: 120px;
padding-bottom: 180px;
overflow: hidden
}
.our-challenge-body-content {
color: #373d40;
margin-bottom: 100px;
font-family: "Lato", sans-serif;
font-size: 28px;
line-height: 35px
}
.our-challenge-lottie {
grid-column-gap: 0px;
grid-row-gap: 0px;
align-items: stretch;
display: flex
}
.div-block-49 {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62eb983d50d656a5057b3a4b_Redbelly_CaseStudy2%20\(1\).png);
background-position: 0 0;
background-size: cover;
width: 100%;
height: 100%;
min-height: 395px;
margin-right: 0;
padding-bottom: 92.5%;
padding-right: 0;
font-family: "Lato", sans-serif;
position: absolute;
top: 0;
left: 0
}
.column-21 {
min-height: 395px
}
.approach-img {
padding-top: 43.25%;
position: relative
}
.image-45 {
width: 100%
}
.image-45.ap-mg {
object-fit: cover;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.author-details-post {
text-align: center;
-webkit-text-fill-color: inherit;
background-color: #80b5b6;
background-clip: border-box;
border-bottom-right-radius: 366px;
padding-top: 199px;
padding-bottom: 200px;
font-family: "Lato", sans-serif;
font-size: 45px;
font-weight: 500;
line-height: 60px;
position: relative
}
.wrap-873 {
max-width: 913px;
padding-left: 20px;
padding-right: 20px
}
.text-block-47 {
text-transform: uppercase;
margin-bottom: 45px;
font-family: "Lato", sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 39.57px
}
.image-46 {
position: absolute;
bottom: -10px;
right: 40px
}
.galley-post-slider {
margin-top: 0;
padding-top: 80px;
padding-bottom: 96px
}
.result-bottomtext {
color: #373d40;
padding-top: 100px;
font-family: "Lato", sans-serif;
font-size: 28px;
font-weight: 400;
line-height: 35px
}
.rich-text-block-8 {
font-size: 28px;
line-height: 38px
}
.rich-text-block-9 {
font-weight: 400
}
.rich-text-block-10 {
font-size: 28px;
line-height: 38px
}
.image-two-column-post {
padding-top: 180px
}
.div-block-50 {
padding-bottom: 56.25%;
position: relative
}
.image-47 {
object-fit: contain;
width: 100%;
height: 100%;
padding-left: 10px;
padding-right: 10px;
position: absolute;
top: 0;
left: 0
}
.div-block-51 {
padding-bottom: 56.25%;
position: relative
}
.image-48 {
object-fit: contain;
width: 100%;
height: 100%;
padding-left: 10px;
position: absolute;
top: 0;
left: 0
}
.columns-14 {
display: flex
}
.column-22,
.column-23 {
padding-bottom: 39%
}
.bottom-two-col-image-section {
padding-top: 180px
}
.columns-15 {
display: flex
}
.text-block-48 {
color: #373d40;
font-family: "Lato", sans-serif;
font-size: 22px;
line-height: 29.01px;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%)rotate(-89deg)
}
.column-24 {
padding-left: 69px
}
.next-project-section {
color: #fff;
font-family: "Lato", sans-serif;
font-size: 22px;
line-height: 25px;
position: relative
}
.text-block-49 {
font-family: "Lato", sans-serif;
font-size: 16px;
line-height: 21.1px
}
.heading-41 {
color: #fff;
font-size: 70px;
line-height: 82.03px
}
.heading-42 {
margin-top: 32px;
margin-bottom: 20px;
font-family: "Lato", sans-serif;
font-weight: 400
}
.bold-text-21 {
display: block
}
.div-block-52 {
-webkit-text-fill-color: inherit;
background-color: #8083b7;
background-clip: border-box;
max-width: 600px;
padding-top: 114px;
padding-bottom: 134px;
position: relative
}
.div-block-53 {
background-color: #fff;
width: 100%;
max-width: 300px;
height: 1px;
margin-top: 27px;
margin-bottom: 35px
}
.link-block-9 {
color: #fff;
align-items: center;
font-family: "Lato", sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 39.57px;
display: flex
}
.link-block-9:hover {
color: #c4a385
}
.image-49 {
border-top-right-radius: 200px;
width: 100%;
max-width: 550px;
margin-right: 0
}
.image-50 {
width: 54px;
margin-right: 24px
}
.div-block-54 {
-webkit-text-fill-color: inherit;
background-color: #8083b7;
background-clip: border-box;
width: 9007200000000000%;
height: 100%;
margin-right: -1px;
position: absolute;
top: 0;
right: 100%
}
.div-block-55 {
max-width: 338px
}
.div-block-56 {
filter: grayscale();
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0
}
.image-51 {
position: absolute;
top: 50%;
right: -80px;
transform: translateY(-50%)
}
.image-52 {
object-fit: cover;
background-image: linear-gradient(#ebebece6, #ebebece6);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.div-block-57 {
background-image: linear-gradient(#ebebece6, #ebebece6);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.text-block-50 {
margin-top: 32px;
margin-bottom: 20px;
font-size: 70px;
line-height: 82.03px
}
.rich-text-block-11 {
margin-top: 32px;
margin-bottom: 20px;
font-size: 70px;
line-height: 79.8px
}
.video-2 {
width: 100%;
height: 100%;
padding-bottom: 0;
position: absolute;
top: 0;
left: 0
}
.lottie-animation-4 {
width: 100%;
height: 100%;
padding-left: 14px;
position: absolute;
top: 0;
left: 0
}
.rich-text-block-12,
.rich-text-block-13 {
line-height: 38px
}
.youtube {
object-fit: cover;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.video-3 {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.contact-two-column-section {
color: #373d40;
padding-top: 50px;
padding-bottom: 100px;
font-family: "Lato", sans-serif;
font-size: 22px;
line-height: 25px;
position: relative
}
.form-block-2 {
font-size: 1vw
}
.field-label-5 {
font-size: 22px;
font-weight: 400;
line-height: 35px
}
.text-field-2 {
color: #373d40;
background-color: #0000;
border: 0 solid #000;
border-top-width: 1px;
height: auto;
margin-bottom: 90px;
padding: 14px 0;
font-size: 22px;
line-height: 25px
}
.text-field-2.reverse {
border-top-width: 0;
border-bottom-width: 1px;
height: auto;
padding-bottom: 20px;
line-height: 25px
}
.text-field-2.half-fileld-left {
margin-right: 29px
}
.text-field-2.half-field-right {
margin-left: 29px
}
.two-col-form {
display: flex
}
.select-field {
cursor: pointer;
background-color: #0000;
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62f0fa400e99efe48e1219cd_Vector%204.png);
background-position: 96%;
background-repeat: no-repeat;
background-size: auto;
border: 0 solid #000;
border-top-width: 1px;
height: auto;
margin-bottom: 100px;
padding: 14px 0;
font-size: 22px;
line-height: 25px
}
.select-field._10 {
padding-left: 10px;
padding-right: 10px
}
.submit-button-2 {
color: #373d40;
text-transform: uppercase;
-webkit-text-fill-color: inherit;
background-color: #0000;
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62ece85237620c60b7d4ee92_orange-arrow.png);
background-position: 100%;
background-repeat: no-repeat;
background-size: 54px;
background-clip: border-box;
border: 0 solid #000;
padding-left: 0;
padding-right: 70px;
font-family: "Lato", sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 39.57px
}
.submit-button-2:hover {
color: #da571f
}
.image-53 {
filter: grayscale();
object-fit: cover;
width: 100%;
max-width: 100%;
height: 100%;
position: absolute;
inset: 0 0 auto
}
.image-53:hover {
filter: grayscale(0%)
}
.column-26 {
position: static
}
.columns-16 {
display: flex
}
.section-22 {
color: #fff;
background-color: #8185b9;
border-top-right-radius: 366px;
padding-top: 253px;
padding-bottom: 144px;
font-family: "Lato", sans-serif;
font-size: 22px;
line-height: 25px;
position: relative
}
.section-22.newsletter-form-section {
padding-top: 150px;
padding-bottom: 100px
}
.heading-43 {
color: #fff;
text-align: center;
margin: 0 0 50px;
font-family: "Lato", sans-serif;
font-size: 45px;
line-height: 59.35px
}
.text-field-3 {
color: #fff;
background-color: #0000;
border: 0 solid #000;
border-bottom: 2px solid #fff;
height: auto;
padding: 0 0 12px;
font-size: 22px
}
.submit-button-3 {
color: #ebebec;
text-align: left;
text-transform: uppercase;
background-color: #0000;
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62e1374d0d52402476597a69_arrowright.png);
background-position: 100%;
background-repeat: no-repeat;
background-size: 54px;
padding-left: 0;
padding-right: 70px;
font-family: "Lato", sans-serif;
font-size: 30px;
font-weight: 700
}
.submit-button-3:hover {
color: #c4a385
}
.div-block-59 {
text-align: right;
padding-top: 58px
}
.image-54 {
position: absolute;
top: 0;
right: 60px
}
.image-55 {
filter: grayscale();
width: 100%
}
.image-55:hover {
filter: grayscale(0%)
}
.success-message {
color: #fff;
background-color: green;
font-size: 16px
}
.success-message-2 {
background-color: green;
font-size: 16px
}
.section-23 {
padding-top: 0;
padding-bottom: 160px
}
.section-23.career-two-column-top {
color: #373d40;
border-bottom: 0 #373d40;
padding-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 39.57px
}
.image-56 {
filter: grayscale();
width: 100%
}
.image-56:hover {
filter: grayscale(0%)
}
.columns-17 {
border-bottom: 1px solid #373d40;
align-items: center;
padding-bottom: 160px;
display: flex
}
.link-block-10 {
color: #373d40
}
.link-block-10:hover {
color: #da571f
}
.column-28 {
text-align: center
}
.image-57 {
width: 35px;
margin-top: 28px
}
.columns-18 {
border-bottom: 1px solid #373d40;
padding-top: 82px;
padding-bottom: 137px
}
.section-24 {
color: #373d40;
font-family: "Lato", sans-serif;
font-size: 22px;
line-height: 25px
}
.heading-44 {
color: #373d40;
margin-top: 0;
font-family: "Lato", sans-serif;
font-size: 85px;
font-weight: 400;
line-height: 96.9px
}
.heading-45 {
margin-top: 0;
margin-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 26px;
font-weight: 500;
line-height: 34.29px
}
.heading-45.faq-toggle.big-toggle {
font-size: 28px
}
.div-block-63 {
border-bottom: 1px solid #000;
padding-top: 28px;
padding-bottom: 28px
}
.div-block-63.faq-items.last {
border: 1px #000
}
.div-block-63.faq-items.small-faq {
display: none
}
.hidden-faq-text {
max-width: 459px;
margin-top: 12px;
display: inline-block
}
.hidden-faq-text.small-margin {
margin-top: 8px
}
.div-block-64 {
padding-left: 30px;
position: relative
}
.div-block-65 {
background-color: #da571f;
border-radius: 50%;
width: 14px;
height: 14px;
position: absolute;
top: 10px;
left: 0
}
.text-block-55,
.text-block-56 {
max-width: 459px;
line-height: 28px;
display: inline-block
}
.text-block-57 {
line-height: 28px;
display: inline-block
}
.section-25 {
color: #373d40;
padding-top: 92px;
padding-bottom: 139px;
font-family: "Lato", sans-serif;
font-size: 22px;
line-height: 25px;
position: relative
}
.heading-46 {
color: #373d40;
margin-top: 0;
font-family: "Lato", sans-serif;
font-size: 85px;
font-weight: 400;
line-height: 96.9px
}
.bold-text-22 {
display: block
}
.link-block-11 {
color: #373d40;
justify-content: flex-end;
align-items: center;
margin-top: 0;
font-family: "Lato", sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 39.57px;
display: flex
}
.link-block-11:hover {
color: #da571f
}
.image-58 {
width: 35px;
margin-left: 24px
}
.div-block-66 {
text-align: left;
margin-top: 45px;
margin-bottom: 71px;
display: none
}
.div-block-67 {
padding-top: 41px;
display: none
}
.wrap-813 {
max-width: 853px;
padding-left: 20px;
padding-right: 20px
}
.section-26 {
color: #fff;
text-align: center;
-webkit-text-fill-color: inherit;
background-color: #80b5b6;
background-clip: border-box;
border-bottom-right-radius: 366px;
padding-top: 136px;
padding-bottom: 188px;
font-family: "Lato", sans-serif;
font-size: 45px;
font-weight: 500;
line-height: 60px;
position: relative
}
.heading-47 {
font-family: "Lato", sans-serif;
font-size: 30px;
line-height: 39.57px
}
.heading-48 {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 45px;
font-family: "Lato", sans-serif;
font-size: 30px;
line-height: 39.57px
}
.image-59 {
position: absolute;
bottom: -30px;
right: 40px
}
.section-27 {
color: #373d40;
padding-top: 229px;
padding-bottom: 301px;
font-family: "Lato", sans-serif;
font-size: 28px;
line-height: 35px
}
.heading-49 {
color: #373d40;
margin-top: 0;
margin-bottom: 77px;
font-family: "Lato", sans-serif;
font-size: 95px;
font-weight: 400;
line-height: 108.3px
}
.bold-text-23 {
display: block
}
.text-block-59 {
max-width: 550px
}
.text-block-60 {
max-width: 747px;
font-family: "Lato", sans-serif;
line-height: 38px
}
.div-block-68 {
padding-top: 135px
}
.div-block-68.intrest-form {
max-width: 750px;
padding-left: 120px;
display: block
}
.div-block-69 {
padding-left: 120px;
position: relative
}
.image-60 {
position: absolute;
top: 15px;
left: 0
}
.text-field-4 {
background-color: #0000;
border: 0 solid #000;
border-top-width: 1px;
height: auto;
margin-bottom: 50px;
padding: 14px 0;
font-size: 22px;
line-height: 25px
}
.text-field-4.reverse {
border-top-width: 0;
border-bottom-width: 1px;
margin-bottom: 93px;
padding-bottom: 20px
}
.text-field-4.reverse.file {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62f205449aa17f94d8fd3053_%2B%20\(1\).png);
background-position: 0 43%;
background-repeat: no-repeat;
background-size: auto;
padding-left: 35px
}
.text-field-4.first {
margin-bottom: 90px;
margin-right: 29px
}
.text-field-4.second {
margin-bottom: 90px;
margin-left: 29px
}
.text-field-4.new1 {
margin-bottom: 90px
}
.select-field-2 {
color: #373d40;
background-color: #0000;
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62f0fa400e99efe48e1219cd_Vector%204.png);
background-position: 97%;
background-repeat: no-repeat;
background-size: 13px;
border: 0 solid #000;
border-top-width: 1px;
height: auto;
margin-bottom: 76px;
padding: 14px 0;
font-size: 22px;
line-height: 25px
}
.submit-button-4 {
color: #373d40;
text-transform: uppercase;
background-color: #0000;
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62ece85237620c60b7d4ee92_orange-arrow.png);
background-position: 100%;
background-repeat: no-repeat;
background-size: 54px;
padding-right: 70px;
font-family: "Lato", sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 39.57px
}
.submit-button-4:hover {
color: #da571f
}
.div-block-70 {
display: flex
}
.text-block-64 {
font-size: 42px;
font-weight: 400;
line-height: 58px
}
.heading-50 {
color: #373d40;
margin-top: 0;
margin-left: 0;
margin-right: 0;
font-family: "Lato", sans-serif;
font-size: 95px;
font-weight: 400;
line-height: 111.33px
}
.image-61 {
width: 85px;
position: absolute;
top: 25px;
left: 0
}
.section-28 {
color: #373d40;
padding-top: 120px;
padding-bottom: 120px;
font-size: 22px;
line-height: 25px
}
.section-28.career-info {
font-family: "Lato", sans-serif;
}
.text-block-65 {
margin-bottom: 49px
}
.heading-51 {
color: #373d40;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 18px;
font-family: "Lato", sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 39.57px
}
.list-5 {
margin-bottom: 56px;
padding-top: 14px;
padding-left: 30px
}
.bold-text-25 {
display: block
}
.div-block-72 {
padding-left: 93px
}
.section-29 {
color: #373d40;
padding-top: 100px;
padding-bottom: 356px;
font-family: "Lato", sans-serif;
font-size: 22px;
line-height: 25px
}
.heading-52 {
color: #373d40;
margin-top: 0;
margin-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 85px;
font-weight: 400;
line-height: 96.9px
}
.div-block-73 {
padding-left: 93px;
position: relative
}
.div-block-74 {
padding-top: 128px
}
.text-field-5 {
color: #373d40;
background-color: #0000;
border: 0 solid #000;
border-top-width: 1px;
height: auto;
margin-bottom: 102px;
padding: 14px 0;
font-size: 22px
}
.text-field-5.reverse {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62f205449aa17f94d8fd3053_%2B%20\(1\).png);
background-position: 0 43%;
background-repeat: no-repeat;
background-size: auto;
border-top-width: 0;
border-bottom-width: 1px;
padding-bottom: 20px;
padding-left: 35px
}
.text-field-5.first {
margin-right: 29px
}
.text-field-5.second {
margin-left: 29px
}
.text-field-5.link-reverse {
border-top-width: 0;
border-bottom-width: 1px
}
.submit-button-5 {
color: #373d40;
text-transform: uppercase;
background-color: #0000;
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62ece85237620c60b7d4ee92_orange-arrow.png);
background-position: 100%;
background-repeat: no-repeat;
background-size: 54px;
padding-left: 0;
padding-right: 75px;
font-family: "Lato", sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 39.57px
}
.submit-button-5:hover {
color: #da571f
}
.div-block-75 {
display: flex
}
.form-block-3 {
max-width: 630px
}
.success-message-3,
.success-message-4 {
color: #fff;
background-color: green;
font-size: 16px
}
.heading-53 {
color: #373d40;
margin-top: 0;
margin-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 95px;
font-weight: 400;
line-height: 111.33px;
position: relative
}
.bold-text-26 {
display: block
}
.section-30 {
color: #373d40;
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62f2319cd64065722ee19c34_Rectangle%2092.png);
background-position: 100%;
background-repeat: no-repeat;
background-size: auto;
padding-top: 147px;
padding-bottom: 221px;
font-family: "Lato", sans-serif;
font-size: 28px;
line-height: 35px
}
.section-30.manifesto-text-section {
background-image: none;
font-weight: 500;
position: relative
}
.div-block-76 {
max-width: 722px;
position: relative
}
.image-62 {
z-index: 1;
position: absolute;
top: 40px;
right: 0
}
.image-62.mobile-show {
display: none
}
.section-31 {
color: #fff;
text-align: center;
-webkit-text-fill-color: inherit;
background-color: #c4a385;
background-clip: border-box;
border-bottom-right-radius: 366px;
padding-top: 152px;
padding-bottom: 200px;
font-family: "Lato", sans-serif;
font-size: 70px;
font-weight: 500;
line-height: 80px;
position: relative
}
.wrap-908 {
max-width: 948px;
padding-left: 20px;
padding-right: 20px
}
.heading-54 {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 45px;
font-family: "Lato", sans-serif;
font-size: 30px;
line-height: 39.57px
}
.image-63 {
position: absolute;
bottom: -30px;
right: 40px
}
.section-32 {
color: #373d40;
padding-top: 184px;
padding-bottom: 231px;
font-family: "Lato", sans-serif;
font-size: 32px;
line-height: 45px
}
.section-32.lento-text-section {
padding-bottom: 120px
}
.grow-manifesto {
color: #373d40;
padding-bottom: 323px;
font-family: "Lato", sans-serif;
font-size: 22px;
line-height: 29.01px
}
.wrap-1041 {
max-width: 1081px;
padding-left: 20px;
padding-right: 20px
}
.image-64 {
filter: grayscale();
width: 100%
}
.image-64:hover {
filter: grayscale(0%)
}
.columns-19 {
flex-wrap: nowrap;
align-items: center;
margin-bottom: 120px;
display: flex
}
.columns-19.reverse {
flex-direction: row-reverse;
margin-bottom: 0;
position: relative;
left: 9%
}
.text-block-68 {
object-fit: contain;
object-position: 100% 100%;
min-width: 400px;
max-width: 400px;
padding-top: 0;
padding-bottom: 70px;
display: block;
transform: rotate(-89deg)
}
.text-block-68.reverse {
padding-top: 0;
padding-bottom: 190px;
padding-left: 0
}
.column-32 {
text-align: center;
padding-left: 0;
padding-right: 10px
}
.column-32.revesre {
padding-left: 0;
padding-right: 10px
}
.text-block-69 {
max-width: 700px;
margin-bottom: 100px;
margin-left: auto;
margin-right: auto;
font-family: "Lato", sans-serif;
font-size: 32px;
line-height: 40px
}
.div-block-78 {
max-width: 610px;
margin-bottom: 75px;
margin-left: 0;
margin-right: 0
}
.div-block-79 {
max-width: 863px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto
}
.heading-55 {
color: #373d40;
font-family: "Lato", sans-serif;
font-size: 70px;
line-height: 85px
}
.heading-56 {
color: #373d40;
margin-top: 0;
margin-bottom: 0;
padding-left: 83px;
font-family: "Lato", sans-serif;
font-size: 70px;
line-height: 85px
}
.div-block-80 {
margin-bottom: 210px;
position: relative
}
.div-block-80.ttl-header {
margin-bottom: 0
}
.image-65 {
position: absolute;
top: 20px;
left: 0
}
.image-66 {
object-fit: cover;
width: 61%;
height: 70%;
position: absolute;
top: 100px;
right: 0
}
.image-67 {
position: absolute;
bottom: 20px;
left: 0
}
.display-mobile {
display: none
}
.column-33 {
padding-left: 0
}
.section-33 {
color: #373d40;
padding-top: 101px;
padding-bottom: 257px;
font-family: "Lato", sans-serif;
font-size: 22px;
line-height: 25px;
position: relative
}
.columns-20 {
flex-wrap: wrap;
align-items: center;
display: flex
}
.paragraph-default {
padding-right: 60px;
line-height: 38px
}
.paragraph-default.without-padding {
margin-bottom: 155px;
padding-right: 0
}
.image-68 {
filter: grayscale();
width: 100%
}
.image-68:hover {
filter: grayscale(0%)
}
.section-34 {
color: #fff;
text-align: center;
background-color: #8185b9;
border-top-right-radius: 366px;
padding-top: 209px;
padding-bottom: 249px;
font-size: 45px;
line-height: 60px;
position: relative
}
.wrap-969 {
max-width: 1009px;
padding-left: 20px;
padding-right: 20px
}
.heading-57 {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 35px;
font-family: "Lato", sans-serif;
font-size: 30px;
line-height: 39.57px
}
.image-69 {
position: absolute;
top: 0;
right: 70px
}
.section-35 {
color: #373d40;
padding-top: 201px;
padding-bottom: 200px;
font-family: "Lato", sans-serif;
font-size: 22px;
line-height: 25px
}
.heading-58 {
color: #373d40;
margin-top: 0;
margin-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 85px;
font-weight: 400;
line-height: 96.9px
}
.bold-text-27 {
display: block
}
.image-70 {
position: absolute;
top: 15px;
left: 0
}
.div-block-84 {
padding-left: 75px;
position: relative
}
.div-block-85 {
border: 0 solid #000;
margin-bottom: 60px;
padding-top: 0;
padding-bottom: 0;
padding-left: 29px;
position: relative
}
.div-block-85.last {
margin-bottom: 0
}
.heading-59 {
margin-top: 0
}
.heading-60 {
color: #373d40;
margin-top: 0;
margin-bottom: 30px;
font-family: "Lato", sans-serif;
font-size: 26px;
font-weight: 700;
line-height: 34px
}
.div-block-86 {
background-color: #da571f;
border-radius: 50%;
width: 14px;
height: 14px;
position: absolute;
top: 11px;
left: 0
}
.div-block-86.other {
top: 15px
}
.div-block-87 {
border: 0 solid #000;
border-bottom-width: 1px;
max-width: 501px;
padding-bottom: 70px;
padding-left: 0;
position: static
}
.div-block-87.last-child {
border-bottom-width: 0;
padding-bottom: 0
}
.columns-21 {
border: 0 solid #000;
border-bottom: 1px solid #373d40;
padding-top: 0;
padding-bottom: 176px
}
.columns-22 {
padding-top: 125px
}
.list-6 {
color: red;
padding-left: 0
}
.list-item-7 {
color: #ff0
}
.div-block-88 {
max-width: 525px;
margin-bottom: 39px;
padding-left: 29px;
position: relative
}
.image-71 {
font-family: "Lato", sans-serif;
}
.section-36 {
color: #373d40;
padding-top: 202px;
padding-bottom: 245px;
font-family: "Lato", sans-serif;
font-size: 28px;
line-height: 35px;
position: relative
}
.heading-61 {
color: #373d40;
margin-top: 0;
margin-bottom: 80px;
font-family: "Lato", sans-serif;
font-size: 95px;
line-height: 108.3px
}
.text-span-7,
.text-span-8 {
display: block
}
.link-block-12 {
color: #373d40;
text-transform: uppercase;
align-items: center;
font-family: "Lato", sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 39.57px;
display: flex
}
.link-block-12:hover {
color: #da571f
}
.image-72 {
width: 54px;
margin-right: 24px;
font-size: 30px
}
.div-block-89 {
padding-top: 130px
}
.div-block-90 {
padding-left: 138px;
position: relative
}
.image-73 {
width: 80px;
position: absolute;
top: 13px;
left: 0
}
.image-74 {
filter: grayscale();
width: 100%
}
.image-74:hover {
filter: grayscale(0%)
}
.image-74.cov {
object-fit: cover;
position: absolute;
top: 0;
left: 0
}
.section-37 {
text-align: center;
padding-top: 221px;
padding-bottom: 244px
}
.image-75 {
filter: grayscale();
object-fit: cover;
width: 100%;
height: 100%;
font-family: "Lato", sans-serif;
position: absolute;
top: 0;
left: 0
}
.image-75:hover {
filter: grayscale(0%)
}
.text-block-70 {
font-family: "Lato", sans-serif;
font-size: 42px;
line-height: 58px
}
.text-block-71 {
font-size: 22px;
line-height: 28px
}
.text-block-72,
.text-block-73,
.text-block-74,
.text-block-75 {
line-height: 28px
}
.div-block-92 {
display: none
}
.div-block-93 {
border: 0 solid #000;
border-bottom-width: .5px;
height: 1px;
display: none
}
.image-76 {
position: absolute;
top: 25px;
left: 0
}
.section-38 {
color: #373d40;
padding-top: 150px;
padding-bottom: 208px;
padding-left: 0;
font-family: "Lato", sans-serif;
font-size: 28px;
line-height: 35px
}
.div-block-94 {
max-width: 1049px;
padding-top: 0;
padding-left: 92px
}
.heading-62 {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 35px;
font-family: "Lato", sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 39.57px
}
.text-block-77 {
margin-bottom: 0
}
.list-7 {
margin-top: 30px;
margin-bottom: 30px;
padding-left: 40px
}
.text-block-78 {
margin-bottom: 155px
}
.list-8 {
margin-bottom: 155px;
padding-left: 40px
}
.insight-categories-list {
color: #373d40
}
.link-7 {
color: #373d40;
text-transform: uppercase;
font-size: 30px;
line-height: 39.57px;
display: inline-block
}
.link-7:hover {
color: #da571f
}
.collection-item-10 {
margin-left: 0;
margin-right: 20px;
padding-right: 20px;
display: inline-block;
position: relative
}
.text-block-79 {
position: absolute;
bottom: 0;
right: -8px
}
.text-block-79.small {
right: -3px
}
.link-8 {
color: #373d40;
text-transform: uppercase;
font-size: 30px;
display: inline-block
}
.link-8:hover {
color: #da571f
}
.collection-list-wrapper-3 {
display: inline-block
}
.div-block-95 {
margin-right: 20px;
padding-right: 20px;
display: inline-block;
position: relative
}
.div-block-96 {
padding-left: 129px
}
.blogfirst {
display: none
}
.div-block-97 {
background-color: #dfdfea;
padding-bottom: 47.1%;
position: relative
}
.image-77 {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.link-block-13 {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.div-block-98 {
color: #373d40;
max-width: 620px;
margin-top: 104px;
font-family: "Lato", sans-serif;
font-size: 22px;
line-height: 25px
}
.collection-item-11 {
margin-right: 15px;
padding-right: 15px;
display: inline-block;
position: relative
}
.collection-list-4 {
position: static
}
.text-block-80 {
margin-top: 36px;
margin-bottom: 36px;
font-size: 85px;
font-weight: 700;
line-height: 96.9px
}
.text-block-81 {
border: 0 solid #000;
border-bottom-width: 1px;
max-width: 590px;
margin-bottom: 52px;
padding-bottom: 54px
}
.link-block-14 {
color: #373d40;
text-transform: uppercase;
align-items: center;
font-family: "Lato", sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 39.57px;
display: flex
}
.link-block-14:hover {
color: #da571f
}
.image-78 {
width: 54px;
margin-left: 39px
}
.blog-other {
color: #373d40;
margin-top: 0;
font-family: "Lato", sans-serif;
font-size: 22px;
line-height: 25px
}
.div-block-99 {
background-color: #dfdfea;
padding-bottom: 70.13%;
position: relative
}
.image-79 {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.link-block-15 {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.div-block-100 {
max-width: 620px;
margin-top: 83px
}
.div-block-100.insight-post-content {
max-width: 680px;
margin-top: 50px
}
.text-block-82 {
object-fit: fill;
margin-bottom: 32px;
font-size: 45px;
font-weight: 700;
line-height: 55px
}
.text-block-83 {
border: 0 solid #000;
max-width: 404px;
margin-bottom: 0;
padding-bottom: 52px
}
.link-block-16 {
color: #373d40;
text-transform: uppercase;
align-items: center;
margin-top: 0;
font-family: "Lato", sans-serif;
font-weight: 700;
display: flex
}
.link-block-16:hover {
color: #da571f
}
.collection-item-12 {
width: 46%;
margin-bottom: 126px;
margin-right: 8%;
padding-bottom: 77px;
position: relative
}
.collection-item-12:nth-child(odd) {
margin-right: 0%;
padding-bottom: 77px;
position: relative
}
.collection-item-12:nth-child(2n) {
margin-right: 8%
}
.collection-item-12:first-child {
width: 100%;
margin-bottom: 203px;
display: block
}
.collection-item-12.insight-post-item {
margin-bottom: 50px
}
.collection-list-5 {
flex-wrap: wrap;
display: flex
}
.div-block-101 {
border: 0 solid #000;
border-top-width: 1px;
width: 100%;
max-width: 620px;
padding-top: 52px;
font-size: 30px;
line-height: 39.57px;
position: absolute;
bottom: 0;
left: 0
}
.previous {
width: auto;
margin-left: 0;
margin-right: 0;
padding: 0;
display: block;
position: relative
}
.image-80 {
width: 54px
}
.next {
z-index: 1;
background-color: #0000;
border-width: 0;
width: auto;
margin-left: 0;
margin-right: 0;
padding: 0;
position: relative
}
.image-81 {
z-index: 1;
background-color: #0000;
border: 0 solid #000;
width: 54px;
margin-right: 43px
}
.pagination {
justify-content: flex-start;
align-items: flex-start
}
.section-39 {
padding-bottom: 280px
}
.section-39.insight-blog-area {
padding-bottom: 150px
}
.collection-item-13 {
margin-right: 15px;
padding-right: 15px;
display: inline-block;
position: relative
}
.category-insights-blog {
text-transform: uppercase;
margin-top: 50px;
margin-bottom: 36px;
display: none
}
.arrow-hidden-post {
width: 54px;
margin-left: 39px;
display: none
}
.body-6 {
background-color: #f6f6f6
}
.body-6.bgother {
background-color: #f8f8f8
}
.section-2.site-hero.hide-cat,
.section-39.insight-blog-area.hide-cat {
display: none
}
.image-81 {
margin-left: 0;
margin-right: 43px;
padding: 0
}
.image-80 {
border-width: 0;
margin-left: 0;
margin-right: 0;
padding: 0
}
.pagination-2 {
justify-content: flex-start;
align-items: flex-start
}
.body-7 {
color: #373d40;
-webkit-text-fill-color: inherit;
background-color: #f6f6f6;
background-clip: border-box
}
.body-7.lightbg.newbg {
background-color: #f8f8f8
}
.insight-post-inner-hero {
padding-top: 98px;
padding-bottom: 112px
}
.insight-post-inner-hero.hideb {
display: none
}
.text-block-85 {
margin-bottom: 71px;
font-family: "Lato", sans-serif;
font-size: 95px;
line-height: 108.3px
}
.div-block-102 {
color: #373d40;
flex-wrap: wrap;
font-family: "Lato", sans-serif;
font-size: 30px;
line-height: 39.57px;
display: flex
}
.link-9 {
color: #373d40
}
.section-40 {
padding-bottom: 34.8%;
position: relative
}
.section-40.hideb {
display: none
}
.image-82 {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.post-content-area {
color: #373d40;
padding-top: 80px;
padding-bottom: 32px;
font-family: Aeonik, Arial, sans-serif;
font-size: 28px;
line-height: 35px;
position: relative
}
.post-content-area.read-content {
border-bottom: 2px solid #ddd;
padding-top: 70px;
padding-bottom: 98px;
font-size: 20px;
line-height: 28px
}
.rich-text-block-15 {
margin-bottom: 0;
line-height: 38px
}
.rich-text-block-16 {
color: #7eb4b5;
font-size: 70px;
font-weight: 700;
line-height: 80px
}
.div-block-103,
.div-block-104 {
max-width: none;
margin-bottom: 32px;
display: inline-block
}
.text-block-86 {
margin-top: 30px
}
.collection-list-7 {
flex-wrap: wrap;
display: flex
}
.text-block-87 {
padding-right: 15px
}
.collection-item-14 {
display: flex
}
.text-block-88,
.text-block-89 {
padding-right: 15px
}
.div-block-105 {
padding-left: 0
}
.div-block-106 {
max-width: 957px
}
.div-block-106.insight-body-text {
display: inline-block
}
.div-block-107 {
border: 0 solid #000;
border-bottom-width: 1px;
max-width: 957px;
padding-top: 0;
padding-bottom: 60px
}
.div-block-107.hideb {
display: none
}
.heading-63 {
color: #373d40;
margin-top: 0;
margin-bottom: 32px;
font-size: 30px;
line-height: 39.57px
}
.rich-text-block-17 {
font-family: "Lato", sans-serif;
font-weight: 400;
line-height: 38px
}
.sharing-section {
margin-top: 60px
}
.sharing-section.hideb {
display: none
}
.link-block-17 {
color: #fff;
background-color: #cddfe0;
border-radius: 50%;
width: 69px;
height: 69px;
margin-top: 0;
margin-right: 43px;
position: relative
}
.link-block-17:hover {
-webkit-text-fill-color: inherit;
background-color: #d9561e;
background-clip: border-box
}
.link-block-17.last {
margin-right: 0
}
.link-block-17.social-share-btn.lnk {
width: 69px
}
.image-83 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.more-insights-section {
margin-top: 60px
}
.more-insights-section.hideb {
display: none
}
.heading-64 {
color: #373d40;
margin-top: 0;
margin-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 70px;
line-height: 80px
}
.div-block-108 {
margin-bottom: 40px;
padding-left: 92px;
position: relative
}
.image-84 {
position: absolute;
top: 18px;
left: 0
}
.div-block-109 {
padding-bottom: 74.3%;
position: relative
}
.image-85 {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.link-block-18 {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.div-block-110 {
margin-top: 38px
}
.text-block-90 {
font-family: "Lato", sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 40px
}
.link-10 {
color: #373d40;
font-family: "Lato", sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 40px
}
.link-10:hover {
color: #d9561e
}
.div-block-111 {
text-align: center;
margin-top: 60px;
margin-bottom: 60px
}
.collection-item-15 {
float: left;
width: 48%;
margin-right: 4%
}
.collection-item-15:nth-child(2n) {
margin-right: 0%
}
.heading-65 {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 42px;
font-family: "Lato", sans-serif;
font-size: 30px;
line-height: 40px
}
.heading-66 {
color: #373d40;
margin-top: 0;
margin-bottom: 71px;
font-family: "Lato", sans-serif;
font-size: 95px;
font-weight: 400;
line-height: 108.3px;
display: none
}
.html-embed-6 {
-webkit-text-fill-color: inherit;
cursor: pointer;
background-color: #cddfe0;
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62e229606c809f8cec53870f_linkedin%20\(2\)%201.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: 22px;
background-clip: border-box;
border-radius: 50%;
width: 69px;
height: 69px;
margin-right: 43px;
font-size: 28px;
display: inline-block;
position: relative
}
.html-embed-6:hover {
-webkit-text-fill-color: inherit;
background-color: #d9561e;
background-clip: border-box
}
.html-embed-6.fb-share {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62f76e9618d02fb8e45a30b5_fb.png);
background-size: 12px
}
.html-embed-6.fb-share.newa {
width: 69px
}
.html-embed-6.fb-share.new1 {
background-size: 7px;
width: 30px;
min-width: 30px;
height: 30px;
min-height: 30px;
margin-right: 10px
}
.html-embed-6.linkedin-share {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62f76f790c74fd2330a03d73_linkedin.png)
}
.html-embed-6.linkedin-share.new2 {
background-size: 12px;
width: 30px;
min-width: 30px;
height: 30px;
min-height: 30px;
margin-right: 10px
}
.html-embed-6.twitter-share {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/62f76f0018d02fa3ce5a3449_twitter.png)
}
.html-embed-6.twitter-share.new3 {
background-size: 12px;
width: 30px;
min-width: 30px;
height: 30px;
min-height: 30px;
margin-right: 0
}
.social-share-btn {
z-index: 1;
border-radius: 50%;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.rich-text-block-18 {
margin-bottom: 71px;
font-family: "Lato", sans-serif;
font-size: 95px;
line-height: 108.3px
}
.div-block-112.hideb {
display: none
}
.div-block-112.new1 {
display: none;
position: absolute;
bottom: -40px;
left: 0
}
.body-8 {
color: #373d40;
-webkit-text-fill-color: inherit;
background-color: #f6f6f6;
background-clip: border-box;
font-family: "Lato", sans-serif;
font-size: 22px;
line-height: 25px
}
.image-61 {
width: auto
}
.rich-text-block-19 {
font-family: "Lato", sans-serif;
font-size: 95px;
line-height: 111.33px
}
.heading-67 {
margin-top: 0;
margin-bottom: 8px;
font-family: "Lato", sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 36.93px
}
.div-block-113 {
border: 0 solid #000;
border-bottom-width: 1px;
padding-top: 28px;
padding-bottom: 28px
}
.div-block-114 {
padding-left: 30px;
position: relative
}
.collection-item-16 {
border: 0 solid #000;
padding-top: 0;
padding-bottom: 0
}
.collection-item-16:last-child {
border-bottom-width: 0
}
.div-block-115 {
border: 0 solid #000;
border-bottom-width: 1px;
padding-top: 28px;
padding-bottom: 28px
}
.div-block-116 {
margin-top: 45px;
margin-bottom: 71px
}
.lottie-animation-5 {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute
}
.div-block-117 {
display: none
}
.image-86 {
width: 240px;
height: 36px;
margin-top: -3px
}
.video-4 {
object-fit: cover;
width: 100%;
height: 100%;
display: none;
position: absolute;
top: 0;
left: 0
}
.html-embed-7 {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.div-block-118 {
max-width: 800px;
margin-left: auto;
margin-right: auto;
padding-bottom: 40.25%;
position: relative
}
.section-41 {
filter: grayscale();
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/632659ef5c83165d83e3ba9d_lento-nature-shots.jpg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 42.7%;
font-family: "Lato", sans-serif;
position: relative
}
.section-41:hover {
filter: grayscale(0%)
}
.section-42 {
filter: grayscale();
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/6327302c1be650c3319bf3d8_lento-turtle-swimming-in-the-ocean.jpg);
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 45%
}
.section-42:hover {
filter: grayscale(0%)
}
.div-block-119 {
width: 33%;
max-width: 100%;
padding-bottom: 39%;
position: absolute;
bottom: 28%;
right: 0
}
.section-43 {
filter: grayscale();
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/6328d33548d9d2fd7bfe0545_lento-design-patterns.jpg);
background-position: 50%;
background-size: cover;
padding-bottom: 51%
}
.section-43:hover {
filter: grayscale(0%)
}
.section-44 {
filter: grayscale();
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/6328cb49ad7b3519b52ae291_lento-turtle-branding.jpg);
background-position: 50% 60%;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 51%;
font-family: "Lato", sans-serif;
}
.section-44:hover {
filter: grayscale(0%)
}
.section-45 {
filter: grayscale();
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/632654a13009595f112b5270_jeremy-bishop-1braZySlEKA-unsplash.jpg);
background-position: 50% 47%;
background-size: cover;
padding-bottom: 41.678%;
font-family: "Lato", sans-serif;
}
.section-45:hover {
filter: grayscale(0%)
}
.lottie-animation-6 {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.lottie-animation-6.lotiie-hidden {
width: 88%;
height: 88%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.lottie-animation-6.lotiie-hidden.first {
width: 200%;
height: 200%
}
.rich-text-block-20 {
color: #373d40;
font-family: "Lato", sans-serif;
font-size: 85vw;
line-height: 99.61
}
.rich-text-block-20.textcustom-area {
font-size: 85px;
line-height: 99.61px
}
.div-block-120 {
padding-bottom: 60.75%;
position: relative
}
.image-87 {
filter: grayscale();
object-fit: cover;
width: 100%;
height: 100%;
font-family: "Lato", sans-serif;
position: absolute;
top: 0;
left: 0
}
.image-87:hover {
filter: grayscale(0%)
}
.collection-item-17 {
margin-bottom: 50px;
margin-right: 0;
padding-right: 30px
}
.collection-item-17:first-child {
width: 100%;
margin-right: 0;
padding-right: 10px
}
.collection-item-17:last-child {
padding-left: 30px;
padding-right: 10px
}
.link-block-19 {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.div-block-121 {
margin-top: 17px
}
.link-11 {
color: #373d40;
margin-bottom: 7px;
font-family: "Lato", sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 36.48px;
display: inline-block
}
.link-11:hover {
color: #da571f
}
.div-block-122 {
color: #373d40;
align-items: center;
font-family: "Lato", sans-serif;
font-size: 20px;
line-height: 26.38px;
display: flex
}
.text-block-92 {
margin-right: 10px
}
.div-block-123 {
display: none
}
.image-89 {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.link-block-21 {
width: 100%;
height: 100%;
margin-top: 0;
position: absolute;
top: 0;
left: 0
}
.collection-list-8 {
font-family: "Lato", sans-serif;
}
.rich-text-block-21 {
font-size: 28px;
line-height: 38px
}
.rich-text-block-22 {
font-size: 28px
}
.rich-text-block-23 {
line-height: 38px
}
.rich-text-block-24 {
font-size: 24px;
line-height: 35px
}
.link-12 {
color: #373d40;
text-align: center;
text-transform: uppercase;
border-radius: 5px;
padding: 14px 10px;
font-family: "Lato", sans-serif;
font-size: 18px;
line-height: 100%;
display: inline-block
}
.link-12:hover,
.link-12.w--current {
color: #da571f;
background-color: #e1e1e1
}
.collection-item-18 {
margin-left: 1px;
margin-right: 1px;
display: inline-block
}
.collection-list-9 {
text-align: center
}
.div-block-125 {
justify-content: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
display: flex
}
.section-46 {
background-color: #f0f0f0;
border-top: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
padding-top: 26px;
padding-bottom: 26px
}
.section-47 {
padding-top: 91px;
padding-bottom: 140px;
line-height: 1.3;
overflow: hidden
}
.div-block-126 {
margin-bottom: 94px;
padding-left: 90px;
position: relative;
overflow: hidden
}
.heading-68 {
color: #373d40;
margin: 0 0 20px;
font-family: "Lato", sans-serif;
font-size: 64px;
line-height: 70px
}
.text-block-94 {
color: #373d40;
font-size: 21px;
line-height: 30
}
.text-block-95 {
color: #373d40;
font-family: "Lato", sans-serif;
font-size: 21px;
line-height: 20px
}
.image-90 {
position: absolute;
top: 0;
left: 0
}
.div-block-127 {
border-radius: 20px;
padding-bottom: 56.25%;
position: relative;
overflow: hidden
}
.image-91 {
object-fit: cover;
border-radius: 20px;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.div-block-128 {
width: 52%
}
.div-block-129 {
align-items: center;
display: flex
}
.div-block-130 {
width: 42%;
margin-left: 6%;
position: relative
}
.div-block-131 {
color: #373d40;
font-family: "Lato", sans-serif;
font-size: 21px;
line-height: 20px
}
.text-block-96 {
color: #c4a385;
background-color: #fff;
border-radius: 5px;
padding: 15px 18px;
display: inline-block
}
.text-block-96.mobile-show-only {
display: none
}
.heading-69 {
color: #373d40;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
font-family: "Lato", sans-serif;
font-size: 48px;
line-height: 1.2;
position: relative
}
.heading-69:hover {
color: #da571f
}
.div-block-132 {
margin-top: 34px;
margin-bottom: 0;
padding-bottom: 65px
}
.div-block-133 {
border-top: 3px solid #ddd;
align-items: center;
padding-top: 27px;
display: flex
}
.div-block-134 {
background-color: #da571f;
border-radius: 50%;
width: 9px;
height: 9px;
margin-left: 20px;
margin-right: 20px
}
.text-block-97 {
display: inline-block
}
.text-block-98 {
margin-left: 8px;
display: inline-block
}
.product__slider-main,
.product__slider-thmb {
position: relative;
overflow: hidden
}
.link-block-22 {
color: #373d40;
font-size: 48px;
line-height: 1.2;
text-decoration: none
}
.link-block-22:hover {
color: #da571f
}
.section-48 {
color: #c4a385;
background-color: #f2f2f2;
border-top-right-radius: 150px;
border-bottom-left-radius: 187px;
padding-top: 121px;
padding-bottom: 207px;
font-family: "Lato", sans-serif;
font-size: 21px;
position: relative;
overflow: hidden
}
.heading-70 {
color: #373d40;
margin-top: 0;
margin-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 64px;
line-height: 1.2
}
.heading-71 {
color: #373d40;
font-family: "Lato", sans-serif;
font-size: 48px;
line-height: 1.2
}
.heading-71:hover {
color: #da571f
}
.link-block-23 {
color: #373d40;
font-family: "Lato", sans-serif;
font-size: 48px;
font-style: normal;
line-height: 1.2
}
.link-block-23:hover {
color: #da571f
}
.link-13 {
color: #c4a385;
text-transform: uppercase;
text-decoration: none
}
.collection-item-19 {
margin-top: 100px
}
.div-block-135 {
background-color: #ddd;
max-width: 634px;
height: 3px;
margin-top: 20px
}
.section-49 {
padding-top: 144px;
padding-bottom: 163px;
position: relative
}
.div-block-136 {
align-items: center;
margin-bottom: 14px;
padding-left: 0;
display: flex;
position: relative
}
.image-92 {
margin-right: 41px
}
.heading-72 {
color: #373d40;
margin-top: 0;
margin-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 64px;
line-height: 1.2
}
.div-block-137 {
border-radius: 5px;
padding-bottom: 65%;
position: relative;
overflow: hidden
}
.image-93,
.link-block-24 {
object-fit: cover;
border-radius: 5px;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.collection-item-20 {
margin-top: 100px;
padding-left: 24.5px;
padding-right: 24.5px;
display: flex
}
.collection-list-10 {
flex-wrap: wrap;
margin-left: 0;
margin-right: 0;
display: flex
}
.collection-list-wrapper-4 {
margin-left: -24.5px;
margin-right: -24.5px
}
.div-block-138 {
margin-top: 40px
}
.heading-73 {
color: #373d40;
margin-top: 0;
margin-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 24px;
line-height: 28.5px
}
.heading-73:hover {
color: #da571f
}
.link-block-25 {
color: #373d40;
margin-top: 0;
font-family: "Lato", sans-serif;
font-size: 24vw;
font-weight: 700;
line-height: 28.5
}
.link-block-25:hover {
color: #da571f
}
.link-14 {
color: #da571f;
text-transform: uppercase;
align-items: center;
margin-top: 0;
font-family: "Lato", sans-serif;
font-size: 21px;
font-weight: 700;
display: flex
}
.link-14:hover {
color: #373d40
}
.collection-item-21 {
align-items: center;
display: flex
}
.div-block-139 {
opacity: 1;
background-color: #da571f;
border-radius: 50%;
width: 5px;
height: 5px;
margin-left: 5px;
margin-right: 5px
}
.collection-list-11 {
flex-wrap: wrap;
align-items: center;
display: flex
}
.div-block-140 {
border-bottom: 3px solid #ddd;
margin-bottom: 23px;
padding-bottom: 15px
}
.div-block-141 {
color: #373d40;
align-items: center;
font-family: "Lato", sans-serif;
font-size: 16px;
line-height: 20px;
display: flex;
position: absolute;
bottom: 0;
left: 0
}
.text-block-99,
.text-block-100 {
display: inline-block
}
.div-block-142 {
background-color: #da571f;
border-radius: 50%;
width: 3px;
height: 3px;
margin-left: 8px;
margin-right: 8px
}
.div-block-143 {
padding-bottom: 40px;
position: relative
}
.div-block-144 {
text-align: center
}
.section-50 {
background-color: #7eb4b5;
border-top-left-radius: 200px;
padding-top: 129px;
padding-bottom: 141px;
position: relative
}
.div-block-145 {
color: #fff;
text-align: center;
font-family: "Lato", sans-serif;
font-size: 22px;
line-height: 25px
}
.heading-74 {
color: #fff;
margin-top: 0;
margin-bottom: 25px;
font-family: "Lato", sans-serif;
font-size: 64px;
line-height: 1.2
}
.text-block-101 {
margin-left: auto;
margin-right: auto
}
.text-block-102 {
max-width: 497px;
margin-left: auto;
margin-right: auto
}
.div-block-146 {
max-width: 655px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
font-family: "Lato", sans-serif;
font-size: 18px
}
.text-field-6 {
color: #fff;
text-align: center;
background-color: #0000;
border: 3px solid #fff;
border-radius: 10px;
max-width: 396px;
height: 72px;
margin-bottom: 0
}
.text-field-6:focus {
border-color: #fff
}
.text-field-6::placeholder {
color: #fff;
font-size: 18px
}
.form {
align-items: stretch;
display: flex
}
.submit-button-6 {
background-color: #373d40;
border-radius: 10px;
min-width: 247px;
max-width: none;
margin-left: 12px;
padding-left: 12px;
font-size: 21px;
font-weight: 700
}
.submit-button-6:hover {
color: #373d40;
background-color: #fff
}
.success-message-5 {
color: #7eb4b5;
background-color: #373d40;
border-radius: 10px
}
.error-message {
color: red;
text-align: center;
border-radius: 10px;
padding-top: 15px;
padding-bottom: 15px
}
.div-block-147 {
border: 5px solid #f8f8f8;
border-radius: 50%;
width: 77px;
height: 77px;
position: absolute;
top: 0;
left: 35px
}
.div-block-148 {
background-color: #c4a385;
border: 3px solid #f8f8f8;
border-radius: 50%;
width: 45px;
height: 45px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.text-block-103 {
color: #373d40;
font-family: "Lato", sans-serif;
font-size: 14px
}
.text-block-104 {
color: #373d40;
font-family: "Lato", sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 15px
}
.div-block-149 {
cursor: pointer;
width: 19px
}
.div-block-150 {
justify-content: space-between;
align-items: center;
display: none
}
.div-block-151 {
background-color: #c4a385;
border-radius: 10px;
width: 19px;
height: 2px
}
.div-block-152 {
background-color: #c4a385;
border-radius: 10px;
width: 15px;
height: 2px;
margin-top: 3px;
margin-bottom: 3px
}
.div-block-153 {
background-color: #c4a385;
border-radius: 10px;
width: 13px;
height: 2px
}
.text-block-105 {
color: #c4a385;
letter-spacing: 10.5px;
text-transform: uppercase;
margin-left: 10px;
font-family: "Lato", sans-serif;
font-size: 42px;
line-height: 1
}
.text-block-105.hidden-header {
display: none
}
.link-block-26 {
align-items: center;
display: inline-block
}
.section-46.hideb {
display: none
}
.section-51 {
padding-top: 89px;
padding-bottom: 89px
}
.section-51.hideb {
display: none
}
.heading-75 {
color: #373d40;
margin-top: 0;
margin-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 64px;
line-height: 1
}
.div-block-155 {
align-items: center;
display: flex
}
.image-94 {
margin-right: 20px
}
.collection-item-22 {
background-color: #f2f2f2;
padding-top: 84px;
padding-bottom: 84px
}
.collection-item-22:nth-child(2n) {
background-color: #f8f8f8
}
.collection-item-22:last-child {
padding-bottom: 380px
}
.div-block-156 {
border-radius: 5px;
width: 44%;
min-height: 394px;
position: relative;
overflow: hidden
}
.div-block-157 {
color: #373d40;
width: 56%;
padding-left: 20px;
font-family: "Lato", sans-serif;
font-size: 21px
}
.div-block-158 {
display: flex
}
.heading-76 {
color: #373d40;
margin-top: 0;
font-family: "Lato", sans-serif;
font-size: 48px;
line-height: 1.2
}
.heading-76:hover {
color: #da571f
}
.image-95 {
object-fit: cover;
border-radius: 5px;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.div-block-159 {
border-top: 3px solid #ddd;
align-items: center;
margin-top: 65px;
padding-top: 25px;
display: flex
}
.div-block-160 {
background-color: #da571f;
border-radius: 50%;
width: 9px;
height: 9px;
margin-left: 15px;
margin-right: 15px
}
.div-block-161 {
border-radius: 5px;
max-width: 492px;
margin-left: auto;
margin-right: auto
}
.link-block-27 {
object-fit: cover;
border-radius: 5px;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.link-block-28 {
text-decoration: none
}
.wrap-1440 {
max-width: 1340px;
padding-left: 20px;
padding-right: 20px
}
.link-15 {
text-transform: uppercase;
font-weight: 700
}
.link-15:hover {
color: #373d40
}
.div-block-162 {
background-color: #da571f;
border-radius: 50%;
width: 5px;
height: 5px;
margin-left: 10px;
margin-right: 10px
}
.div-block-163 {
flex-wrap: wrap;
align-items: center;
margin-bottom: 20px;
display: block
}
.collection-item-23 {
align-items: center;
display: flex
}
.collection-list-12 {
flex-wrap: wrap;
align-items: center;
display: flex
}
.empty-state {
text-align: center;
background-color: #da571f;
font-family: "Lato", sans-serif;
font-size: 18px
}
.section-50.minus {
margin-top: -170px
}
.section-50.minus.hideb {
display: none
}
.heading-74._967 {
max-width: 967px;
margin-left: auto;
margin-right: auto
}
.heading-74._843 {
max-width: 843px;
margin-left: auto;
margin-right: auto
}
.section-52 {
background-color: #f0f0f0;
border-top: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
padding-top: 45px;
padding-bottom: 45px
}
.section-52.hideb {
display: none
}
.link-block-29 {
color: #373d40;
align-items: center;
max-width: 180px;
margin-top: 0;
font-family: "Lato", sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 1;
display: flex
}
.link-block-29:hover {
color: #c4a385
}
.image-96 {
margin-right: 19px
}
.section-53 {
color: #373d40;
padding-top: 56px;
padding-bottom: 84px;
font-family: "Lato", sans-serif;
font-size: 20px
}
.section-53.hideb {
display: none
}
.div-block-164 {
border-bottom: 2px solid #ddd;
margin-bottom: 35px;
padding-bottom: 36px
}
.link-16 {
text-transform: uppercase;
margin-top: 0;
font-size: 21px;
font-weight: 700
}
.link-16:hover {
color: #373d40
}
.div-block-165 {
background-color: #da571f;
border-radius: 50%;
width: 7px;
height: 7px;
margin-left: 10px;
margin-right: 10px
}
.collection-item-24 {
align-items: center;
display: flex
}
.collection-list-13 {
flex-wrap: wrap;
align-items: center;
display: flex
}
.heading-77 {
color: #373d40;
max-width: 892px;
margin: 0 0 20px;
font-family: "Lato", sans-serif;
font-size: 64px;
font-weight: 700;
line-height: 1.2;
display: inline-block
}
.div-block-166 {
background-color: #da571f;
border-radius: 50%;
width: 4px;
height: 4px;
margin-left: 10px;
margin-right: 10px
}
.div-block-167 {
flex-wrap: wrap;
align-items: center;
display: flex
}
.div-block-168 {
margin-top: 66px
}
.div-block-169 {
border-radius: 50%;
width: 61px;
height: 61px;
margin-right: 48px;
position: relative;
overflow: hidden
}
.collection-item-25 {
align-items: center;
font-family: "Lato", sans-serif;
display: flex
}
.div-block-170 {
align-items: center;
display: flex
}
.text-block-106 {
margin-right: 10px
}
.text-block-107 {
font-weight: 700
}
.image-97 {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.wrap-978 {
max-width: 1018px;
padding-left: 20px;
padding-right: 20px
}
.section-54 {
background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
height: 751px;
padding-bottom: 0%;
position: relative;
overflow: hidden
}
.section-54.hideb {
display: none
}
.image-98 {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.section-55 {
padding-bottom: 0
}
.section-55.hideb {
display: none
}
.section-56 {
padding-top: 100vh;
position: relative;
overflow: hidden
}
.section-56.hideb {
display: none
}
.div-block-171 {
object-fit: cover;
background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100vh;
position: absolute;
top: 0;
left: 0
}
.div-block-171.luxy-el {
background-image: none
}
.section-57 {
padding-top: 92px;
padding-bottom: 92px;
font-family: "Lato", sans-serif;
font-size: 20px;
line-height: 28px
}
.section-57.hideb {
display: none
}
.wrap-869 {
max-width: 909px;
padding-left: 20px;
padding-right: 20px
}
.section-58 {
background-color: #f2f2f2;
border-top-right-radius: 151px;
border-bottom-left-radius: 151px;
padding-top: 94px;
padding-bottom: 94px;
font-family: "Lato", sans-serif;
font-size: 20vw;
line-height: 28px;
position: relative
}
.section-58.hideb {
display: none
}
.div-block-172 {
display: block
}
.heading-78 {
color: #373d40;
margin-top: 0;
margin-bottom: 40px;
font-family: "Lato", sans-serif;
font-size: 36px;
line-height: 43px
}
.div-block-173 {
display: block
}
.link-block-30 {
color: #929292;
text-transform: uppercase;
align-items: center;
font-family: "Lato", sans-serif;
font-size: 21px;
font-weight: 700;
line-height: 1;
display: flex
}
.link-block-30:hover {
color: #da571f
}
.image-99 {
margin-right: 23px
}
.div-block-174 {
margin-top: 94px
}
.heart-wrapper.noselect {
cursor: pointer;
width: 35px;
height: 35px;
transition: transform .25s;
position: relative
}
.heart {
z-index: 2;
width: 35px;
height: 35px;
position: relative
}
.div-block-175 {
position: absolute
}
.emoji-wrapper,
.emoji {
position: absolute;
top: 0;
left: 0;
right: 0
}
.fill-wrapper {
z-index: 5;
width: 35px;
height: 35px;
position: absolute;
top: 0;
left: 0;
right: 0
}
.gradient-fill {
z-index: 3;
background-image: linear-gradient(red, red);
width: 100%;
height: 100%;
position: relative;
top: 100%
}
.trigger-click-hidden,
.hidden-triggers {
display: none
}
.clip-styles {
width: 0;
height: 0
}
.like-count.noselect {
color: #a0a0a0;
margin-left: 15px;
font-size: 18px;
line-height: 22px
}
.div-block-176 {
align-items: center;
margin-right: 50px;
display: flex;
position: relative
}
.div-block-176._0right {
margin-left: 74px;
margin-right: 0
}
.text-block-108 {
color: #a0a0a0;
margin-left: 15px;
font-size: 18px;
line-height: 22px
}
.text-block-108.hidddd {
display: none
}
.div-block-177 {
align-items: center;
display: flex
}
.div-block-177.hideb {
display: none
}
.image-100 {
position: absolute;
top: 16px;
right: 14px
}
.section-59 {
padding-top: 85px;
padding-bottom: 94px;
font-family: "Lato", sans-serif;
font-size: 20px;
line-height: 28px
}
.div-block-178 {
border-radius: 50%;
width: 94px;
min-width: 94px;
height: 94px;
min-height: 94px;
position: relative;
overflow: hidden
}
.image-101 {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.collection-item-26 {
flex-wrap: nowrap;
display: flex
}
.div-block-179 {
max-width: 618px;
margin-left: 37px
}
.text-block-109 {
color: #a0a0a0;
font-family: "Lato", sans-serif;
font-size: 21px;
font-weight: 700;
line-height: 20px
}
.heading-79 {
color: #373d40;
margin-top: 17px;
margin-bottom: 25px;
font-family: "Lato", sans-serif;
font-size: 48px;
line-height: 1
}
.text-block-102._559 {
max-width: 450px;
padding-top: 10px
}
.section-60 {
color: #373d40;
padding-top: 109px;
padding-bottom: 136px;
font-family: "Lato", sans-serif;
font-size: 16px;
line-height: 20px
}
.div-block-180 {
text-align: center;
margin-bottom: 107px
}
.heading-80 {
color: #373d40;
margin-top: 0;
margin-bottom: 20px;
font-family: "Lato", sans-serif;
font-size: 64px
}
.text-block-110 {
font-family: "Lato", sans-serif;
}
.collection-list-14 {
flex-wrap: wrap;
display: flex
}
.collection-item-27 {
padding-left: 24.5px;
padding-right: 24.5px;
display: flex
}
.collection-list-wrapper-6 {
margin-left: -24.5px;
margin-right: -24.5px
}
.div-block-181 {
text-align: center;
margin-top: 142px
}
.hiddd {
display: none
}
.div-block-182 {
cursor: pointer;
align-items: center;
display: flex
}
.div-block-183 {
width: 35px;
height: 35px;
position: relative;
overflow: hidden
}
.html-embed-9 {
z-index: 1;
width: 100%;
height: 100%;
font-size: 0;
position: absolute;
top: 0;
left: 0
}
.image-102 {
display: none
}
.div-block-184 {
z-index: 1;
background-color: #f8f8f8;
width: 100px;
height: 100px;
position: absolute;
top: 0;
right: -10px
}
.imgobj {
object-fit: cover;
width: 100%;
height: 130vh;
position: absolute;
top: 0;
left: 0
}
.lp-body {
color: #373d40;
letter-spacing: 0;
-webkit-text-stroke-color: var(--salmon);
text-transform: none;
background-color: #e2e2e2;
font-family: "Lato", sans-serif;
font-size: 20px;
line-height: 26px;
transition: all .5s
}
.lp-header-section {
background-color: #242526;
padding-top: 27px;
padding-bottom: 27.18px
}
.header-inner-o2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
place-content: stretch space-between;
align-items: center
}
.header-logo-o2 {
flex: 0 auto
}
.header-btn-o2 {
color: #fff;
text-align: center;
letter-spacing: 2.4px;
text-transform: uppercase;
-webkit-text-fill-color: inherit;
background-color: #0000;
background-clip: border-box;
border: 2px solid #fff;
border-radius: 400px;
min-height: 53px;
margin-top: 0;
margin-bottom: 0;
padding: 9px 25px;
font-family: "Lato", sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 30px;
transition: all .5s;
display: block
}
.header-btn-o2:hover {
background-color: #875dff;
border-color: #875dff
}
.header-btn-o2.auto {
letter-spacing: 2.4px;
-webkit-text-fill-color: inherit;
background-clip: border-box;
border-color: #80b5b6;
min-width: 230px;
min-height: auto;
padding: 9px 26px;
font-size: 16px;
display: inline-block;
box-shadow: 0 2px 5px #0003
}
.header-btn-o2.auto:hover {
background-color: #da571f;
border-color: #da571f
}
.lp-wrapper-o2 {
max-width: 1321px;
padding-left: 20px;
padding-right: 20px
}
.lp-footer-section {
color: #ebebec;
background-color: #222;
padding-top: 97px;
padding-bottom: 97px;
font-size: 16px
}
.footer-inner-o2 {
justify-content: space-between;
align-items: center;
display: flex
}
.footer-left-o2,
.footer-sm-o2,
.footer-right-o2 {
width: 33.33%
}
.container-5 {
max-width: 1240px;
padding-left: 20px;
padding-right: 20px
}
.rich-text-block-26 {
color: var(--white-smoke);
text-transform: none
}
.rich-text-block-26.footer-txtlink-o2 {
line-height: 1
}
.heading-81 {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 32px;
line-height: 1.2
}
.link-17 {
color: var(--white-smoke);
font-weight: 700;
transition: all .5s
}
.link-17:hover {
color: var(--salmon)
}
.footer-txt-o2 {
letter-spacing: 0;
text-transform: none;
max-width: 300px;
margin-left: auto;
font-size: 16px;
line-height: 1.2
}
.footer-sm-ul-o2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex
}
.footer-sm-list-o2 {
text-align: center;
justify-content: center;
align-items: center;
display: inline-flex
}
.footer-sm-lnk-o2 {
border: 2px solid #fff;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
margin-top: 0;
padding: 10px;
line-height: 1.3;
transition: all .5s;
display: flex
}
.footer-sm-lnk-o2:hover {
background-color: #875dff;
border-color: #875dff
}
.lp-footer-logo {
width: 187px;
height: auto
}
.lp-header-logo {
width: 130px;
height: auto
}
.lp-site-links {
letter-spacing: .8px;
text-transform: uppercase;
max-width: 300px;
margin-left: auto;
font-family: "Lato", sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 1.2
}
.lplink-white {
color: #fff
}
.lplink-white:hover {
color: #875dff
}
.lp-hero-section {
color: #fff;
text-transform: none;
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/65eea359fb1009ccce2bc424_Rectangle%2072.png);
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: cover;
border-bottom-right-radius: 175px;
padding-top: 72px;
padding-bottom: 155px;
font-family: "Lato", sans-serif;
font-size: 20px;
line-height: 30px;
position: relative;
overflow: hidden
}
.wrapper-short {
max-width: 1238px;
padding-left: 20px;
padding-right: 20px
}
.wrapper-short.change {
max-width: 1272px
}
.wrapper-short.fullwidth {
max-width: 1480px
}
.lp-hero-title {
color: #fff;
text-transform: none;
max-width: 865px;
margin: 0 0 14px;
font-family: "Lato", sans-serif;
font-size: 82px;
font-weight: 400;
line-height: 89.36px;
position: relative
}
.story-image-outer {
margin-bottom: 15px
}
.story-img {
width: 100%;
height: auto;
position: relative
}
.lp-hero-row {
align-items: center;
display: flex
}
.lphero-column {
width: 38%;
margin-right: .5%;
position: relative
}
.lphero-column.last {
margin-right: 0%
}
.lphero-column.lp-shape-column {
text-align: center
}
.lphero-column.right {
text-align: left;
width: 28%;
min-height: 14px;
position: relative
}
.lphero-column.center {
text-align: center
}
.lphero-column.center.last {
width: 33%
}
.text-block-111 {
max-width: 395px;
font-size: 18px
}
.lp-btn {
color: #fff;
letter-spacing: .8px;
text-transform: uppercase;
background-color: #0000;
border: 2px solid #875dff;
border-radius: 400px;
margin-top: 0;
padding: 16.5px 42px;
font-family: "Lato", sans-serif;
transition: all .5s;
display: inline-block
}
.lp-btn:hover {
background-color: #875dff
}
.lp-btn.submit-lp {
padding-top: 10.5px;
padding-bottom: 10.5px
}
.lp-superpower-section {
background-color: #e2e2e2;
padding-top: 169px;
font-size: 18px
}
.lps-row {
align-items: center;
display: flex
}
.lps-left {
width: 60%;
padding-right: 20px
}
.lps-right {
width: 30%
}
.lps-content {
max-width: 376px;
margin-left: auto;
display: block
}
.lps-bold {
display: block
}
.heading-82 {
color: #373d40;
margin-top: 10px;
font-family: "Lato", sans-serif;
font-size: 82px;
font-weight: 400;
line-height: 89.36px
}
.script-text {
mix-blend-mode: normal;
font-family: "Lato", sans-serif;
}
.lps-video-outer {
margin-top: 165px;
padding-left: 0
}
.lps-embeded {
border-top-left-radius: 100px;
margin-bottom: 0;
padding-bottom: 56.25%;
position: relative;
overflow: hidden
}
.lpsl-wrap {
max-width: 667px
}
.choos-path-section {
background-color: #e2e2e2;
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/65eec1be30d85c5a7bd1edb1_cyp-bg-2.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
padding-top: 143px;
padding-bottom: 87px
}
.cp-title {
letter-spacing: 2.4px;
margin-bottom: 95px;
font-family: "Lato", sans-serif;
font-weight: 700
}
.cp-link {
color: #373d40;
border-top: 0 solid #292b2d;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding-top: 71px;
padding-bottom: 71px;
font-size: 82px;
line-height: 89.36px;
transition: all .5s;
display: flex
}
.cp-link:hover {
color: #875dff;
transform: translate(5%)
}
.cp-circle {
border: 2px solid #875dff;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 141px;
min-width: 141px;
height: 141px;
min-height: 141px;
padding: 11px;
display: flex
}
.cp-content {
max-width: 667px;
margin-left: 98px
}
.cp-box {
border-top: 1px solid #292b2d
}
.lp-built-section {
color: #fff;
text-align: center;
background-color: #373d40;
padding-top: 66px;
padding-bottom: 160px
}
.built-wrap {
max-width: 700px;
margin-top: -100px;
margin-left: auto;
margin-right: auto
}
.built-title {
font-family: "Lato", sans-serif;
font-size: 82px;
font-weight: 400;
line-height: 89.36px
}
.built-line {
margin-top: 16px;
margin-bottom: 36px
}
.script-behind {
color: #292b2d;
font-family: "Lato", sans-serif;
font-size: 160px;
line-height: 1
}
.script-behind.hide {
display: none
}
.image-106 {
width: 100%
}
.lp-two-column-section {
background-color: #e2e2e2;
padding-top: 147px;
padding-bottom: 147px;
line-height: 21.79px;
position: sticky;
top: 0
}
.lp-two-column-section.light {
background-color: #f3f3f3
}
.wrapper-extra-short {
max-width: 1196px;
padding-left: 20px;
padding-right: 20px
}
.lp-two-colum-row {
align-items: center;
display: flex
}
.lp-two-column-left {
width: 66%;
padding-right: 20px
}
.lp-two-column-right {
width: 34%
}
.heading-83 {
font-size: 32px
}
.two-col-title {
color: #373d40;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 13px;
font-family: "Lato", sans-serif;
font-size: 38px;
font-weight: 700;
line-height: 44px
}
.image-107 {
width: 412px
}
.div-block-185 {
align-items: flex-start;
display: flex
}
.two-colum-list {
margin-top: 0;
padding-top: 16px
}
.two-colum-list-item {
align-items: center;
margin-top: 24px;
display: flex
}
.purple-circle {
border: 1px solid #875dff;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 42px;
min-width: 42px;
height: 42px;
min-height: 42px;
margin-right: 19px;
padding: 5px;
display: flex
}
.bold-text-31 {
display: block
}
.lp-rock-section {
z-index: 1;
color: #fff;
background-color: #373d40;
border-bottom-left-radius: 175px;
padding-top: 142px;
padding-bottom: 242px;
position: relative
}
.lp-rock-section.hide {
display: none
}
.rock-top-row {
justify-content: space-between;
align-items: stretch;
display: flex
}
.rock-box {
width: 100%;
max-width: 320px;
padding-left: 5px;
padding-right: 5px;
font-family: "Lato", sans-serif;
}
.rock-box.first {
margin-top: 326px
}
.rock-box.third {
margin-top: 294px
}
.rock-box.btwo {
margin-right: 100px
}
.rock-box.four {
margin-left: 50px
}
.rock-box.desk-hide {
display: none
}
.rock-link {
color: #fff;
display: block
}
.rock-title {
letter-spacing: 2.4px;
border-bottom: 1px solid #fff;
margin-bottom: 26px;
padding-bottom: 15px;
font-weight: 700
}
.rock-title.bottom {
margin-top: 26px;
margin-bottom: 0
}
.rock-title.m-show {
display: none
}
.rock-img {
background-color: #373d40
}
.rock-img.rc1.rc-video {
padding-bottom: 56.25%;
overflow: hidden
}
.rock-img.rc1.hide {
display: none
}
.rock-intro {
text-align: center;
margin-top: 64px;
margin-bottom: 143px
}
.heading-84 {
color: #fff;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 82px;
font-weight: 500;
line-height: 89.36px
}
.rock-script {
text-transform: none;
font-family: "Lato", sans-serif;
display: block
}
.rock-script.max {
max-width: 460px;
margin-left: auto;
margin-right: auto
}
.lp-asked-section {
color: #fff;
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/65efea86453a6a43fcb3bfb1_Rectangle%2098-min.png);
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: cover;
margin-top: 0;
padding-top: 167px;
padding-bottom: 200px
}
.lp-faq-two-column {
align-items: flex-start;
display: flex
}
.lp-faq-left {
width: 50%;
padding-right: 20px
}
.lp-faq-right {
width: 50%
}
.lfl-wrap {
max-width: 376px
}
.heading-85 {
color: #fff;
margin-top: 0;
margin-bottom: 67px;
font-family: "Lato", sans-serif;
font-size: 82px;
font-weight: 400;
line-height: 89.36px
}
.heading-85.ask-title {
max-width: 400px
}
.text-span-10 {
font-family: "Lato", sans-serif;
}
.image-108 {
width: 407px;
height: auto;
margin-top: 35px
}
.text-block-112 {
margin-bottom: 67px
}
.lpfr-wrap {
max-width: 570px
}
.asked-faq-box {
border-bottom: 1px solid #875dff;
margin-bottom: 36px;
padding-bottom: 36px
}
.asked-faq-title {
cursor: pointer;
align-items: center;
display: flex
}
.asked-faq-circle {
border: 1px solid #fff;
border-radius: 50%;
width: 42px;
min-width: 42px;
height: 42px;
min-height: 42px;
margin-right: 30px;
position: relative
}
.faq-plus-icon {
width: 18px;
height: 18px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.plus-line {
background-color: #fff;
width: 18px;
height: 1px;
transition: all .5s;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%)
}
.plus-line.minus-icon {
transform: rotate(90deg)
}
.asked-faq-hidden {
margin-top: 24px;
padding-left: 72px
}
.lp-ask-form-section {
background-color: #373d40;
border-radius: 10px;
margin-top: 180px;
padding: 100px 77px 77px
}
.ask-form-wrap {
max-width: 634px;
margin-top: -100px;
margin-left: auto;
margin-right: auto
}
.askform-header {
text-align: center;
max-width: 440px;
margin-bottom: 93px;
margin-left: auto;
margin-right: auto
}
.heading-86 {
color: #fff;
margin-top: 0;
margin-bottom: 21px;
font-family: "Lato", sans-serif;
font-size: 32px;
font-weight: 500;
line-height: 34.87px
}
.image-109 {
width: 100%;
display: block
}
.ask-form-area {
font-size: 16px;
line-height: 26px
}
.ask-form-label {
margin-bottom: 11px;
font-family: "Lato", sans-serif;
font-weight: 400
}
.ask-form-input {
color: #fff;
background-color: #0000;
border: 1px solid #fff;
border-radius: 400px;
height: 51px;
min-height: auto;
margin-bottom: 36px;
padding: 13px 22px;
font-family: "Lato", sans-serif;
font-size: 16px
}
.ask-form-input:focus {
border-color: #fff
}
.ask-form-input::placeholder {
color: #ffffff4d
}
.ask-form-input.select {
color: #ffffff4d;
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/65efff3198ceea408762bf8f_Polygon%202.png);
background-position: 97%;
background-repeat: no-repeat;
background-size: auto
}
.ask-form-input.select:focus {
color: #fff
}
.ask-form-input.text-area-ask {
margin-bottom: 22px
}
.submit-outer {
text-align: center;
margin-top: 63px
}
.ask-form-row {
width: 100%;
display: flex
}
.ask-form-column {
width: 47%;
margin-right: 6%
}
.ask-form-column.last {
margin-right: 0%
}
.form-term-text {
font-size: 12px;
font-weight: 300;
line-height: 19px
}
.image-110 {
width: 100%
}
.lp-thankyou {
background-color: #0000;
border: 2px solid #875dff;
border-radius: 400px;
padding-top: 10.5px;
padding-bottom: 10.5px;
font-family: "Lato", sans-serif;
}
.anim-shape {
width: 100%;
height: auto;
display: block;
position: absolute;
top: 0;
left: 0
}
.image-111 {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.anima-drawn {
width: 0%;
height: auto;
padding-left: 0;
position: absolute;
top: 0;
left: 0
}
.lp-cursor {
display: none
}
.pointer-effect {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/65f430fb637fa92bbf3f9c20_hover-reveal.jpg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed
}
.rock-outer-section {
position: relative
}
.rock-overlay {
background-color: #292b2d;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.rockspan {
display: block
}
.link-purple {
color: #875dff
}
.background-video-2 {
width: 100%;
height: 100%;
position: absolute;
inset: 0% 0 0% 0%
}
.video-wrap-main {
border-radius: 5px;
padding-bottom: 56.25%;
position: relative;
overflow: hidden
}
.rv-video {
z-index: 1;
object-fit: cover;
border-radius: 5px;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.img-outer-wrap {
border-radius: 5px;
padding-bottom: 80%;
position: relative;
overflow: hidden
}
.mocup-hide {
display: none
}
.cookie-modal_content-wrap {
margin-bottom: 0;
padding-right: 10px
}
.pill-icon-btn {
color: #fff;
background-color: #265d5e;
border: 1px solid #265d5e;
border-radius: 100px;
padding: 13px 29px;
font-size: 18px;
font-weight: 600;
line-height: 22px;
text-decoration: none;
transition: all .5s
}
.pill-icon-btn:hover {
color: #265d5e;
background-color: #fcd24b;
border-color: #fcd24b
}
.pill-icon-btn.margin {
margin-left: 10px;
margin-right: 10px;
display: inline-block
}
.cookies-content {
color: #f6f6f6;
max-width: 696px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
font-size: 24px;
line-height: 27px
}
.cookie-modal_button-wrap {
margin-top: 0
}
.cookie-modal_component {
justify-content: space-between;
align-items: center;
max-width: 1092px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
display: flex
}
.border-icon-btn {
color: #fff;
border: 2px solid #fcd24b;
border-radius: 100px;
padding: 12px 29px;
font-size: 18px;
font-weight: 600;
line-height: 22px;
text-decoration: none;
transition: all .5s
}
.border-icon-btn:hover {
color: #265d5e;
background-color: #fcd24b
}
.border-icon-btn.green {
color: #265d5e;
border-color: #9cbfa7
}
.border-icon-btn.green:hover {
color: #fff;
background-color: #265d5e;
border-color: #265d5e
}
.border-icon-btn.green.dark {
border-color: #265d5e;
margin-left: 10px;
margin-right: 10px;
display: inline-block
}
.cookie-popup_component {
pointer-events: auto;
text-align: left;
background-color: #373d40;
border-radius: 0;
width: 100%;
max-width: 100%;
padding: 37px 20px 40px;
font-family: "Lato", sans-serif;
font-size: 20px;
line-height: 24px
}
.heading-87 {
font-size: 32px
}
.cookies-heading {
margin-top: 0;
margin-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 32px;
line-height: 34.87px
}
.cookies-devider {
margin-top: 3px;
margin-bottom: 20px
}
.link-18 {
color: #fff;
font-weight: 700
}
.image-112 {
object-fit: contain;
width: 55px;
min-width: 55px
}
.cookies-right-area {
align-items: center;
padding-left: 30px;
display: flex
}
.link-19 {
color: #f6f6f6;
text-decoration: underline
}
.newbranding {
color: var(--darkgreen);
background-color: #f6f6f6;
font-family: "Lato", sans-serif;
font-size: 22px;
line-height: 33.35px
}
.lento-header-section {
z-index: 99999;
color: var(--white);
background-color: #092929;
width: 100%;
position: relative;
top: 0;
left: 0
}
.lento-header-inner.dfxfull {
border-bottom: .5px solid #fffbf5;
justify-content: space-between;
padding-top: 32px;
padding-bottom: 30px
}
.dfxfull {
flex-flow: wrap;
display: flex
}
.ll-link {
margin-top: 0
}
.lento-logo {
height: auto
}
.modified-btn {
color: #fff;
font-family: "Lato", sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 29.19px;
transition: all .5s
}
.modified-btn:hover {
color: var(--lightgreen)
}
.mb-flex {
align-items: center;
display: flex
}
.mb-icon {
height: auto
}
.mb-text {
margin-right: 14px
}
.pptext {
font-family: "Lato", sans-serif;
font-weight: 400
}
.coming-soon-hero-section {
background-color: var(--darkgreen);
color: var(--white);
padding-top: 56px;
padding-bottom: 186px;
position: sticky;
top: -15%
}
.css-line-first {
justify-content: space-between;
line-height: 1;
display: flex
}
.css-line-first.second {
justify-content: flex-start;
margin-top: -30px
}
.css-line-first.last {
margin-top: 0
}
.css-top {
letter-spacing: -.32px;
font-family: "Lato", sans-serif;
font-size: 160px;
font-weight: 500;
line-height: 1
}
.css-text {
letter-spacing: -.32px
}
.css-text.bg-text {
color: var(--lightgreen)
}
.css-text.bg-text.italic {
font-family: "Lato", sans-serif;
font-style: italic
}
.css-text.mr {
margin-right: 61px
}
.css-text.mr.hd {
display: none
}
.css-slider {
padding-right: 30px;
position: relative;
overflow: hidden
}
.css-bottom {
margin-top: 57px;
font-size: 24px;
line-height: 27.84px
}
.css-bottom.dfxfull {
align-items: center
}
.cssb-left {
width: 30%
}
.cssb-center {
background-color: #ffffff80;
width: 100%;
height: .5px;
padding-left: 0
}
.cssb-right {
text-align: right;
width: 20%
}
.css-img {
height: auto
}
.css-img.hdi {
display: none
}
.css-line {
width: 50%;
padding-left: 78px;
padding-right: 78px
}
.css-intro {
max-width: 340px;
font-weight: 300
}
.css-logo {
width: 280px
}
.live-counter-section {
color: var(--white);
text-align: center;
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad81c426124074b382a13b_fb73628c540010c92375a5ccc7149abc.webp);
background-position: 50%;
background-size: cover;
align-items: center;
min-height: 100vh;
padding-top: 222px;
padding-bottom: 96px;
display: flex;
position: relative
}
.live-counter-inner {
width: 100%;
max-width: 1013px;
margin-left: auto;
margin-right: auto
}
.lc-header {
margin-top: 0;
margin-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 75px;
font-weight: 500;
line-height: 75px
}
.bg-text.italic {
color: var(--lightgreen);
font-family: "Lato", sans-serif;
font-style: italic
}
.countdown-wrapper {
justify-content: center;
width: 100%;
max-width: 658px;
margin-top: 70px;
margin-left: auto;
margin-right: auto;
display: flex
}
.countdown-item {
width: 25%;
padding-left: 5px;
padding-right: 5px
}
.counter-number {
font-family: "Lato", sans-serif;
font-size: 110px;
font-weight: 700;
line-height: 1
}
.counter-info {
font-family: "Lato", sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 33.6px
}
.lc-inside {
z-index: 1;
width: 100%;
position: relative
}
.lc-button {
margin-top: 202px
}
.overlay-bg {
background-color: #0003;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.overlay-bg.dark {
background-color: #0000004d;
border-radius: 10px
}
.theme-btn {
background-color: var(--lightgreenbg);
color: var(--greentext);
border-radius: 100px;
margin-top: 0;
padding: 15px 37px;
font-family: "Lato", sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 29.19px;
transition: all .5s
}
.theme-btn:hover {
background-color: var(--lightgreen);
color: var(--white)
}
.tb-flex {
align-items: center;
display: flex
}
.tb-text {
margin-right: 8px
}
.sticky-outer {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67b86e76c786e062fe33af8b_Rectangle%207.webp);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover
}
.cs-whatwedo-section {
background-color: #fff5e7;
min-height: auto;
padding-top: 144px;
padding-bottom: 523px;
position: relative;
overflow: hidden
}
.cs-whatwedo-left {
width: 50%;
padding-right: 20px
}
.cs-whatwedo-right {
width: 50%
}
.cswwd-title {
color: var(--greentext);
margin-top: 0;
margin-bottom: 50px;
font-family: "Lato", sans-serif;
font-size: 80px;
line-height: 75px
}
.italick-style {
font-family: "Lato", sans-serif;
font-weight: 400
}
.italick-style.light {
color: var(--lightgreen)
}
.italick-style.dark,
.italick-style.orange {
color: var(--lightgreen)
}
.cswwd-wrap {
max-width: 561px
}
.cswwd-intro {
color: var(--darkgreen);
letter-spacing: -.32px;
font-size: 24px;
line-height: 27.84px
}
.cswwd-text {
margin-top: 17px
}
.cswwd-text.last {
margin-top: 24px
}
.cswwdr-wrap {
width: 100%;
max-width: 412px;
margin-left: auto;
position: relative
}
.cswwdr-img {
width: 100%
}
.cswwdr-sticker {
position: absolute;
top: -47px;
left: 50%;
transform: translate(-50%)
}
.gravity-words {
align-items: flex-end;
width: 100%;
height: 100%;
margin-top: 0;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: absolute;
top: 0;
left: 0
}
.inner {
flex-flow: wrap;
align-items: flex-end;
width: 100%;
height: 100%;
display: flex;
position: absolute;
bottom: 0;
overflow: visible
}
.words {
z-index: 99999;
background-color: var(--lightgreen);
color: var(--greentext);
text-align: center;
border-radius: 200px;
padding: 16px;
font-family: "Lato", sans-serif;
font-size: 40px;
line-height: 1;
display: inline-block;
position: relative
}
.words.green {
background-color: var(--greentext);
color: var(--white)
}
.words.orange {
background-color: var(--lightgreen);
color: var(--white)
}
.words.dark {
background-color: var(--darkgreen);
color: var(--lightgreen)
}
.image-container {
background-color: #0000;
height: auto;
min-height: auto;
position: sticky;
top: 0;
overflow: hidden
}
.squeeze-image {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67adb69693d14162a76d0390_63804e48acc0282592ed5ce644964854.webp);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 10px;
align-items: flex-end;
width: 100%;
height: 100%;
min-height: 100vh;
padding-top: 100px;
padding-bottom: 100px;
display: flex
}
.section-61 {
min-height: 100vh
}
.squeeze-image-inner {
z-index: 1;
width: 100%;
position: relative
}
.squeeze-title {
width: 100%;
max-width: 800px;
margin-top: 0;
margin-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 120px;
line-height: 1
}
.get-notified-section {
background-color: var(--greentext);
color: var(--white);
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67b86e76c786e062fe33af8b_Rectangle%207.webp);
background-position: 50% 0;
background-size: cover;
padding-top: 120px;
padding-bottom: 148px;
position: relative;
overflow: hidden
}
.get-notified-header {
width: 100%;
max-width: 700px;
margin-bottom: 87px
}
.get-notified-title {
margin-top: 0;
margin-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 90px;
line-height: 1
}
.get-notified-inner {
z-index: 1;
position: relative
}
.get-notified-form-outer {
margin-top: 16px;
margin-bottom: 0
}
.success-message-6 {
background-color: var(--lightgreen);
color: var(--greentext);
border-radius: 200px;
padding-top: 10px;
padding-bottom: 10px;
font-family: "Lato", sans-serif;
font-size: 22px
}
.gn-form-input {
color: var(--white);
background-color: #0000;
border: 0 solid #000;
border-bottom: 1px solid #fff;
border-radius: 0;
height: auto;
min-height: auto;
margin-bottom: 28px;
padding: 20px 0;
font-size: 28px;
line-height: 1
}
.gn-form-input:hover,
.gn-form-input:focus {
border-bottom-color: var(--white)
}
.gn-form-input::placeholder {
color: var(--white)
}
.gn-submit {
text-align: center;
width: 100%;
margin-top: 94px
}
.gn-submit-btn {
border: 2px solid var(--lightgreen);
background-color: #0000;
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67b873d3196c5dd5b34be011_Arrow%202.svg);
background-position: 76%;
background-repeat: no-repeat;
background-size: 26px;
border-radius: 100px;
width: 100%;
max-width: 323px;
padding: 8px 20px;
font-family: "Lato", sans-serif;
font-size: 36px;
line-height: 43.78px;
transition: all .5s
}
.gn-submit-btn:hover {
border-color: var(--lightgreen);
background-color: var(--lightgreen);
color: #fffbf5;
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ad8a6babcfaacf162c4463_Arrow%201.svg)
}
.gn-icon {
position: absolute;
bottom: 0;
right: 120px
}
.lento-footer-section {
background-color: var(--darkgreen);
color: var(--white);
padding-top: 73px;
padding-bottom: 33px
}
.footer-top {
flex-flow: wrap;
display: flex
}
.footer-top-left {
width: 40%;
padding-right: 20px
}
.footer-top-right {
text-align: right;
width: 60%
}
.footertop-menu.short {
max-width: 128px;
margin-left: auto
}
.footertop-menu.short.full {
max-width: none;
line-height: 152%;
}
.footertop-menu.short.full p {
font-size: 18px;
max-width: 275px;
}
@media screen and (max-width:1200px) {
.footertop-menu.short.full p {
max-width: unset !important;
line-height: 150% !important;
}
.flogo-main.normal {
top: -25px;
}
}
.footertop-menu-item {
margin-bottom: 34px
}
.footertop-menu-item.short {
margin-bottom: 2px
}
.footertop-menu-link {
color: var(--white);
margin-top: 0;
font-size: 36px;
line-height: 1;
display: inline-block
}
.footertop-menu-link:hover {
color: var(--lightgreen)
}
.footertop-menu-link.short {
font-size: 24px;
line-height: 152%
}
.dfx {
align-items: center;
display: flex
}
.footer-email-item {
border-bottom: 1px solid var(--lightgreen);
color: var(--white);
margin-top: 0;
padding-bottom: 10px;
font-size: 36px;
line-height: 1.2
}
.footer-email-item:hover {
color: var(--lightgreen)
}
.footer-email-text {
margin-right: 17px
}
.footer-top-wrap {
margin-top: 80px
}
.footer-top-title {
font-family: "Lato", sans-serif;
font-size: 54px;
font-weight: 700;
line-height: 1.1
}
.ftt-span {
display: block
}
.footer-middle {
margin-top: 120px
}
.footer-logo-main {
width: 100%
}
.footer-logo-wrap {
position: relative
}
.turtle-icon {
width: 20%;
position: absolute;
top: 44%;
right: 2.5%
}
.footer-bottom {
border-top: 1px solid var(--lightgreen);
flex-flow: wrap-reverse;
align-items: center;
margin-top: 32px;
padding-top: 34px;
display: flex
}
.footer-bottom-left {
width: 50%;
padding-right: 10px
}
.footer-bottom-right {
text-align: right;
width: 50%
}
.fml-footer {
color: var(--white)
}
.fml-footer:hover {
color: var(--lightgreen);
}
.new-loader {
/* background-color: var(--greentext); */
color: var(--white);
text-align: center;
padding: 50px 20px;
}
.body-9 {
/* background-color: var(--body-background); */
color: var(--darkgreen);
font-family: "Lato", sans-serif;
font-size: 18px;
line-height: 122%
}
.website-header-section {
z-index: 555 !important;
width: 100%;
padding: 25px 0px;
transition: all .5s;
position: fixed;
top: 0;
left: 0;
}
.website-wrapper {
max-width: 1500px;
padding-left: 20px;
padding-right: 20px;
position: static;
z-index: 2;
}
.contact-hero-inner {
position: relative;
z-index: 2;
}
.website-wrapper.medium {
max-width: 1235px;
}
.h1-white-span {
text-align: right;
margin-top: 57px;
display: block;
margin-right: -85px;
}
.h1-green-span {
color: var(--lightgreen);
text-align: center;
margin-top: 135px;
font-family: "Philosopher", sans-serif;
font-weight: 400;
display: block;
position: relative;
top: -20px;
}
.website-wrapper.medium.ps {
position: static
}
.website-wrapper.old {
display: none
}
.website-header-inner {
justify-content: space-between;
align-items: center;
display: flex
}
.website-logo-wrap {
width: 15%;
}
.website-menu-wrap {
justify-content: space-between;
align-items: center;
width: 88%;
display: flex;
}
.website-logo-img {
width: 230px;
height: 60px;
transition: all .5s
}
.website-logo-img.scroll {
opacity: 0;
height: auto;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%)
}
.website-logo-link {
position: relative
}
.website-menu-main {
justify-content: center;
width: 87%;
display: flex
}
.website-menu-main.mobilemenu {
opacity: 0;
border-radius: 10px;
padding: 116px 65px 83px;
display: none
}
.website-menu-main.mob {
transition: all .5s
}
.website-menu-btn-wrap {
text-align: right;
width: 18%
}
.web-menu-link {
color: var(--white);
font-weight: 400;
transition: all .5s;
font-size: 21px;
display: none;
}
.web-menu-link:hover {
color: var(--lightgreen)
}
.web-menu-link.mob {
text-transform: lowercase;
margin-top: 0;
font-family: "Lato", sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 108%;
display: block
}
.web-menu-link.ss-link {
margin-top: 0;
font-family: "Lato", sans-serif;
font-size: 28px;
font-weight: 400;
line-height: 108%;
display: block
}
.web-menu-text {
color: var(--white);
font-size: 24px;
font-weight: 500
}
.web-menu-item {
margin-left: 24px;
margin-right: 24px;
padding-top: 30px;
padding-bottom: 30px
}
.web-menu-item.sm-exist {
position: relative
}
.web-menu-item.mob {
text-align: left;
border-bottom: .5px solid #c7d993;
width: 100%;
margin-bottom: 19px;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 19px
}
.web-menu-item.mob.last {
border-bottom-width: 0;
margin-bottom: 0;
padding-bottom: 0
}
.web-menu-item.mob.is-submenu {
cursor: pointer;
position: relative
}
.website-btn-icon {
width: 30px;
transition: all .5s
}
.website-btn-icon.scroll {
opacity: 0;
height: auto;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%)
}
.website-btn-icon.normal {
height: auto
}
.web-flex {
justify-content: flex-end;
align-items: center;
display: flex
}
.website-btn-text {
margin-right: 5px;
transition: all .5s;
font-weight: 400;
}
.website-btn-text.scroll {
opacity: 1;
position: relative;
top: 0;
left: auto;
right: 0
}
.website-btn-text.close {
opacity: 0;
position: absolute;
top: 0;
right: 0
}
.website-btn-link {
display: inline-block;
color: #fff;
font-weight: bold;
border-radius: 8px;
font-size: 18px;
margin-top: 30px;
margin-right: 30px;
cursor: pointer;
letter-spacing: 1px;
/* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); */
transition: transform 0.3s ease;
}
.website-btn-link:hover {
color: var(--lightgreen) !important;
}
.website-btn-link.scroll {
z-index: -1;
opacity: 0;
position: absolute;
top: 0;
right: 0
}
.website-btn-outer {
font-family: "Lato", sans-serif;
font-weight: 500;
position: relative
}
.website-hero-section {
z-index: 1;
background-color: #000000;
color: var(--white);
/* background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67ee7050a1067fbff0fed49a_Rectangle%202%20\(3\).webp); */
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: cover;
padding-top: 170px;
padding-bottom: 158px;
position: relative;
overflow: hidden
}
.website-hero-section.hide {
display: none
}
.website-hero-section.stk {
position: sticky;
top: -5%
}
.h1-title {
z-index: 1;
letter-spacing: -.32px;
margin-top: 0;
margin-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 150px;
font-weight: 900;
line-height: 106%;
position: relative
}
.h1-title.hero-main-title {
z-index: 2;
font-family: "Philosopher", sans-serif;
text-transform: uppercase;
opacity: 1 !important;
}
.h1-title.v2 {
color: #fff;
font-size: 80px;
font-weight: 700;
line-height: 113%
}
.h1-title.v2.short {
max-width: 600px
}
.h1-title.about-hero-title {
color: var(--body-background);
text-transform: lowercase;
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
font-size: 100px;
font-weight: 700;
font-family: "Philosopher", sans-serif;
text-transform: uppercase;
}
.h1-title.cus-hero-title {
max-width: 598px;
margin-left: 0;
margin-right: 0;
font-size: 100px;
font-weight: 700;
line-height: 100%;
font-family: "Philosopher", sans-serif;
text-transform: uppercase;
}
.h1-title.privacy-hero-title {
text-transform: lowercase;
margin-left: 0;
margin-right: 0;
font-size: 100px;
font-weight: 700;
line-height: 100%
}
.h1-title.error-title {
color: var(--greentext)
}
.h1-white-span {
text-align: right;
margin-top: 57px;
display: block
}
.web-hero-list {
width: 100%;
min-width: 190px;
max-width: 190px;
font-size: 18px;
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.web-hero-list.about-team-list-item-main {
color: #073c4c;
min-width: 190px;
max-width: 190px;
position: static;
transform: none
}
.web-hero-list.mob {
display: none
}
.web-hero-list-item {
margin-top: 31px
}
.web-hero-list-item.v2 {
margin-top: 61px
}
.web-hero-list-item.zero {
margin-top: 0
}
.web-video-outer {
z-index: 1;
aspect-ratio: 16/9;
width: 100%;
max-width: 672px;
padding-bottom: 0%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.web-video-outer.hide {
display: none
}
.web-video-code {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.arrow-show {
width: 26px;
height: auto;
position: absolute;
top: 17px;
left: 17px
}
.arrow-show.bottom {
inset: auto 17px 17px auto
}
.home-about-section {
background-color: var(--greentext);
color: var(--white);
padding-top: 80px;
padding-bottom: 80px;
line-height: 119%;
overflow: hidden
}
.home-about-section.dark-menu {
z-index: 1;
position: relative
}
.home-about-flex {
flex-flow: wrap;
display: flex
}
.home-about-flex.center {
align-items: center
}
.home-about-left {
width: 30%;
padding-right: 10px;
display: flex
}
.home-about-left.mob {
display: none
}
.home-about-right {
width: 70%
}
.home-about-left-wrap {
flex-flow: column wrap;
justify-content: space-between;
max-width: 260px;
display: flex
}
.home-about-right-wrap {
max-width: 800px
}
.home-about-intro {
margin-top: 10px;
display: block
}
.home-about-intro.mob {
display: none
}
.home-about-icon-wrap {
margin-top: 20px
}
.home-about-icon {
width: 198px;
height: auto
}
.h2-title {
margin-top: 0;
margin-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 70px;
line-height: 108%
}
.h2-title.green {
color: var(--greentext);
font-size: 70px
}
.h2-title.green.wwd-main-header {
letter-spacing: -.32px;
font-size: 50px;
margin-bottom: 35px !important;
}
.h2-title.green.short {
max-width: 345px
}
.h2-title.green.feedback-header {
text-align: center;
margin-bottom: 105px
}
.h2-title.green.upnext-header {
margin-bottom: 150px;
font-size: 120px;
line-height: 100%
}
.h2-title.green.process-journey-title {
text-align: right;
margin-left: 0;
font-size: 120px
}
.h2-title.green.featured-sec-title {
font-size: 110px
}
.h2-title.green.ab-team-title {
text-transform: lowercase;
font-size: 58px;
font-weight: 500;
line-height: 117%
}
.h2-title.green.manfiesto-title {
color: var(--body-background);
letter-spacing: -.32px;
margin-bottom: 216px;
font-size: 140px;
font-weight: 500
}
.h2-title.green.nocaps {
text-transform: lowercase
}
.h2-title.green.contact-popup-title {
font-size: 100px
}
.h2-title.green.lw {
text-transform: lowercase
}
.h2-title.our-work-title-main {
letter-spacing: -.32px;
margin-left: -5px;
font-size: 150px;
font-weight: 500;
line-height: 100%;
font-family: "Philosopher", sans-serif;
text-transform: uppercase;
margin: 20px 0px;
}
.h2-title.footer-left-title {
color: var(--white);
letter-spacing: -.32px;
max-width: 524px;
font-size: 70px;
font-weight: 700
}
.h2-title.short {
max-width: 665px;
}
.h2-title.process-header {
text-align: center;
margin-bottom: 175px
}
.h2-title.creativity-title {
color: var(--body-background);
text-transform: lowercase;
font-size: 100px;
line-height: 107%
}
.text-span-15 {
color: var(--lightgreen);
font-family: "Lato", sans-serif;
font-weight: 400;
display: block
}
.bold-text-32 {
display: block
}
.home-about-bottom {
margin-top: 196px
}
.home-about-bottom.more {
margin-top: 259px
}
.home-about-bottom-left {
align-items: center;
width: 30%;
padding-right: 10px;
display: flex;
position: relative
}
.home-about-bottom-left.light {
color: var(--darkgreen)
}
.home-about-bottom-right {
width: 70%
}
.home-about-trusted-title {
z-index: 2;
font-size: 20px;
line-height: 122%;
position: relative
}
.home-about-slider {
margin-left: -24.5px;
margin-right: -24.5px;
position: relative;
overflow: visible
}
.home-about-slide {
text-align: center;
width: 25%;
display: inline-block
}
.home-about-slide-logo {
height: auto
}
.home-about-slide-logo.small {
width: 60px
}
.home-about-slide-logo.filter {
filter: brightness(0%)
}
.green-overlay {
z-index: 1;
background-color: var(--greentext);
width: 1000%;
height: 100%;
position: absolute;
top: 0;
right: 16%
}
.green-overlay.light {
background-color: var(--body-background);
right: 100%
}
.green-overlay.disrupt-overlay {
background-color: var(--body-background);
transition: all 1s;
right: 0%
}
.algorithm-section {
z-index: 1;
background-color: var(--body-background);
text-align: center;
justify-content: center;
align-items: center;
padding-top: 212px;
padding-bottom: 273px;
display: flex;
position: relative;
overflow: hidden
}
.algorithm-inner {
max-width: 1272px;
margin-left: auto;
margin-right: auto
}
.algorithm-inner .h2-title,
.h2-title.green {
margin-bottom: 30px !important;
color: rgb(41, 42, 46) !important;
}
.algorithm-text {
max-width: 650px;
margin-top: 30px;
margin-left: auto;
margin-right: auto
}
.text-span-16 {
display: block
}
.bold-text-33 {
font-family: "Philosopher", sans-serif;
}
.mov__img {
z-index: 1;
object-fit: contain;
width: 100%;
min-width: 1px;
max-width: 208px;
height: auto;
position: relative
}
.website-wok-section {
background-color: var(--darkgreen);
color: var(--body-background);
padding: 80px 0px;
font-size: 20px;
line-height: 100%
}
.website-wok-section.dark-menu {
z-index: 1;
position: relative;
background-color: #000;
}
.text-span-17 {
color: var(--lightgreen);
font-family: "Philosopher", sans-serif;
font-weight: 500;
}
.web-work-intro {
width: 100%;
max-width: 499px;
margin-top: 30px;
font-size: 21px;
line-height: 122%
}
.web-work-lists-inner {
flex-flow: wrap;
display: flex
}
.web-work-list-item {
width: 48%;
margin-top: 126px;
margin-right: 4%
}
.web-work-list-item.second {
margin-top: -211px;
margin-right: 0%
}
.web-work-list-item.second.last {
margin-top: -70px
}
.web-work-list-item.more {
margin-top: 182px
}
.web-work-image-wrap {
padding-bottom: 70.25%;
position: relative;
overflow: hidden
}
.web-work-image-wrap.full {
padding-bottom: 129.2%
}
.web-work-content-inner {
margin-top: 28px
}
.web-work-short {
width: 100%;
max-width: 589px
}
.web-work-short.second {
max-width: 480px;
margin-left: auto
}
.web-work-short.second.short {
max-width: 425px
}
.web-work-img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.web-work-header-top {
border-bottom: .5px solid var(--body-background);
justify-content: space-between;
align-items: center;
padding-bottom: 10px;
display: flex
}
.web-work-header-title {
color: var(--body-background);
font-family: "Lato", sans-serif;
font-size: 36px;
font-weight: 500;
line-height: 115%
}
.web-work-header-title:hover {
color: var(--lightgreen)
}
.web-work-header-info {
color: var(--lightgreen);
padding-left: 10px
}
.web-work-tag-btn {
border: 1px solid var(--body-background);
color: var(--body-background);
border-radius: 200px;
margin-top: 22px;
margin-right: 18px;
padding: 6px 20px;
line-height: 110%;
transition: all .5s
}
.web-work-tag-btn:hover {
border-color: var(--lightgreen);
background-color: var(--lightgreen)
}
.web-work-btn-wrap {
text-align: center;
margin-top: 152px
}
.branding-btn-style {
border-style: solid;
border-width: 0 0 1.5px;
border-color: var(--light-green);
color: var(--white);
margin-top: 0;
padding-bottom: 8px;
font-family: "Lato", sans-serif;
font-weight: 500;
line-height: 122%;
transition: all .5s
}
.branding-btn-style:hover {
border-bottom-color: var(--lightgreen);
color: var(--lightgreen)
}
.branding-btn-style.dark {
color: var(--darkgreen);
border-bottom-width: 1.5px
}
.branding-btn-style.dark:hover {
border-width: 0 0 1.5px;
border-color: black black var(--lightgreen);
color: var(--lightgreen)
}
.branding-btn-style.dark.big {
font-size: 28px
}
.branding-btn-style.dark.expf-btn {
font-size: 18px
}
.branding-btn-style.nohover {
color: var(--body-background)
}
.branding-btn-style.limegreen:hover {
color: var(--lightgreen)
}
.branding-btn-style-flex {
align-items: center;
display: flex
}
.branding-btn-style-text.mob {
display: none
}
.branding-btn-style-arrow {
width: 21px;
height: auto;
margin-left: 7px
}
.branding-btn-style-arrow.exp {
width: 16px
}
.branding-btn-style-arrow.exp.mob {
display: none
}
.hidden-video {
opacity: 0;
width: 100%;
height: 100%;
transition: all .5s;
display: block;
position: absolute;
top: 0;
left: 0
}
.custom-cursor {
z-index: 999999;
background-color: var(--lightgreen);
pointer-events: auto;
color: var(--white-smoke);
text-align: center;
cursor: auto;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 130px;
height: 130px;
padding: 15px;
font-size: 20px;
display: none;
position: fixed;
top: 0;
left: 0
}
.website-marquee-section {
background-color: var(--greentext);
color: var(--body-background);
padding-top: 135px;
padding-bottom: 135px
}
.website-marquee-section.dark-menu {
z-index: 1;
position: relative;
overflow: hidden
}
.marquee-slide {
font-family: "Lato", sans-serif;
font-size: 180px;
font-weight: 500;
line-height: 100%;
display: inline-block
}
.marquee-dots {
background-color: var(--lightgreen);
border-radius: 50%;
width: 20px;
height: 20px
}
.marquee-texts.marquee-slide {
letter-spacing: -.32px;
white-space: normal;
font-size: 100px
}
.marquee-slide-outer {
white-space: nowrap;
width: 100%;
overflow: hidden
}
.marq-dot {
color: var(--lightgreen);
line-height: 100%;
display: inline-block;
position: relative;
top: 50%;
transform: translateY(-20%)
}
.website-what-we-do-section {
z-index: 1;
background-color: var(--body-background);
padding-top: 91px;
padding-bottom: 91px;
line-height: 139%;
position: relative;
overflow: hidden;
height: 100vh;
}
.web-what-we-do-main {
min-height: 100vh
}
.web-what-we-do-row {
flex-flow: wrap;
align-items: center;
padding-top: 0;
padding-bottom: 0;
display: flex
}
.web-what-we-do-contents {
width: 48%;
padding-right: 10px
}
.web-what-we-do-images {
width: 52%
}
.wwd-contents-wrap {
align-items: center;
display: flex
}
.wwd-image-wrap {
text-align: right;
margin-right: -48px
}
.wwd-list-main {
margin-top: 20px;
margin-bottom: 0;
padding-left: 30px
}
.wwd-info-main {
margin-top: 0
}
.wwd-line-main {
background-color: var(--greentext);
width: 3px;
height: 331px;
margin: 25px auto
}
.wwd-line-column {
justify-content: center;
display: flex
}
.image-113 {
width: 80%;
height: auto
}
.wwd-contents-column {
padding-left: 20px
}
.wwd-line-column-inner {
color: var(--greentext);
font-family: "Lato", sans-serif;
font-size: 40px;
line-height: 100%
}
.wwd-number.active {
color: var(--lightgreen)
}
.wwd-contents-block-main {
max-width: 368px;
margin-top: 20px;
font-size: 18px;
line-height: 120%
}
.wwd-contents-block-main.med {
max-width: 481px
}
.wwd-contents-block-main.full {
max-width: 489px
}
.wwd-contents-block-main.ex-full {
max-width: 382px
}
.text-span-18 {
font-family: "Lato", sans-serif;
font-weight: 400
}
.horizontal-track {
overflow: visible
}
.lento-way-section {
z-index: 1;
background-color: var(--body-background);
padding-top: 70px;
padding-bottom: 70px;
position: relative;
overflow: hidden
}
.h4-title {
color: var(--lightgreen);
margin-top: 0;
margin-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 38px;
font-weight: 500;
line-height: 100%
}
.h4-title.small {
color: var(--darkgreen);
text-transform: lowercase;
font-size: 32px;
line-height: 119%
}
.text-span-19 {
font-family: "Lato", sans-serif;
font-weight: 400
}
.lento-way-slider {
margin-top: 28px;
margin-left: -22px;
margin-right: -22px
}
.lento-way-slide {
width: 25%;
display: inline-block
}
.lento-way-slide-img {
height: auto
}
.lento-way-contents {
margin-top: 121px
}
.lento-way-intro {
max-width: 524px
}
.lento-way-btn-wrap {
margin-top: 79px
}
.div-block-187 {
position: relative
}
.our-approach-section {
background-color: var(--body-background);
padding-top: 207px;
padding-bottom: 207px;
line-height: 119%;
transition: all .5s
}
.our-approach-section.dark-menu {
z-index: 1;
position: relative
}
.our-approach-row {
flex-flow: wrap;
display: flex
}
.our-approach-left {
width: 40%;
padding-right: 20px
}
.our-approach-right {
width: 60%
}
.our-approach-headers {
margin-top: -30px
}
.our-approach-inside {
display: block
}
.text-block-113 {
max-width: 377px;
margin-top: 44px;
font-size: 22px
}
.text-span-20 {
font-family: "Lato", sans-serif;
font-weight: 400
}
.text-span-21 {
display: block
}
.approach-inside-icon {
width: 70px
}
.approach-inside-icon.ic {
width: 100px;
height: auto;
padding-left: 0;
padding-right: 0
}
.our-approach-row-inner {
border-bottom: .5px solid var(--greentext);
color: var(--greentext);
justify-content: space-between;
align-items: center;
width: 100%;
padding: 26px 20px;
font-family: "Lato", sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 108%;
display: flex;
position: relative
}
.our-approach-row-inner.first {
border-top: .5px solid var(--greentext);
width: 100%
}
.approach-inside-left {
z-index: 1;
align-items: center;
width: 80%;
padding-right: 10px;
display: flex;
position: relative
}
.approach-inside-right {
z-index: 1;
width: 20%;
transition: all .5s;
position: relative
}
.approach-numbering {
color: var(--lightgreen);
margin-right: 10px;
font-family: "Lato", sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 108%
}
.link-covering {
z-index: 1;
width: 100%;
height: 100%;
display: none;
position: absolute;
top: 0;
left: 0
}
.website-footer-section {
background-color: #000;
color: var(--body-background);
padding-top: 142px;
overflow: hidden
}
.footer-second-number {
margin-left: 35px;
}
.email-link {
margin-bottom: 5px;
}
.email-link a {
color: #ffffff;
line-height: 152%;
}
.email-link a:hover {
color: #ffa863;
}
.website-footer-top {
justify-content: space-between;
align-items: flex-start;
display: flex
}
.website-footer-bottom {
align-items: center;
margin-top: 267px;
display: flex
}
.website-footer-bottom.block {
border-top: .3px solid #fff;
margin-top: 78px;
padding-top: 20px;
display: block
}
.currentyear a:hover {
color: #ffffff;
}
.footer-column-left {
width: 45%;
padding-right: 10px
}
.footer-column-middle {
width: 30%;
padding-right: 10px;
font-size: 28px;
line-height: 152%
}
.footer-column-right {
width: 25%
}
.footer-column-right.full {
justify-content: space-between;
width: 15%;
display: flex
}
.footer-bottm-column-left {
width: 75%;
padding-right: 20px
}
.footer-bottm-column-left.full {
width: 100%;
padding-right: 0
}
.footer-bottm-column-left.full.rel {
position: relative
}
.footer-bottm-column-right {
width: 25%
}
.text-block-114 {
font-size: 88px
}
.ftlink {
color: var(--lightgreen);
font-family: "Lato", sans-serif;
font-weight: 400;
text-decoration: underline;
transition: all .5s
}
.ftlink:hover {
color: var(--white-smoke)
}
.footer-submit-link {
color: var(--body-background);
margin-top: 6px;
margin-bottom: 6px
}
.footer-submit-link.openform-btn.full {
font-size: 28px;
line-height: 152%
}
.footer-btn-arrow {
width: 26px;
height: auto
}
.footer-btn-flex {
align-items: center;
transition: all .5s;
display: flex;
color: #fff !important;
margin-top: 0px;
}
.footer-btn-flex:hover {
color: var(--lightgreen) !important;
}
.footer-btn-text {
margin-right: 8px;
font-size: 24px;
}
.footer-work-text.mail {
margin-top: 30px;
}
.footer-work-text.big {
font-size: 34px;
line-height: 152%
}
.footer-email {
color: var(--body-background);
transition: all .5s
}
.footer-email:hover {
color: var(--lightgreen)
}
.footer-email.mail {
color: var(--lightgreen);
font-size: 34px;
font-weight: 700
}
.footer-email.mail:hover {
color: var(--body-background)
}
.footer-middle-wrap {
max-width: 475px;
margin-left: auto
}
.footer-middle-wrap.left {
margin-left: 0
}
.flogo-main.normal {
z-index: 1;
position: relative;
top: 0;
left: 0
}
.flogo-main.normal.full {
width: 100%;
height: auto
}
.flogo-main.scroll {
opacity: 0;
transition: all .5s;
position: absolute;
top: -19px;
left: 0
}
.flogo-main.scroll.full {
width: 100%
}
.flogo-main.scroll.full.hide {
height: auto
}
.div-block-188 {
position: relative
}
.footer-ct {
line-height: 152%
}
.footer-ct.rb {
margin-bottom: 28px;
font-size: 16px;
display: none
}
.footer-ct.cp {
font-size: 16px;
display: none;
position: absolute;
bottom: 11%;
right: 7%
}
.footer-ct-link {
color: #ffffff80;
text-decoration: underline;
transition: all .5s
}
.footer-ct-link:hover {
color: var(--lightgreen)
}
.fbc-wrap {
max-width: 263px;
margin-left: auto
}
.fbc-wrap.flex {
justify-content: space-between;
align-items: center;
max-width: 100%;
margin-bottom: 40px;
font-size: 16px;
line-height: 152%;
display: flex
}
._wf-inside {
position: relative
}
.wff-right {
align-items: center;
display: flex;
position: relative
}
.div-block-189 {
position: sticky;
top: 0
}
.text-span-22 {
font-family: "Lato", sans-serif;
font-weight: 400
}
.div-block-190 {
position: sticky;
top: 0
}
.website-work-hero-section {
z-index: 1;
background-color: var(--body-background);
color: var(--023d3b);
padding-top: 172px;
padding-bottom: 87px;
font-size: 20px;
position: relative
}
.website-work-left {
width: 60%;
padding-right: 10px
}
.website-work-right {
width: 40%
}
.website-work-inner {
align-items: center;
display: flex
}
.text-span-23 {
color: var(--greentext);
font-weight: 400
}
.work-filter-dropdown {
border: 2px solid var(--light-green);
cursor: pointer;
border-radius: 100px;
margin-left: 12px;
padding: 4px 36px 4px 16px;
font-size: 20px;
font-weight: 500;
line-height: 122%;
transition: all .5s;
display: inline-block;
position: relative
}
.work-filter-dropdown:hover {
background-color: var(--light-green);
color: var(--white)
}
.work-filter-dropdown.service,
.work-filter-dropdown.industry {
font-size: 18px
}
.website-work-right-wrap {
justify-content: flex-end;
align-items: center;
display: flex
}
.work-filter-text {
color: #09292980;
margin-right: 4px;
font-size: 18px
}
.ww-list-item {
margin-top: 14px;
margin-left: 12px;
margin-right: 12px
}
.website-work-categories {
border-top: 0px solid var(--greentext);
border-bottom: 0px solid var(--greentext);
text-align: center;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
transition: all .3s
}
.website-work-categories.open {
margin-top: 62px
}
.website-work-industry {
border-top: 1px solid var(--greentext);
border-bottom: 1px solid var(--greentext);
padding-top: 50px;
padding-bottom: 50px
}
.ww-list-listing {
flex-flow: wrap;
justify-content: center;
display: flex
}
.cat-btn {
border: 2px solid var(--light-green);
color: var(--darkgreen);
border-radius: 100px;
margin-top: 0;
padding: 4px 22px;
font-size: 18px;
font-weight: 500;
transition: all .5s;
display: inline-block
}
.cat-btn:hover {
background-color: var(--light-green);
color: var(--white)
}
.website-work-cat {
border-top: 1px solid var(--greentext);
border-bottom: 1px solid var(--greentext);
padding-top: 50px;
padding-bottom: 50px
}
.work-listing-section {
z-index: 1;
background-color: #000;
padding-bottom: 381px;
position: relative
}
.work-post-item {
width: 88%;
margin-top: 200px
}
.work-post-item:first-child {
margin-top: 0
}
.work-post-item-wrap {
width: 100%;
max-width: 100%
}
.work-post-media {
padding-bottom: 56.25%;
position: relative;
}
/* Top-left L border */
.work-post-media::before {
content: '';
position: absolute;
top: 35px;
left: 35px;
width: 40px;
/* horizontal line length */
height: 40px;
/* vertical line length */
border-top: 3px solid var(--lightgreen);
/* thickness and color */
border-left: 3px solid var(--lightgreen);
box-sizing: border-box;
z-index: 10;
}
/* Bottom-right L border */
.work-post-media::after {
content: '';
position: absolute;
bottom: 25px;
right: 35px;
width: 40px;
/* horizontal line length */
height: 40px;
/* vertical line length */
border-bottom: 3px solid var(--lightgreen);
/* thickness and color */
border-right: 3px solid var(--lightgreen);
box-sizing: border-box;
z-index: 10;
}
.work-post-media.elrg {
padding-bottom: 100%
}
.work-post-media.elrg.shrt {
padding-bottom: 65.25%
}
.work-post-contents {
margin-top: 32px
}
.h3-title {
color: #ffffff;
margin-top: 0;
margin-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 31px;
font-weight: 700;
line-height: 122%;
transition: all .5s
}
.h3-title:hover {
color: var(--lightgreen)
}
.work-post-desc {
margin-top: 5px;
font-size: 24px;
line-height: 122%
}
.work-post-cat-list {
flex-flow: wrap;
display: flex;
display: none;
}
.work-post-cat-link {
color: var(--greentext);
margin-top: 0;
margin-right: 18px;
padding-right: 18px;
font-weight: 500;
line-height: 100%;
transition: all .5s;
display: inline-block;
position: relative
}
.work-post-cat-link:hover {
color: var(--lightgreen)
}
.work-post-cat-link.light {
color: var(--body-background)
}
.work-post-cat-link.light:hover {
color: var(--lightgreen)
}
.work-post-cat-list-wrap {
margin-top: 18px
}
.work-post-cat-list-wrap.light {
margin-top: 0;
padding-left: 10px;
padding-right: 10px
}
.work-post-cat-item {
margin-top: 10px
}
.work-post-title-link {
color: var(--darkgreen);
margin-top: 0
}
.work-post-media-img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.custom-cursor2 {
position: fixed
}
.menu-line-footer {
background-color: var(--white);
width: 1px;
height: 22px;
display: none
}
.dots-parent {
display: none
}
.back-work-link {
width: 1000%;
height: 100%;
margin-top: 0;
position: absolute;
top: 0;
left: 0
}
.hide {
display: none
}
.cs-hero-section {
z-index: 1;
background-color: var(--darkgreen);
color: var(--body-background);
padding-top: 196px;
padding-bottom: 150px;
line-height: 100%;
position: relative
}
.es-hero-contents {
border-top: .5px solid #c7d993;
flex-flow: wrap;
justify-content: space-between;
align-items: center;
margin-top: 187px;
padding-top: 35px;
font-size: 20px;
display: flex
}
.cs-hero-title {
color: var(--lightgreen);
letter-spacing: -.32px;
text-transform: lowercase;
font-family: "Lato", sans-serif;
font-size: 110px;
font-weight: 400;
line-height: 110%
}
.cs-hero-intro {
width: 100%;
max-width: 590px;
margin-top: 49px;
line-height: 119%
}
.es-hero-year {
justify-content: center;
align-items: center;
font-family: "Lato", sans-serif;
display: flex
}
.es-hero-header-wrap {
width: 100%;
max-width: 100%;
line-height: 110%
}
.empty-state-2 {
background-color: #0000;
padding-top: 0;
padding-bottom: 0
}
.cs-video-animation {
padding-bottom: 56.25%;
position: relative;
overflow: hidden
}
.cs-video-animation.dark-menu {
z-index: 1;
aspect-ratio: 16/9;
padding-bottom: 0%
}
.cs-video-full {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.the-delievery-section {
z-index: 1;
background-color: var(--body-background);
padding-top: 205px;
padding-bottom: 326px;
position: relative
}
.the-delievery-section.the-ask {
z-index: 1;
background-color: var(--body-background);
padding-top: 183px;
padding-bottom: 196px;
position: relative
}
.the-delievery-section.the-results {
padding-top: 216px;
padding-bottom: 220px
}
.text-span-24 {
font-family: "Lato", sans-serif;
font-weight: 400
}
.the-delievery-row {
margin-bottom: 245px;
display: flex
}
.the-delievery-row.mb {
margin-bottom: 0
}
.the-delievery-left {
align-items: center;
width: 34%;
padding-right: 20px;
display: block
}
.the-delievery-right {
width: 66%
}
.tdh-icon {
object-fit: contain;
width: 15px;
min-width: 15px;
margin-right: 10px
}
.change-text-anim {
color: var(--lightgray);
font-size: 32px;
font-weight: 500;
line-height: 117%
}
.the-delievery-headers {
align-items: center;
display: flex
}
.process-timeline-section {
background-color: var(--darkgreen);
color: var(--body-background);
padding-top: 155px;
padding-bottom: 312px
}
.process-timeline-section.dark-menu {
z-index: 1;
position: relative
}
.text-span-25 {
font-family: "Lato", sans-serif;
font-weight: 400
}
.process-row {
flex-flow: wrap;
display: flex
}
.process-column {
border-right: 0 solid #c7d993;
align-items: center;
width: 25%;
min-height: 538px;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: relative
}
.process-column.ps2 {
align-items: flex-start;
padding-top: 53px
}
.process-column.ps4 {
align-items: flex-end;
padding-bottom: 20px
}
.project-outcome-section {
z-index: 1;
background-color: var(--lightcream);
padding-top: 91px;
padding-bottom: 91px;
position: relative;
overflow: hidden
}
.project-outcome-section.hidenow {
display: none
}
.cs-feedback-section {
z-index: 1;
background-color: var(--lightgreen);
color: var(--body-background);
padding-top: 202px;
padding-bottom: 243px;
line-height: 141%;
position: relative;
overflow: hidden
}
.text-span-26 {
font-family: "Lato", sans-serif;
font-weight: 400
}
.feedback-box {
background-color: var(--023d3b);
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67fe27ba9605f9fb72c9daae_Rectangle%20683.webp);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 7px;
max-width: 1154px;
margin-left: auto;
margin-right: auto;
padding: 66px 100px;
position: relative
}
.feedback-contents {
color: var(--body-background);
font-family: "Lato", sans-serif;
font-size: 30px;
line-height: 141%
}
.feedback-details {
color: var(--lightgreen);
margin-top: 77px;
font-family: "Lato", sans-serif;
font-size: 24px;
line-height: 141%
}
.lime-quote {
width: 50px;
position: absolute;
top: 35px;
left: 35px
}
.tap-img {
width: 154px;
position: absolute;
top: -44px;
right: -50px
}
.tap-img.bottom {
inset: auto auto -44px -50px
}
.up-next-section {
z-index: 1;
background-color: var(--body-background);
padding-top: 262px;
padding-bottom: 254px;
position: relative
}
.text-span-27 {
font-family: "Lato", sans-serif;
font-weight: 400
}
.upnext-list-wrap,
.upnext-list-wrap._w-dyn-list.show {
display: block
}
.upnext-list {
display: none
}
.c-link_bottom {
margin-top: 51px;
padding-top: 0
}
.c-arrow {
cursor: pointer;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 42px;
height: 42px;
display: flex
}
.c-text-3 {
letter-spacing: 1px;
margin-top: 0;
margin-bottom: 0;
font-size: 1.1rem;
font-weight: 700;
line-height: 2.8rem
}
.c-text-2 {
margin-top: 0;
margin-bottom: 0;
font-size: 1.3rem;
font-weight: 300;
line-height: 2.8rem
}
.c-title_wrapper {
color: #36312b
}
.c-link_post {
width: 100%;
text-decoration: none
}
.c-link_post.cc-next {
margin-bottom: 0
}
.c-link_post.cc-prev {
display: none
}
.c-arrow_icon {
color: #d7a037;
display: inline-block
}
.c-arrow_icon.cc-prev {
transform: rotate(180deg)
}
.c-link_top {
text-transform: uppercase;
border-bottom: 1px solid #36312b14;
justify-content: space-between;
align-items: center;
padding-bottom: 15px;
display: flex
}
.c-link_post-img {
margin-bottom: 8px
}
.c-line {
background-color: #36312b;
width: 440px;
height: 2px;
position: absolute;
bottom: -64px;
left: -100%
}
.c-column.cc-left {
width: 100%;
min-width: 100%;
padding-right: 0%;
position: relative;
top: auto
}
.collection-list-wrapper-7 {
display: none
}
.back-btn-wrap {
margin-top: 168px
}
.back-btn-flxing {
align-items: center;
display: flex
}
.back-btn-ic-wrap {
width: 22px;
min-width: 22px;
margin-right: 6px
}
.back-btn-ic-wrap.mob {
display: none
}
.back-btn-link {
border-bottom: 1.5px solid var(--light-green);
color: var(--darkgreen);
margin-top: 0;
margin-bottom: 0;
padding-bottom: 5px;
font-family: "Lato", sans-serif;
font-size: 28px;
font-weight: 500;
transition: all .5s
}
.back-btn-link:hover {
color: var(--light-green)
}
.project-outcome-inner {
align-items: center;
display: block
}
.project-outcome-left {
width: 34%;
padding-right: 20px
}
.project-outcome-right {
width: 66%
}
.project-left-header {
width: 34%;
padding-right: 20px
}
.project-left-header.mob {
display: none
}
.text-span-28 {
font-family: "Lato", sans-serif;
font-weight: 400;
display: block
}
.c-link_bottom-2 {
padding-top: 24px
}
.collection-list-wrapper-8 {
display: none
}
.link-20 {
color: var(--greentext)
}
.timeline-project-list-item {
background-color: var(--lightcream);
align-items: center;
min-height: 100vh;
display: block
}
.timeline-project-industry {
color: var(--greentext);
margin-bottom: 20px;
font-size: 18px;
font-weight: 500;
line-height: 119%
}
.tmeline-media {
padding-bottom: 56.25%;
position: relative;
overflow: hidden
}
.image-114 {
object-fit: contain;
object-position: 0% 50%;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.timeline-contents {
width: 100%;
padding-left: 60px
}
.time-line-category {
margin-top: 20px;
font-size: 18px
}
.timeline-link {
width: 100%;
height: 100%;
margin-top: 0;
display: none;
position: absolute;
top: 0;
left: 0
}
.industry-hide {
display: none
}
.ind-link {
color: var(--greentext);
font-family: "Lato", sans-serif;
font-size: 38px;
font-weight: 500;
line-height: 119%;
text-decoration: none
}
.ind-link:hover {
color: var(--lightgreen)
}
.project-right-contents {
align-items: center;
width: 66%;
display: flex
}
.timeline-parent {
align-items: center;
display: flex
}
.process-name {
max-width: 190px;
font-size: 30px;
line-height: 134%
}
.process-wrap.first {
margin-top: 41px
}
.lime-line {
background-color: var(--lightgreen);
width: 1px;
height: 0%;
position: absolute;
top: 0;
right: 0
}
.cusror-img-wrap {
width: 100%;
min-width: auto;
max-width: 200px
}
.pr-number {
color: var(--lightgreen);
margin-bottom: 8px;
font-family: "Lato", sans-serif;
font-size: 36px;
font-style: italic
}
.website-service-hero-section {
z-index: 1;
background-color: var(--darkgreen);
color: var(--body-background);
padding-top: 231px;
padding-bottom: 308px;
position: relative;
overflow: hidden
}
.website-service-hero-row {
align-items: flex-end;
display: flex
}
.website-service-hero-contents {
z-index: 1;
width: 63%;
padding-right: 20px;
position: relative
}
.website-service-hero-images {
width: 27%
}
.wsc-wrap {
text-align: left
}
.wsi-wrap {
width: 100%;
min-width: 504px;
margin-top: 0;
margin-left: -159px;
position: relative;
top: 90px
}
.heading-88 {
font-size: 7.38em
}
.wsh-title {
text-align: center;
letter-spacing: -.32px;
margin: 0;
font-family: "Lato", sans-serif;
font-size: 95px;
font-weight: 700;
line-height: 113%
}
.wsh-intro {
max-width: 493px;
margin-top: 95px
}
.wsh-intro.short {
max-width: 415px
}
.wsh-intro.short.mob {
display: none
}
.wsh-name {
text-align: left
}
.changing-texts {
color: var(--lightgreen);
text-align: left;
font-family: "Lato", sans-serif;
font-weight: 400
}
.wsh-image {
z-index: 1;
border-radius: 5px;
position: relative
}
.wsh-sticker {
width: 147px;
position: absolute;
top: -40px;
left: 50%;
transform: translate(-50%)
}
.change-text-slider {
position: relative;
overflow: hidden
}
.creating-service-section {
z-index: 1;
background-color: var(--body-background);
padding-top: 134px;
padding-bottom: 134px;
position: relative
}
.creating-service-top {
border-bottom: 1px solid var(--darkgreen);
justify-content: space-between;
align-items: flex-end;
padding-bottom: 21px;
font-weight: 700;
display: flex
}
.creating-service-top.nm {
padding-bottom: 0
}
.cst-left {
padding-right: 20px
}
.cat-icon {
width: 52px
}
.cat-icon.large {
width: 78px
}
.cat-icon.inc {
width: 56px
}
.cat-icon.exf {
width: 69px
}
.cst-anim-text {
margin-top: 127px;
font-family: "Lato", sans-serif;
font-size: 58px;
font-weight: 500;
line-height: 117%
}
.cst-anim-text.short {
max-width: 1271px
}
.italic-text-2 {
font-family: "Lato", sans-serif;
font-style: italic
}
.cst-anim-text-wrap {
text-transform: lowercase
}
.creating-service-bottom {
flex-flow: wrap;
align-items: center;
margin-top: 153px;
display: flex
}
.csb-image {
width: 50%;
padding-right: 20px
}
.csb-contetns {
width: 50%
}
.csb-img-wrap {
border-radius: 5px;
width: 100%;
max-width: 560px;
padding-bottom: 105.5%;
position: relative;
overflow: hidden
}
.csb-img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.csb-contents-wrap {
width: 100%;
max-width: 504px;
margin-left: auto;
margin-right: auto;
line-height: 119%
}
.csb-btn-wrap {
margin-top: 80px
}
.what-we-deliver-section {
z-index: 1;
background-color: var(--body-background);
padding-top: 190px;
padding-bottom: 330px;
position: relative
}
.ww-deliver-row {
flex-flow: wrap;
align-items: flex-end;
display: flex;
position: relative
}
.ww-deliver-left {
width: 50%;
padding-right: 20px
}
.ww-deliver-right {
width: 50%
}
.text-span-29 {
font-family: "Lato", sans-serif;
font-weight: 400;
display: block
}
.ww-deliver-intro {
max-width: 483px;
margin-top: 39px;
line-height: 119%
}
.ww-deliver-right-wrap {
border-radius: 5px;
max-width: 557px;
margin-left: auto;
margin-right: auto;
padding-bottom: 105.5%;
position: relative;
overflow: hidden
}
.ww-deliver-right-img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.ww-deliver-lists {
border-top: .5px solid #000000;
max-width: 537px;
margin-top: 66px
}
.ww-deliver-list-item {
padding-top: 0;
padding-bottom: 0
}
.ww-deliver-list-item-link {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
pointer-events: auto;
color: var(--greentext);
cursor: auto;
border-bottom: .5px solid #000000;
margin-top: 0;
padding-top: 24px;
padding-bottom: 28px;
font-family: "Lato", sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 100%;
text-decoration: none;
display: block
}
.ww-deliver-list-item-contents {
align-items: center;
transition: all .5s;
display: flex
}
.ww-deliver-list-item-image {
border-radius: 5px;
width: 100%;
max-width: 408px;
display: none;
overflow: hidden
}
.ww-contents-number {
color: var(--lightgreen);
margin-right: 21px;
font-family: "Lato", sans-serif;
font-size: 20px;
font-weight: 400
}
.ww-deliver-list-item-image-img-wrap {
border-radius: 0;
height: 100%;
min-height: 494px;
max-height: 494px;
padding-bottom: 100%;
position: relative;
overflow: hidden
}
.ww-deliver-list-item-image-info {
background-color: var(--greentext);
color: var(--body-background);
padding: 21px
}
.ww-deliver-list-item-image-info.lightgreen {
background-color: var(--lightgreen);
color: var(--greentext)
}
.ww-deliver-list-item-image-info.darkgreen {
background-color: var(--darkgreen);
color: var(--body-background)
}
.ww-deliver-list-item-image-info.orange {
background-color: var(--lightgreen)
}
.ww-deliver-list-item-image-info.darkorange {
background-color: var(--darkorange)
}
.ww-deliver-list-item-image-img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.ww-deliver-list-item-image-row {
align-items: center;
display: flex
}
.ww-deliver-list-item-image-number {
color: var(--lightgreen);
margin-right: 32px;
font-family: "Lato", sans-serif;
font-weight: 400
}
.ww-deliver-list-item-image-number.light {
color: var(--body-background)
}
.ww-deliver-list-item-image-number.dark {
color: var(--darkgreen)
}
.ww-deliver-list-item-image-number.orange {
color: var(--lightgreen)
}
.ww-deliver-list-item-image-info-title {
text-transform: lowercase;
font-size: 32px;
line-height: 110%
}
.text-span-30 {
font-family: "Lato", sans-serif;
font-weight: 400;
display: block
}
.creativity-section {
background-color: var(--greentext);
color: var(--body-background);
padding-top: 176px;
padding-bottom: 358px
}
.creativity-section.dark-menu {
z-index: 1;
position: relative
}
.creativity-header {
max-width: 822px
}
.creativity-header.full {
max-width: 100%
}
.text-span-31 {
font-family: "Lato", sans-serif;
font-weight: 400
}
.creativity-row {
flex-flow: wrap;
justify-content: space-between;
margin-top: 0;
padding-top: 67px;
display: flex
}
.creativity-column {
width: auto;
margin-top: 87px;
padding-right: 20px
}
.creativity-column.last {
padding-right: 0
}
.creativity-content-wrap {
max-width: 328px;
margin-top: 39px
}
.creativity-content-wrap.short {
max-width: 283px
}
.creativity-content-wrap.exshort {
max-width: 321px
}
.ciw-icon-wrap {
border-bottom: .5px solid #c7d993;
width: 100%;
max-width: 246px;
min-height: 110px;
padding-bottom: 39px
}
.image-115 {
object-fit: contain;
width: 104px;
min-height: 100px;
max-height: 100px
}
.cretivity-column-title {
max-width: 214px;
margin-top: 0;
margin-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 116%
}
.cretivity-column-title.full {
max-width: 273px;
font-size: 30px
}
.cretivity-column-text {
margin-top: 27px;
line-height: 119%
}
.process-journey-section {
z-index: 1;
background-color: var(--body-background);
padding-top: 262px;
padding-bottom: 304px;
position: relative;
overflow: hidden
}
.process-journey-header {
margin-bottom: 262px
}
.text-span-32 {
font-family: "Lato", sans-serif;
font-weight: 400
}
.service-process-holder {
justify-content: center;
width: 100%;
height: auto;
min-height: 100vh;
display: flex;
position: static;
top: 0
}
.journey-process-wrap {
flex-flow: column;
width: 100%;
display: flex
}
.scroll-fixed {
width: 100%;
margin-top: 0;
position: relative
}
.scrollwhite-shape {
background-color: var(--lightgreen);
border-top-right-radius: 25rem;
border-bottom-right-radius: 25rem;
margin-top: 0
}
.step-scroll {
width: 100%;
height: 100%;
padding-top: 0;
display: flex;
position: relative;
overflow: hidden
}
.horizontal-scroll-wrap {
width: 100%;
margin-top: 0;
display: block;
position: relative
}
.scroll-card {
border: 1px solid #000000;
flex-flow: column;
justify-content: space-between;
min-width: 33.33%;
max-width: 33.33%;
min-height: 31.375rem;
padding: 70px 54px 61px;
display: flex
}
.step-count-no {
font-family: "Lato", sans-serif;
font-size: 36px;
line-height: 100%
}
.step-title-wrap {
color: var(--greentext);
font-family: "Lato", sans-serif;
font-size: 64px;
font-weight: 700;
line-height: 100%
}
.vertical-text {
text-transform: lowercase;
font-size: 48px
}
.text-span-33 {
display: block
}
.section-service-process-step {
min-height: auto;
padding-top: 0
}
.text-span-34 {
text-align: left;
display: block
}
.service-featured-section {
z-index: 1;
background-color: #f3ede4;
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/68025ab64c11d5e28ece2ea3_Rectangle%20627%20\(1\).webp);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
padding-top: 215px;
padding-bottom: 266px;
position: relative
}
.service-featured-header {
max-width: 823px
}
.text-span-35 {
font-family: "Lato", sans-serif;
font-weight: 400;
display: block
}
.service-featured-card-listing {
flex-flow: wrap;
margin-top: 124px;
display: flex
}
.sf-card {
width: 45%;
margin-top: 205px;
margin-right: 10%
}
.sf-card.last {
margin-top: 0;
margin-right: 0%
}
.sf-card-image {
border-radius: 10px;
padding-bottom: 100%;
position: relative;
overflow: hidden
}
.sf-card-image.ratio {
aspect-ratio: 16/9;
padding-bottom: 0%
}
.sf-card-img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.sf-card-contents {
margin-top: 36px
}
.sf-cat-outer {
margin-top: 5px
}
.all-services-section {
z-index: 1;
background-color: var(--body-background);
padding-top: 206px;
padding-bottom: 311px;
position: relative
}
.all-services-title {
margin-bottom: 21px;
font-weight: 700
}
.all-services-row {
border-top: 1px solid var(--darkgreen)
}
.all-services-link {
border-bottom: 1px solid var(--darkgreen);
color: var(--greentext);
justify-content: space-between;
align-items: center;
margin-top: 0;
padding-top: 36px;
padding-bottom: 50px;
font-family: "Lato", sans-serif;
font-size: 88px;
font-weight: 700;
line-height: 110%;
transition: all .5s;
display: flex
}
.all-services-link:hover {
padding-left: 3%
}
.text-block-115 {
font-weight: 700
}
.all-services-text {
padding-right: 10px
}
.all-services-arrow {
transition: all .5s
}
.work-with-us-section {
background-color: var(--greentext);
color: var(--body-background);
padding-top: 171px;
padding-bottom: 254px
}
.work-with-us-section.dark-menu {
z-index: 1;
position: relative
}
.work-with-us-section.dark-menu.hidenow {
display: none
}
.work-with-us-section.dark-menu.get {
z-index: 1;
position: relative
}
.work-with-us-inner {
justify-content: space-between;
align-items: center;
display: flex
}
.div-block-191 {
max-width: 450px
}
.div-block-191.full {
max-width: 510px
}
.div-block-191.full.ext {
max-width: 570px
}
.div-block-191.large {
width: 100%;
max-width: 680px
}
.text-span-36 {
color: var(--lightgreen);
font-family: "Lato", sans-serif;
font-weight: 400
}
.web-border-btn-icon {
width: 34px;
margin-left: 21px;
transition: all .5s
}
.web-border-btn-icon {
filter: invert(100%) brightness(200);
}
.web-border-btn {
border: 3px solid var(--lightgreen);
color: var(--body-background);
border-radius: 200px;
margin-top: 0;
padding: 18.5px 38px;
font-family: "Lato", sans-serif;
font-size: 26px;
font-weight: 500;
line-height: 122%;
transition: all .5s
}
.web-border-btn:hover {
border-color: var(--lightgreen);
background-color: var(--lightgreen);
color: var(--white)
}
.web-border-btn-flex {
align-items: center;
display: flex
}
.sf-btns {
text-align: center;
margin-top: 129px
}
.expertise-footer {
z-index: 9;
width: 100%;
transition: all .5s;
display: none;
position: fixed;
bottom: 0;
left: 0
}
.expertise-footer-icon {
width: 80px;
margin-right: 15px
}
.expertise-footer-row {
background-color: var(--body-background);
border-top-left-radius: 20px;
border-top-right-radius: 20px;
justify-content: space-between;
align-items: center;
padding: 20px;
display: flex;
box-shadow: 0 4px 5px 5px #00000026
}
.expertise-footer-contents {
align-items: center;
display: flex
}
.expertise-footer-info {
font-size: 18px
}
.about-hero-section {
z-index: 1;
background-color: #000;
color: var(--body-background);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding-top: 150px;
padding-bottom: 233px;
position: relative
}
.abput-hero-heading-wrap {
max-width: 1076px
}
.abput-hero-heading-wrap .split-text span {
color: var(--lightgreen) !important;
}
.abput-hero-heading-wrap .text-span-51 {
color: #fff !important;
font-weight: 700;
font-family: "Philosopher", sans-serif;
text-transform: uppercase;
}
.abput-hero-heading-wrap .split-text span {
font-weight: 700 !important;
margin-right: 0px !important;
text-transform: uppercase;
}
.text-span-37 {
color: var(--lightgreen);
font-weight: 400;
}
.about-hero-row {
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
min-height: 420px;
margin-top: 60px;
display: flex;
position: relative
}
.about-hero-images {
width: 100%;
max-width: 470px;
position: relative;
left: 0
}
.about-hero-contents {
width: 50%;
padding-left: 20px;
position: absolute;
right: 0
}
.abput-hero-scroll {
z-index: 9;
aspect-ratio: auto;
max-width: none;
padding-bottom: 100%;
position: relative;
overflow: visible;
}
.abput-hero-scroll-img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
max-width: 100%;
overflow: visible;
}
.about-hero-content-wrap {
/* max-width: 490px; */
margin-left: auto;
margin-right: auto
}
.about-hero-desc p {
font-size: 19px
}
.counter-section {
display: flex;
justify-content: center;
align-items: center;
gap: 60px;
margin-top: 50px;
text-align: center;
}
.counter-section .counter {
font-size: 48px;
font-weight: bold;
color: #fff;
}
.counter-section .plus {
font-size: 48px;
font-weight: bold;
color: #fff;
/* brand color (adjust as needed) */
}
.counter-section .counter-box p {
margin-top: 10px;
font-size: 18px;
color: #fff;
}
@media (max-width: 468px) {
.counter-section {
flex-direction: column;
}
}
.image-116 {
width: 147px;
position: absolute;
top: -40px;
left: 50%;
transform: translate(-50%);
display: none;
}
.spotlight-section {
z-index: 1;
background-color: var(--body-background);
align-items: center;
width: 100%;
min-height: auto;
padding-top: 10px;
padding-bottom: 50px;
display: block;
position: relative;
}
.spotlight-section .h2-title,
.h2-title.green {
margin-bottom: 200px;
}
.spotlight-inner {
min-height: 70vh;
z-index: 1;
justify-content: center;
align-items: center;
width: 100%;
padding-bottom: 60px;
display: flex;
position: sticky;
top: 0
}
.spotlight-heading-wrap {
text-align: center;
padding-left: 20px;
padding-right: 20px;
position: static;
top: 50vh
}
.text-span-38 {
display: block
}
/* Base styles */
.para-scroll {
position: absolute;
max-width: clamp(120px, 25vw, 320px);
/* keeps scaling */
z-index: 2;
}
.para-scroll img {
width: 100%;
height: auto;
display: block;
object-fit: contain;
}
/* Specific element positioning */
.para-scroll.first {
top: -20%;
left: 0;
max-width: clamp(140px, 22vw, 450px);
}
.para-scroll.second {
top: -12%;
right: 0;
left: auto;
max-width: clamp(180px, 28vw, 525px);
}
.para-scroll.third {
bottom: 25%;
left: 0;
top: auto;
max-width: clamp(160px, 26vw, 525px);
}
.para-scroll.fourth {
bottom: 22%;
left: 35%;
top: auto;
max-width: clamp(90px, 12vw, 176px);
display: none;
/* stays hidden unless you want it */
}
.para-scroll.fifth {
right: 0;
bottom: -5%;
left: auto;
top: auto;
max-width: clamp(120px, 20vw, 425px);
}
/* Responsive adjustments */
@media (max-width: 1024px) {
.para-scroll.first {
top: -15%;
max-width: 200px;
}
.para-scroll.second {
top: -10%;
max-width: 280px;
}
.para-scroll.third {
bottom: 20%;
max-width: 260px;
}
.para-scroll.fifth {
bottom: -2%;
max-width: 200px;
}
}
@media (max-width: 768px) {
.para-scroll.first {
top: -10%;
max-width: 160px;
}
.para-scroll.second {
top: -8%;
max-width: 200px;
}
.para-scroll.third {
bottom: 18%;
max-width: 200px;
}
.para-scroll.fifth {
bottom: 0;
max-width: 160px;
}
}
/* @media (max-width: 480px) {
.para-scroll.first,
.para-scroll.second,
.para-scroll.third,
.para-scroll.fifth {
max-width: 45%;
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
margin: 10px auto;
}
.para-scroll.fourth {
display: none;
}
.vr-scroller,
.parallax-scroll-vidion {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 15px;
}
} */
.parallax-scroll-vidion {
width: 100%;
min-height: 100vh;
}
.built-title-2 {
font-size: 82px;
font-weight: 400;
line-height: 89.36px
}
.image-117 {
width: 100%
}
.text-block-116 {
font-size: 22px
}
.script-behind-2 {
color: #292b2d;
font-size: 160px;
line-height: 1
}
.script-behind-2.hide {
display: none
}
.vr-scroller {
z-index: 1;
width: 100%;
max-width: 1389px;
height: auto;
min-height: 100vh;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
position: relative
}
.disrupt-value-section {
z-index: 1;
background-color: var(--body-background);
color: var(--greentext);
padding-top: 221px;
padding-bottom: 288px;
transition: all 1s;
position: relative;
overflow: hidden
}
.text-span-40 {
font-family: "Lato", sans-serif;
font-weight: 400
}
.disrupt-value-row {
flex-flow: wrap;
margin-top: 171px;
display: flex
}
.disrupt-value-left {
width: 50%;
padding-right: 20px
}
.disrupt-value-right {
width: 50%
}
.disrupt-value-wrap {
max-width: 424px
}
.disrupt-value-img-wrap {
max-width: 392px;
margin-top: 94px;
padding-bottom: 105%;
position: relative;
overflow: hidden
}
.disrupt-value-img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.disrupt-value-right-wrap {
border-top: .5px solid #000000;
max-width: 680px;
margin-left: auto
}
.disrupt-value-right-contents {
text-transform: lowercase;
border-bottom: .5px solid #000000;
align-items: center;
padding-top: 55px;
padding-bottom: 58px;
font-family: "Lato", sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 100%;
display: flex
}
.disrupt-value-right-number {
color: var(--lightgreen);
margin-right: 10px;
font-family: "Lato", sans-serif;
font-size: 20px;
font-weight: 400
}
.disrupt-value-right-text {
text-transform: none;
text-decoration: none
}
.about-team-section {
z-index: 1;
background-color: var(--body-background);
padding-top: 157px;
padding-bottom: 223px;
position: relative
}
.text-block-117 {
margin-top: 152px;
font-size: 24px
}
.about-team-header-wrap {
max-width: 1271px;
margin-top: 152px
}
.text-span-41 {
font-family: Ppeditorialnew, Arial, sans-serif;
font-weight: 400
}
.about-team-outer {
margin-top: 236px
}
.timezoneclock-block {
font-size: 20px;
display: flex
}
.au-timzonecard {
flex-flow: column;
display: flex
}
.newzland-timzonecard {
text-transform: uppercase;
line-height: 120%
}
.about-team-list-wrap.cp-hide {
display: none
}
.about-team-list-main {
grid-column-gap: 12.5rem;
grid-row-gap: 12.5rem;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-left: 0;
margin-right: 0;
display: block
}
.about-team-list-item-main {
color: var(--greentext);
width: 33.33%;
margin-bottom: 117px;
padding-left: 0;
padding-right: 0;
font-family: "Lato", sans-serif;
line-height: 141%
}
.about-team-list-short {
max-width: 100%
}
.about-team-media {
border-radius: 5px;
padding-bottom: 132%;
position: relative;
overflow: hidden
}
.about-team-img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.about-team-contents {
margin-top: 26.8px
}
.tema-member-name {
font-weight: 700
}
.country-circle {
color: var(--lightgreen);
text-transform: uppercase;
background-color: #073c4c;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 51px;
height: 51px;
margin-right: 11px;
font-family: "Lato", sans-serif;
font-size: 20px;
display: flex;
position: absolute;
top: 21px;
right: 12px
}
.country-circle:last-child {
margin-right: 0
}
.collection-list-wrapper-9 {
z-index: 9;
position: absolute;
top: 23px;
right: 12px
}
.timezone-display {
writing-mode: vertical-lr;
margin-bottom: 0;
transform: rotate(180deg)
}
.timezone-display.time {
text-transform: uppercase;
margin-bottom: 10px;
font-size: 40px;
font-weight: 700
}
.timezone-card {
color: #073c4c;
flex-flow: column;
line-height: 120%;
display: flex
}
.timezone-card.about-team-list-item-main {
align-items: flex-start;
display: none
}
.timezone-dynamic {
writing-mode: vertical-lr;
min-height: 224px;
margin-bottom: 10px;
font-size: 40px;
font-weight: 700;
transform: rotate(180deg)
}
.timezone-intro {
color: #073c4c;
font-size: 20px
}
.timezone-desc {
writing-mode: vertical-lr;
font-size: 20px;
line-height: 120%;
transform: rotate(180deg)
}
.our-manfiesto-section {
background-color: #000;
color: var(--white);
padding-bottom: 250px;
}
.our-manfiesto-section.dark-menu {
z-index: 1;
position: relative
}
.text-span-42 {
color: var(--lightgreen);
font-family: "Lato", sans-serif;
font-weight: 400
}
.manfiesto-two-col-row {
flex-flow: wrap;
align-items: center;
margin-top: 0;
margin-bottom: 285px;
display: flex
}
.manfiesto-two-col-row.reverse {
flex-flow: row-reverse wrap
}
.manfiesto-contents {
width: 60%;
padding-left: 0;
padding-right: 20px;
font-size: 32px;
line-height: 117%
}
.manfiesto-contents.reverse {
padding-left: 20px;
padding-right: 0
}
.manfiesto-img-wrap {
width: 40%
}
.manfiesto-image-outer {
max-width: 426px;
margin-left: auto;
margin-right: 0;
padding-bottom: 102%;
position: relative;
overflow: hidden
}
.manfiesto-image-outer.reverse {
margin-left: 0
}
.image-119 {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.manfiesto-contents-wrap {
max-width: 637px
}
.manfiesto-contents-wrap.reverse {
max-width: 510px;
}
.manfiesto-contents-wrap.mlft {
max-width: 490px
}
.manfiesto-text {
font-size: 24px
}
.manfiesto-bottom-contents {
text-align: center;
max-width: 1081px;
margin-top: 65px;
margin-left: auto;
margin-right: auto;
font-size: 32px;
line-height: 117%
}
.manfiesto-bottom-img-wrap {
margin-top: 248px;
padding-bottom: 51%;
position: relative;
overflow: hidden
}
.manfiesto-bottom-img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.manfiesto-bottom-contents-wrap {
max-width: 720px;
margin-left: auto;
margin-right: auto
}
.manfiesto-bottom-text {
font-size: 24px
}
.manfiesto-next-contents {
color: #696969;
max-width: 500px;
margin-top: 248px;
margin-left: auto;
margin-right: auto
}
.text-span-43 {
color: var(--body-background)
}
.manfiesto-next-text {
font-size: 24px
}
.tunes-section {
z-index: 1;
background-color: var(--lightcream);
padding-top: 178px;
padding-bottom: 220px;
position: relative
}
.tunes-inner {
max-width: 100%
}
.text-span-44 {
display: block
}
.text-span-45 {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/68065beaa0744c5887294458_Layer_1%20\(2\).webp);
background-position: 100%;
background-repeat: no-repeat;
background-size: 69px;
padding-right: 82px;
font-family: "Lato", sans-serif;
font-weight: 400;
display: inline-block;
position: relative
}
.tunes-code {
margin-top: 109px
}
.manfiesto-bottom-overlay {
opacity: .2;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.tunes-btn-wrap {
text-align: center;
margin-top: 114px
}
.site-faq-section {
z-index: 1;
background-color: var(--body-background);
padding-top: 199px;
padding-bottom: 248px;
position: relative
}
.site-faq-flex {
flex-flow: wrap;
display: flex
}
.site-faq-left {
width: 45%;
padding-right: 20px
}
.site-faq-right {
width: 55%
}
.site-faq-right-wrap {
border-top: .5px solid #000000;
width: 100%;
max-width: 680px;
margin-left: auto
}
.faq-block {
border-bottom: .5px solid #000000;
padding-top: 37px;
padding-bottom: 0
}
.faq-heading {
color: var(--greentext);
cursor: pointer;
justify-content: space-between;
align-items: center;
font-family: "Lato", sans-serif;
font-size: 32px;
font-weight: 500;
display: flex
}
.faq-headng-text {
padding-right: 40px;
line-height: 122%
}
.plus-btn {
width: 30px;
min-width: 30px;
height: 30px;
min-height: 30px;
position: relative
}
.plusline {
background-color: var(--lightgreen);
width: 100%;
height: 2px;
transition: all .5s;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%)
}
.plusline.cross {
transform: translateY(-50%)rotate(90deg)
}
.faq-hide {
max-width: 579px;
padding-bottom: 37px;
line-height: 119%
}
.faq-hide-contene-main {
margin-top: 40px
}
.text-span-46 {
font-family: "Lato", sans-serif;
font-weight: 400;
display: block
}
.contact-hero-section {
z-index: 1;
background-color: #000;
color: var(--body-background);
/* background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/6808f1a13b579d178cec525a_Rectangle%20610%20\(1\).webp); */
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
min-height: 100vh;
padding-top: 207px;
padding-bottom: 273px;
line-height: 119%;
position: relative;
overflow: hidden;
}
/* Animated Background SVG */
.animated-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
pointer-events: none;
/* Ensures SVG doesn't interfere with clicks */
}
.contact-hero-left-contents {
padding-right: 20px
}
.contact-hero-right-image {
width: 30%;
}
.chl-wrap {
width: 100%;
max-width: 760px
}
.chr-wrap {
max-width: 413px;
margin-left: auto;
padding-bottom: 145%;
position: relative;
overflow: hidden
}
.chr-wrap.mob {
display: none
}
.text-span-48 {
color: var(--lightgreen);
font-family: "Philosopher", sans-serif;
font-weight: 400
}
.image-120 {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.text-block-118 {
width: 100%;
max-width: 490px;
margin-top: 45px
}
.cuh-btn {
margin-top: 62px
}
.contact-popup-section {
color: var(--darkgreen);
padding-left: 1.875rem;
padding-right: 1.875rem
}
.contact-popup-section.div-hide {
display: none
}
.contact-popup-inner {
background-color: var(--body-background);
border-radius: 20px;
padding: 131px 50px 172px;
position: relative;
box-shadow: 0 4px 12px 5px #00000026
}
.contact-popup-main {
max-width: 1263px;
margin-left: auto;
margin-right: auto
}
.contact-popup-header {
border-bottom: 1px solid #c7d993;
padding-bottom: 40px
}
.contact-popup-desc {
max-width: 830px;
margin-top: 20px
}
.text-span-49 {
font-family: "Lato", sans-serif;
font-weight: 400
}
.cp-close {
background-color: var(--lightgreen);
cursor: pointer;
border-radius: 50%;
width: 54px;
height: 54px;
position: absolute;
top: 77px;
right: 65px
}
.cp-line {
background-color: var(--greentext);
width: 31px;
height: 3px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)rotate(45deg)
}
.cp-line.cross {
transform: translate(-50%, -50%)rotate(-45deg)
}
.contact-mendatory-desc {
color: var(--lightgreen);
margin-top: 40px;
font-family: "Lato", sans-serif;
font-weight: 400
}
.contact-main-form-outer {
margin-top: 64px
}
.cf-label {
color: var(--greentext);
margin-bottom: 16px;
font-family: "Lato", sans-serif;
font-size: 20px;
line-height: 133%
}
.cf-label.full {
width: 100%
}
.cf-input {
color: var(--darkgreen);
background-color: #0000;
border: 0 solid #000;
border-bottom: 1px solid #c7d993;
border-radius: 0;
height: auto;
margin-bottom: 64px;
padding: 0 0 23px;
font-family: "Lato", sans-serif;
font-size: 20px;
line-height: 133%
}
.cf-input:hover,
.cf-input:focus {
border-bottom-color: #c7d993
}
.cf-input.v2 {
resize: none;
border-width: 1px;
border-color: #c7d993;
border-radius: 5px;
min-height: 288px;
padding: 10px
}
.mendatory-bar {
color: var(--lightgreen)
}
.cf-form-row {
flex-flow: wrap;
display: flex
}
.cf-form-row.border {
border-bottom: 1px solid #c7d993;
margin-bottom: 64px;
padding-bottom: 52px
}
.cf-form-row.ads {
margin-bottom: 64px
}
.cf-form-column {
width: 45%;
margin-right: 10%
}
.cf-form-column.last {
margin-right: 0%
}
.cf-help-text {
color: #09292980;
width: 100%;
margin-bottom: 45px;
font-size: 20px;
line-height: 133%
}
.range-embeded {
color: #09292980;
width: 100%;
font-size: 20px
}
.file-embeded {
width: 100%;
font-size: 20px
}
.cf-submit-wrap {
margin-top: 67px
}
.cf-submit {
background-color: var(--lightgreen);
color: var(--greentext);
text-align: center;
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/680a0428dbc5ba429ab79de2_Arrow%201%20\(5\).webp);
background-position: 58%;
background-repeat: no-repeat;
background-size: 24px;
border: 0 solid #000;
border-radius: 200px;
width: 100%;
padding-top: 21.5px;
padding-bottom: 21.5px;
font-family: "Lato", sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 122%;
transition: all .5s
}
.cf-submit:hover {
background-color: var(--greentext);
color: var(--white)
}
.success-message-7 {
background-color: var(--lightgreen);
color: var(--greentext);
border-radius: 200px;
font-weight: 500
}
.code-embed {
display: none
}
.italic-text-3 {
font-family: "Lato", sans-serif;
font-weight: 400
}
.bold-text-34 {
display: block
}
.rive {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.submenu-main {
z-index: 9999;
background-color: var(--greentext);
color: var(--white);
width: 100%;
padding-top: 104px;
padding-bottom: 104px;
display: none;
position: absolute;
top: 100%;
left: 0
}
.submenu-main.hiding {
display: block
}
.submenu-div {
justify-content: center;
width: 25%;
padding-left: 20px;
padding-right: 20px;
display: block;
position: relative
}
.submenu-div.center {
display: flex
}
.submenu-div.end {
justify-content: flex-end;
display: flex
}
.submenu-row {
max-width: 1380px;
margin-left: auto;
margin-right: auto;
display: flex
}
.submenu-text-wrap {
margin-top: 35px;
font-size: 20px;
line-height: 119%
}
.submenu-icon {
object-fit: contain;
width: 69px;
height: 62px
}
.submenu-header {
font-family: "Lato", sans-serif;
font-size: 28px;
font-weight: 700;
line-height: 108%;
transition: all .5s
}
.submenu-intro {
max-width: 100%;
margin-top: 12px;
transition: all .5s
}
.submenu-line {
background-color: var(--lightgreen);
width: .5px;
height: 100%;
position: absolute;
top: 0;
right: 0
}
.submenu-link {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.submenu-side-list {
border-top: .5px solid #c7d993;
width: 100%;
margin-top: 19px;
padding-top: 10px;
display: none
}
.submenu-side-item {
width: 100%;
margin-top: 14px
}
.privacy-hero-section {
z-index: 1;
color: var(--body-background);
text-align: center;
background-color: #000000;
background-image: url("https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/6815c95b09df4d5e662054a5_Rectangle%20610%20(1)%20(1).webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding-top: 225px;
padding-bottom: 225px;
position: relative
}
.privacy-inside {
position: relative
}
.privacy-header-wrap {
z-index: 1;
max-width: 450px;
margin-left: auto;
margin-right: auto;
position: relative
}
.text-span-50 {
font-family: "Lato", sans-serif;
font-weight: 400
}
.privacy-icon-wrap {
justify-content: space-between;
width: 85%;
display: flex;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.privacy-icon-main {
object-fit: contain;
width: 87px
}
.privacy-content-section {
z-index: 1;
background-color: var(--body-background);
color: var(--darkgreen);
padding-top: 172px;
padding-bottom: 338px;
font-size: 20px;
line-height: 110%;
position: relative
}
.privacy-content-inside {
max-width: 864px;
margin-left: auto;
margin-right: auto
}
.privacy-content-box {
margin-bottom: 81px
}
.heading-89 {
color: var(--greentext);
font-size: 36em
}
.privacy-content-title {
color: var(--greentext);
letter-spacing: -.48px;
font-family: "Lato", sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 100%
}
.privacy-content-intro {
margin-top: 28px
}
.privacy-content-intro.bold {
color: var(--greentext);
margin-top: 81px;
font-weight: 700
}
.privacy-list-text {
color: var(--darkgreen);
margin-top: 28px;
margin-bottom: 28px;
padding-left: 20px
}
.privacy-list-item {
margin-top: 5px
}
.link-21 {
color: var(--darkgreen)
}
.fs-cc_title {
margin-bottom: 0;
font-family: "Lato", sans-serif;
font-size: 28px;
font-weight: 700;
line-height: 100%
}
.cookisbanner-main {
flex: 1;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: block;
position: relative
}
.fs-cc_button {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
color: #fff;
text-align: center;
background-color: #0000;
border: 1px solid #c7d993;
border-radius: 20px;
justify-content: center;
align-items: center;
min-width: 163px;
margin-top: 0;
padding: 8px 1rem;
font-size: 18px;
font-weight: 500;
line-height: 100%;
transition: all .5s;
display: inline-flex
}
.fs-cc_button:hover {
background-color: var(--lightgreen);
color: #073c4c;
font-weight: 700
}
.fs-cc_button.is-secondary {
border: 1px solid var(--greentext);
background-color: var(--greentext);
color: var(--body-background)
}
.fs-cc_button.is-secondary:hover {
background-color: var(--greentext);
font-weight: 500
}
.fs-cc_button.all {
background-color: var(--lightgreen);
color: #073c4c;
font-weight: 700
}
.fs-cc_button.all:hover {
color: var(--body-background);
background-color: #0000
}
.fs-cc_button.changes {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
text-transform: uppercase;
border-width: 0;
border-left-color: #c7d993;
border-radius: 0;
min-width: auto;
padding: 7px 0 7px 1rem;
font-family: "Lato", sans-serif;
font-size: .75rem;
font-weight: 400
}
.fs-cc_button.changes:hover {
color: var(--lightgreen);
background-color: #0000
}
.fs-cc_button.changes.first {
border-left-width: 0
}
.fs-cc_button.changes.last {
padding-right: 0
}
.fs-cc_button.cls {
background-color: var(--lightgreen);
color: var(--greentext)
}
.fs-cc_button.cls:hover {
font-weight: 500
}
.fs-cc_modal {
background-color: var(--greentext);
color: var(--body-background);
border: 0 solid #c7d993;
border-radius: 10px;
flex-direction: column;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
font-size: .9375rem;
line-height: 1.4;
display: flex;
position: relative;
overflow: hidden
}
.fs-cc_checkbox {
cursor: pointer;
margin-top: 0;
margin-bottom: 0;
padding-left: 1.75rem;
transition: color .15s cubic-bezier(.25, .46, .45, .94)
}
.fs-cc_checkbox.is--not-allowed {
cursor: not-allowed
}
.fs-cc_form {
margin-bottom: 0
}
.fs-cc_close-button {
z-index: 5;
cursor: pointer;
background-color: #0000;
justify-content: center;
align-items: center;
width: 12px;
height: 12px;
margin: 17px 17px 0 auto;
display: flex;
position: absolute;
top: 0;
right: 0
}
.fs-cc_close-button.hide {
display: none
}
.fs-cc_link {
color: var(--lightgreen);
text-decoration: underline
}
.cookie-preference_background {
opacity: 1;
cursor: pointer;
background-color: #0003;
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.fs-cc_screen-reader-only {
width: 1px;
height: 1px;
margin: -1px;
position: absolute;
overflow: hidden
}
.fs-cc_checkbox-label {
cursor: pointer;
margin-bottom: .25rem;
font-size: .9375rem;
font-weight: 600
}
.fs-cc_preference-buttons {
z-index: 1;
grid-column-gap: .75rem;
grid-row-gap: .75rem;
background-color: #f8f8f8;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
margin-bottom: -1.5rem;
margin-left: -1.5rem;
margin-right: -1.5rem;
padding: 1.5rem;
display: flex;
position: sticky;
bottom: -2rem
}
.fs-cc_preference-component {
z-index: 9525;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: none;
position: fixed;
inset: 0%
}
.fs-cc_modal-buttons {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
background-color: var(--greentext);
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
padding: .7rem 1rem;
display: flex
}
.fs-cc_checkbox-description {
cursor: pointer;
font-size: .875rem;
font-weight: 400
}
.fs-cc_preferences {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
padding-top: 2rem;
padding-bottom: 2rem;
display: flex
}
.fs_cc-modal-content {
padding: 29px 23px 13.5px
}
.fs-cc_close-button-line {
background-color: var(--body-background);
width: 1rem;
height: 2px;
position: absolute;
transform: rotate(-45deg)
}
.fs-cc_close-button-line.is-2nd {
transform: rotate(45deg)
}
.fs-cc_cookie-component {
z-index: 9500;
width: 100%;
max-width: 460px;
display: flex
}
.fs-cc_description {
margin-top: 10px;
font-size: 18px;
line-height: 119%
}
.fs-cc_checkbox-button {
float: left;
border: 1px solid var(--lightgreen);
border-radius: .125rem;
width: 1.25rem;
height: 1.25rem;
margin-top: 0;
margin-left: -1.75rem;
transition: background-color .2s cubic-bezier(.25, .46, .45, .94)
}
.fs-cc_checkbox-button.w--redirected-checked {
background-color: #146ef5;
background-image: none;
background-position: 50%;
background-repeat: no-repeat;
background-size: .625rem;
border: 1px solid #146ef5
}
.fs-cc_checkbox-button.w--redirected-focus {
box-shadow: none
}
.fs-cc_checkbox-button.is-required {
border-color: var(--lightgreen);
background-color: var(--lightgreen);
cursor: not-allowed;
background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
background-position: 45%;
background-repeat: no-repeat;
background-size: .625rem
}
.fs-cc_custom-code {
display: none
}
.cookie-preference_wrapper {
z-index: 1;
width: 95%;
max-width: 700px;
max-height: 100%;
padding: 2rem;
position: relative;
overflow: auto
}
.text-span-51 {
color: var(--lightgreen);
font-family: "Lato", sans-serif;
font-weight: 400
}
.header-overlay {
opacity: 0;
transition: all .5s
}
.dropdown-submenu {
background-color: var(--lightcream);
border: .2px solid #c7d993;
border-radius: 10px;
padding: 15px 16px 0;
display: none
}
.ds-menu-item {
border-bottom: 0 solid #0000001a;
margin-bottom: 0;
padding-bottom: 0
}
.ds-menu-item-link {
color: var(--greentext);
border-bottom: .5px solid #0000001a;
margin-top: 0;
margin-bottom: 12px;
padding-bottom: 12px;
font-family: "Lato", sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 108%;
transition: all .5s;
display: block
}
.ds-menu-item-link:hover {
color: var(--lightgreen)
}
.ds-menu-item-link.last {
border-bottom-width: 0
}
.ds-menu-icon {
object-fit: contain;
width: 20px;
min-width: 20px;
height: auto;
margin-right: 10px
}
.ds-menu-flex {
align-items: center;
display: flex
}
.text-span-52 {
font-family: "Lato", sans-serif;
font-weight: 400
}
.cookis-info {
padding-right: 1rem;
font-size: 15px;
line-height: 100%
}
.div-block-193 {
border-left: 1px solid var(--lightgreen);
display: flex
}
.fm-menu-top-title {
color: #fff;
margin-bottom: 17px;
font-size: 26px;
line-height: 152%
}
.fc-combine {
width: 100%
}
.utility-page-wrap {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: flex
}
.utility-page-content {
text-align: center;
flex-direction: column;
width: 260px;
display: flex
}
.error-section-main {
z-index: 1;
background-color: var(--body-background);
text-align: center;
align-items: center;
min-height: 100vh;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
position: relative
}
.error-inside {
width: 100%
}
.text-span-53 {
color: var(--lightgreenbg)
}
.er-not-page-fount-text {
color: var(--greentext);
font-family: "Lato", sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 120%
}
.er-page-intro-text,
.div-block-194 {
margin-top: 20px
}
.vimeo-service {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.mob-video {
display: none
}
.le {
text-indent: -999999px;
font-size: 5px;
line-height: 50%;
display: inline-block
}
.div-block-195 {
flex-flow: column-reverse;
display: flex
}
.quick-banner {
background-color: var(--darkgreen);
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap;
width: 1px;
height: 1px;
position: absolute;
overflow: hidden
}
.lt {
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap;
width: 1px;
height: 1px;
position: absolute;
overflow: hidden
}
.text-block-119 {
color: #012121;
line-height: 100%
}
@media screen and (min-width:1280px) {
.h1-reck {
font-weight: 500;
line-height: 115%
}
.h1-reck.black.hero {
line-height: 100%
}
.h1-bev.diff {
font-family: "Lato", sans-serif;
}
.p-lento.white.grey {
font-size: 15px
}
.main-how-we-do-it {
padding-bottom: 100px
}
.p-all-class {
font-size: 15px;
line-height: 150%
}
.h1midum,
.linkh1,
.h1block,
.semiheadingblock,
.lentomid,
.h1lento2 {
font-family: "Lato", sans-serif;
}
.h1box {
font-size: 75px
}
.pboxhow {
font-family: "Lato", sans-serif;
}
.superhnumb {
font-family: "Lato", sans-serif;
font-weight: 500
}
.image {
width: 350px
}
.h1new {
font-weight: 400
}
.loadanimation {
width: 1280px;
height: 100vh;
overflow: visible
}
.lottie-animation {
width: 1280px;
height: 1080px
}
.lottie-animation-2 {
width: 100%;
height: auto
}
.intro-parent {
display: flex
}
.image-2,
.image-3 {
width: 350px
}
.textsuper,
.textsuper.margleft {
font-size: 6rem
}
.lightgraph {
font-size: 18px;
line-height: 110%
}
.circlemid.bluebg {
width: 100px;
height: 100px
}
.arrowholder {
height: 50px
}
.aboutbox {
width: 70%
}
.midvib.mid.space {
max-width: none
}
.transition {
display: none
}
.container-values {
justify-items: center
}
.card-hold {
height: 60em
}
.card-hold.bg-purple.margtop {
top: 0
}
.card-hold.bg-pink.margtop {
margin-bottom: 0
}
.card-hold.bg-pink.margtop.margbottom {
margin-bottom: 10em;
top: 0
}
.footer-parent.gradiant {
flex-direction: column;
align-items: flex-end;
display: block
}
.footer-child {
flex-direction: column;
justify-content: flex-end
}
.email-footer {
position: static
}
.lento-menu-parent {
display: none
}
.menu-grandchild {
justify-content: space-between
}
.email-hold {
width: 100%;
height: 23em;
position: relative;
inset: auto 0% 0%
}
.link-2,
.elips {
text-align: left
}
.nav-menu {
padding-top: 60px;
padding-left: 30px;
padding-right: 30px;
display: none;
position: fixed;
top: 0;
left: auto;
right: 0
}
.column-2 {
text-align: left
}
.image-60 {
top: 15px
}
.text-field-4.reverse.file {
padding-left: 35px
}
.text-field-4.first,
.text-field-4.second {
margin-bottom: 90px
}
.link-12 {
padding-left: 14px;
padding-right: 14px;
font-size: 21px
}
.header-btn-o2.auto {
min-width: auto;
padding-left: 30px;
padding-right: 30px;
font-size: 20px
}
.lp-hero-section {
font-size: 18px
}
.text-block-111,
.lp-superpower-section {
font-size: 20px
}
.script-behind {
font-size: 220px
}
.lp-rock-section {
z-index: 1;
border-bottom-left-radius: 175px;
position: relative
}
.rock-top-row {
align-items: stretch
}
.rock-box {
max-width: 380px
}
.rock-box.btwo {
margin-top: 21px
}
.rock-script {
text-transform: none
}
.lp-faq-form-section {
background-color: #292b2d;
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/65efea86453a6a43fcb3bfb1_Rectangle%2098-min.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
margin-top: -326px;
padding-top: 496px;
padding-bottom: 200px;
padding-right: 0
}
.ask-form-wrap {
margin-top: -130px
}
.css-top {
font-size: 200px;
line-height: 175.2px
}
.css-logo {
width: 360px
}
.cswwd-title {
font-size: 90px
}
.words {
font-size: 50px
}
.turtle-icon {
width: auto
}
.h1-title.v2 {
font-size: 130px
}
.h1-title.v2.short {
max-width: 100%;
font-size: 91px;
}
.h1-title.about-hero-title {
margin-left: 0;
margin-right: 0;
font-size: 100px;
}
.h1-title.cus-hero-title {
max-width: none;
font-size: 130px
}
.h1-title.privacy-hero-title {
font-size: 140px
}
.web-hero-list {
min-width: 190px;
max-width: 190px
}
.h2-title,
.h2-title.green {
font-size: 88px
}
.h2-title.green.wwd-main-header {
font-size: 48px !important;
}
.h2-title.green.short {
max-width: 100%;
font-size: 88px
}
.h2-title.green.upnext-header,
.h2-title.green.process-journey-title {
font-size: 180px
}
.h2-title.green.ab-team-title {
font-size: 70px
}
.h2-title.green.manfiesto-title {
font-size: 180px
}
.h2-title.green.contact-popup-title {
font-size: 130px
}
.h2-title.our-work-title-main {
font-size: 48px !important;
}
.h2-title.footer-left-title {
font-size: 88px
}
.h2-title.short {
max-width: 100%
}
.branding-btn-style.dark.expf-btn {
font-size: 20px
}
.branding-btn-style-arrow.exp {
width: 21px
}
.marquee-texts.marquee-slide {
font-size: 180px
}
.text-block-113 {
font-size: 24px
}
.approach-inside-icon {
font-size: 36px
}
.website-work-left {
width: 67%
}
.website-work-right {
width: 33%
}
.es-hero-contents {
font-size: 24px
}
.cs-hero-title {
font-size: 140px
}
.change-text-anim {
font-size: 42px
}
.process-column {
padding-left: 40px;
padding-right: 40px
}
.feedback-box {
padding-left: 155px;
padding-right: 155px
}
.feedback-contents {
font-size: 36px
}
.lime-quote {
width: 70px
}
.process-name {
max-width: 220px;
font-family: "Lato", sans-serif;
font-size: 36px;
font-weight: 500
}
.cusror-img-wrap {
max-width: 280px
}
.wsi-wrap {
min-width: 614px;
top: 130px
}
.wsh-title {
font-size: 120px
}
.cst-anim-text {
font-size: 78px
}
.ww-deliver-list-item-image {
display: none
}
.cretivity-column-title.full {
font-size: 30px
}
.vertical-text {
font-size: 50px
}
.all-services-link:hover {
color: var(--lightgreen)
}
.div-block-191 {
max-width: 490px
}
.div-block-191.full {
max-width: 640px
}
.div-block-191.full.ext {
max-width: 700px
}
.expertise-footer-icon {
width: 96px;
margin-right: 39px
}
.expertise-footer-row {
padding-left: 42px;
padding-right: 42px
}
.expertise-footer-info {
font-size: 20px
}
.abput-hero-heading-wrap {
max-width: 1110px;
}
.about-hero-images {
max-width: 45%;
}
.script-behind-2 {
font-size: 220px
}
.manfiesto-contents-wrap.reverse {
max-width: 668px
}
.manfiesto-contents-wrap.mlft {
max-width: 637px
}
.manfiesto-text {
font-size: 32px
}
.manfiesto-bottom-contents-wrap {
max-width: 976px
}
.manfiesto-bottom-text {
font-size: 32px
}
.manfiesto-next-contents {
max-width: 668px
}
.manfiesto-next-text {
font-size: 32px
}
.cf-label,
.cf-input,
.cf-help-text,
.range-embeded,
.file-embeded {
font-size: 24px
}
.cf-submit {
background-position: 55.5%
}
.submenu-header {
font-size: 38px
}
.privacy-header-wrap {
max-width: 580px
}
}
@media screen and (min-width:1440px) {
.h1.black {
font-size: 110px
}
.p-lento.white.grey {
color: #bdbdbd
}
.loadanimation {
width: 1440px;
height: 100vh;
overflow: visible
}
.lottie-animation-2 {
width: 100%;
height: auto
}
.menucircle {
width: 10px;
height: 10px
}
.textsuper,
.textsuper.margleft {
font-size: 8rem
}
.textsuper.spacebottom {
font-size: 7rem
}
.boxgoal {
overflow: hidden
}
.circlemid.bluebg {
width: 130px;
height: 130px
}
.arrowholder {
height: 60px
}
.midvib {
max-width: 700px
}
.midvib.mid.space {
max-width: none
}
.load-animation-wrap {
display: none
}
.grid-box.bottom {
padding-top: 20em
}
.spantext._01.big {
font-family: "Lato", sans-serif;
font-size: 7rem;
line-height: 100%
}
.transition {
display: none
}
.container-values {
justify-items: center
}
.bold-text,
.bold-text-5 {
font-size: 7rem
}
.bold-text-6 {
max-width: 500px
}
.nav-menu {
padding-left: 90px;
padding-right: 90px
}
.image-10.new {
left: 0
}
.script-behind {
width: 100%;
display: block
}
.rock-box {
max-width: 430px
}
.words {
font-size: 60px
}
.h1-title.v2,
.h1-title.cus-hero-title {
font-size: 91px;
font-family: "Philosopher", sans-serif;
}
.h2-title.green.ab-team-title {
font-size: 78px
}
.h2-title.green.contact-popup-title {
font-size: 150px
}
.h2-title.creativity-title {
font-size: 110px
}
.approach-inside-icon {
font-size: 40px
}
.cs-hero-title {
font-size: 140px
}
.wsi-wrap {
margin-left: -120px;
top: 80px
}
.wsh-title {
font-size: 130px
}
.cretivity-column-title.full {
font-size: 30px
}
.scroll-card {
padding-left: 40px;
padding-right: 40px
}
.vertical-text {
font-size: 64px
}
.script-behind-2 {
width: 100%;
display: block
}
.chl-wrap {
max-width: 780px
}
.submenu-header {
font-size: 40px
}
}
@media screen and (min-width:1920px) {
.h1.black {
font-size: 136px
}
.menu-01 {
width: 10px;
height: 10px;
margin-right: 4px
}
.h1-reck {
font-size: 160px
}
.p-lento.white {
color: #fff
}
.p-lento.white.whatwedo,
.p-lento.white.grey {
color: #bdbdbd
}
.main-how-we-do-it {
padding-bottom: 100px
}
.how-content {
color: #5c5454
}
.news-button {
width: 150px;
height: 150px
}
.containerillustration {
max-width: 500px;
max-height: 500px
}
.div-block {
padding: 40px 70px
}
.container-3 {
padding-top: 208px
}
.parag,
.button {
margin-top: 30px
}
.button-2 {
width: 150px;
height: 150px
}
.loadanimation {
justify-content: center;
align-items: center;
width: 1920px;
height: 100vh;
display: none
}
.lottie-animation-2 {
width: 100%;
height: auto
}
.menucircle {
width: 12px;
height: 12px
}
.textsuper {
font-size: 9rem
}
.textsuper.margleft {
font-size: 10rem
}
.textsuper.spacebottom {
max-width: 600px;
font-size: 9rem
}
.lightgraph {
font-size: 20px;
line-height: 120%
}
.circlemid.bluebg {
width: 200px;
height: 200px
}
.arrowholder {
height: 80px
}
.aboutbox {
width: 50%
}
.image-5 {
width: 100%;
height: 100%
}
.load-animation-wrap {
display: none
}
.grid-box.bottom {
padding-top: 20em
}
.spantext._01.big {
font-size: 9rem
}
.container-values {
justify-items: center
}
.bold-text,
.bold-text-5 {
font-size: 9rem
}
.child-link.borders {
border-top: 1px solid var(--white-smoke);
border-right: 1px solid var(--white-smoke)
}
.image-29 {
top: -60px;
right: 20px
}
.div-block-38 {
margin-top: -220px
}
.header-btn-o2 {
letter-spacing: 2px;
min-height: 50px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 18px
}
.rich-text-block-26 {
line-height: 1.2
}
.heading-81 {
margin-top: 0;
margin-bottom: 0;
line-height: 1.2
}
.link-17 {
line-height: 1
}
.footer-txt-o2 {
text-transform: none;
font-size: 16px
}
.footer-txt-o2.footer-disc-o2 {
text-align: left;
letter-spacing: 0
}
.lp-header-logo {
max-width: 120px
}
.words {
font-size: 82px
}
.h1-title.about-hero-title {
font-size: 120px
}
.wwd-list-main {
margin-top: 36px
}
.wwd-line-main {
height: 431px
}
.image-113 {
width: 100%
}
.wwd-contents-column {
padding-left: 40px
}
.wwd-contents-block-main {
margin-top: 36px;
font-size: 18px;
line-height: 139%
}
.timeline-project-industry {
margin-bottom: 38px;
font-size: 38px
}
.tmeline-media {
padding-bottom: 70.25%
}
.image-114 {
object-fit: cover
}
.time-line-category {
margin-top: 39px;
font-size: 16px
}
.cretivity-column-title {
font-size: 30px
}
.about-hero-section {
padding-top: 100px;
}
.about-hero-row {
min-height: 570px
}
}
@media screen and (max-width: 991px) {
h1 {
font-size: 7.38em
}
h5 {
font-size: 1.48em
}
h6 {
font-size: 1.3em
}
.h1.black {
font-size: 70px
}
.wrapper-hero {
height: auto;
overflow: hidden
}
.contact-wrapper {
display: none;
overflow: hidden
}
.main-hero {
flex-direction: row;
justify-content: flex-start;
align-items: center;
height: auto
}
.main-left {
align-items: flex-start
}
.h1-reck {
font-size: 70px
}
.phto-container {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/60db2ee23584d6d7756934b2_ni%C3%B1a-foto.png);
background-position: 50%;
background-size: cover
}
.learn-button {
width: 170px;
height: 55px
}
.what-we-do-main {
max-width: 1440%;
margin-left: 30px;
overflow: hidden
}
.h1-bev {
max-width: 500px;
font-size: 40px
}
.h1-bev.white {
font-size: 90px
}
.line-wat-we-do {
width: 20px;
height: .75px;
margin-top: 30px
}
.p-lento {
max-width: 300px;
font-size: 15px
}
.p-lento.white {
text-align: center;
max-width: 300px
}
.link-about-what-we-do {
width: 170px;
height: 55px
}
.grid {
grid-column-gap: 10px;
grid-template-rows: auto auto auto auto auto auto auto;
grid-template-columns: 1fr;
grid-auto-flow: row
}
.main-how-we-do-it {
align-items: center;
padding-top: 50px;
padding-left: 0
}
.illustration-wrapper {
flex-direction: row
}
.how-content,
.how-content._02 {
align-items: center
}
.who-main {
margin-left: 30px;
padding-top: 70px
}
.p2-lento {
max-width: 400px;
font-size: 25px
}
.p2-lento.news {
max-width: 300px
}
.p-lento-proud {
max-width: 300px;
font-size: 15px
}
.studio-grid,
.newslt-grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr
}
.footer {
overflow: hidden
}
.footer-left {
padding-top: 20px
}
.contact-chat-wrap {
margin-top: 70px
}
.footer-right {
padding-top: 100px
}
.h1-footer {
font-size: 20px
}
.h1-footer.red {
color: var(--salmon);
text-align: right
}
.super-h1 {
font-size: 120px
}
.content-right {
max-width: 450px;
margin-left: -200px
}
.linn {
width: 30px
}
.h1-bigg {
max-width: 500px;
font-size: 40px
}
.essencetop {
margin-bottom: 15px
}
.detailsessenceh {
font-size: 20px
}
.h1numb {
font-size: 90px
}
.linehowcanwe {
width: 1.5rem
}
.leftblocklentowhatwedo,
.lentowhatwedowright {
padding-left: 20px;
padding-right: 20px
}
.pwhatwedo {
font-size: 30px
}
.whatwedoparralels {
padding-left: 0
}
.ph5whatwedo {
color: #05050573;
font-size: 13px
}
.howwedoitwrapper {
overflow: hidden
}
.h1subttitle {
font-size: 15px
}
.howwedogrid {
width: 100%
}
.howweboxleft {
justify-content: center;
height: auto
}
.h1box {
font-size: 56px
}
.howweboxright {
height: auto
}
.superhnumb {
font-size: 136px
}
.containerillustration {
max-width: 250px;
max-height: 250px
}
.image {
max-width: 100%
}
.herogrid {
align-content: center;
height: 70vh
}
.linkh1pages {
font-size: 40px
}
.contat-us-h3 {
font-size: 20px
}
.circle-mobile-separate {
display: none
}
.contact-page-holder {
height: auto
}
.contact-us-section {
grid-template-rows: 1fr 1fr;
grid-template-columns: 1fr;
height: auto;
padding-top: 5em
}
.form-contact-section,
.loadanimation {
display: none
}
.boxwrap.spaceright.ap {
margin-right: 0
}
.containercontent {
width: 95%
}
.divhidebox.leftright {
overflow: hidden
}
.textsuper {
line-height: 90%;
display: inline-block
}
.textsuper.spacebottom {
max-width: 600px;
margin-bottom: 0
}
.midvib {
font-size: 40px
}
.midvib.mid {
max-width: 500px;
margin-top: 2em;
font-size: 20px
}
.midvib.mid.cut {
max-width: 300px
}
.midvib.mid.space {
max-width: 400px
}
.load-animation-wrap {
display: none
}
.image-wrap.round.bgwhite {
width: 200px;
height: 200px
}
.heading-4 {
font-size: 30px
}
.pilar-grid {
margin-top: 3rem
}
.work-grid {
grid-row-gap: 0px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr
}
.grid-box {
overflow: hidden
}
.grid-box.bottom {
padding-top: 15px;
display: block
}
.text-box,
.speciality-box {
margin-top: 3rem
}
.line-grid-ap.bgwhite {
width: 100%;
height: 1px;
inset: auto 0% 0%
}
.email-field {
color: var(--white-smoke)
}
.transition {
display: none
}
.links-pages-box {
left: 5em
}
.links-holders {
width: 300px
}
.formnewsletter-lento {
color: var(--white-smoke);
min-width: 250px
}
.hero-grid {
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
height: auto
}
.circle-scroll {
background-color: #0000
}
.pp-box.emi,
.pp-box.tom,
.pp-box.jair,
.pp-box.andres,
.pp-box.gab {
width: 200px;
height: 200px
}
.vimeo-vid-parent {
height: 50vh
}
.container-4 {
padding-left: 3em;
padding-right: 3em
}
.block-parent-2.is-right {
width: 40em
}
.block-parent-2.is-right.pad-top._30-h {
width: 90em
}
.footer-parent.gradiant {
height: 70vh
}
.site-header-section {
width: 100%;
padding-top: 41px;
padding-bottom: 41px
}
.menu-button {
display: block
}
.menu-button.w--open {
background-color: #0000
}
.nav-link {
font-size: 42px;
line-height: 40px
}
.link-2 {
font-size: 18px;
line-height: 20.52px
}
.columns {
margin-top: 37px
}
.elips {
text-align: left;
margin-top: 57px
}
.wrap-1185 {
max-width: 100%
}
.wrap-1185.no-padding {
padding-left: 0;
padding-right: 0
}
.nav-menu {
width: 100%;
padding-left: 53px;
padding-right: 53px
}
.column-2 {
text-align: left;
margin-top: 56px
}
.text-block-7 {
font-size: 18px;
line-height: 20.52px
}
.div-block-3 {
margin-top: 58px
}
.div-block-4 {
width: 40px;
height: 20px
}
.image-9 {
width: 20px;
height: 20px
}
.div-block-5 {
text-align: left
}
.section-2.site-hero {
padding-top: 55px;
padding-bottom: 53px
}
.section-2.site-hero.blog-post-hero {
padding-bottom: 65px
}
.section-2.site-hero.contact-hero {
padding-bottom: 57px
}
.section-2.site-hero.carrer-single-hero {
padding-top: 53px
}
.section-2.site-hero.insights-hero {
padding-top: 40px;
padding-bottom: 74px
}
.section-2.site-hero.newf,
.section-2.site-hero.derv {
padding-bottom: 53px
}
.wrap-1114.mobile-remove-padding {
padding-left: 0;
padding-right: 0
}
.heading-13 {
margin-bottom: 26px;
margin-left: 0;
margin-right: 0;
font-size: 42px;
line-height: 47.88px
}
.heading-13.different-heading {
font-size: 42px;
line-height: 47.88px
}
.heading-13.different-heading.oc-heading-title {
font-size: 32px;
line-height: 36.48px
}
.heading-13.different-heading.insight-blog-page-header {
margin-bottom: 16px
}
.heading-13.different-heading.ans {
margin-bottom: 15px;
font-size: 32px;
line-height: 36.48px
}
.heading-13.ch-title {
margin-bottom: 16px
}
.div-block-6 {
padding-left: 40px
}
.div-block-6.pdl-150 {
padding-left: 55px
}
.div-block-6.pdl-150.si-page-pd-left {
padding-left: 50px
}
.div-block-6.pdl-150.oc-title-main {
margin-bottom: 22px;
padding-left: 60px
}
.div-block-6.contact-hero-wrap {
padding-left: 60px
}
.div-block-6.join-team-wrap,
.div-block-6.career-wrap {
padding-left: 50px
}
.div-block-6.impact-wrap {
padding-left: 48px
}
.div-block-6.privacy-hero-wrap {
padding-left: 50px
}
.image-10 {
width: 22px;
font-size: 28px
}
.image-10.new {
width: 35px;
top: 10px
}
.image-10.new.scale-image {
width: 46px
}
.image-10.new.scale-image.si-page-logo {
width: 39px
}
.image-10.new.scale-image.oc-title-image {
top: 0
}
.image-10.new.scale-image.hsblog-post-title-logo {
width: 38px;
top: 10px
}
.image-10.new.scale-image.scale-insight {
top: -10px
}
.image-10.cr-img {
width: 47px;
top: -15px
}
.image-10.join-img-hero {
width: 36px;
top: 18px
}
.image-10.home-icon {
width: 22px
}
.section-3.video-section.work-video-section {
padding-bottom: 100px;
padding-left: 10px;
padding-right: 10px
}
.column-3 {
border-top-right-radius: 53px;
border-bottom-right-radius: 0;
padding: 50px 18px 40px 5px
}
.column-3.newone {
border-top-right-radius: 0;
border-bottom-right-radius: 47px
}
.heading-14 {
font-size: 14px;
line-height: 15.96px
}
.heading-14.newone {
line-height: 18.46px
}
.text-span-4 {
display: block
}
.columns-2 {
align-items: flex-start;
font-size: 12px;
line-height: 15px
}
.column-4 {
padding-left: 22px;
padding-right: 0
}
.column-4.neone {
padding-bottom: 0
}
.map-area {
padding-top: 20px
}
.section-5 {
padding-top: 70px;
padding-bottom: 118px
}
.heading-15 {
margin-bottom: 37px;
font-size: 32px;
line-height: 36.48px
}
.text-block-10 {
margin-bottom: 51px;
font-size: 12px;
line-height: 15px
}
.button-style1 {
color: #f6f6f6;
-webkit-text-fill-color: inherit;
background-color: #da571f;
background-clip: border-box;
border-width: 2px;
border-color: #da571f;
min-width: 133px;
padding: 9px 13px;
font-size: 12px;
line-height: 15.83px
}
.button-style1._162 {
color: #373d40;
background-color: #0000;
border-color: #373d40;
min-width: 300px;
margin-top: 48px;
padding-top: 13px;
padding-bottom: 13px;
font-size: 14px
}
.button-style1._162:hover {
color: #fff;
background-color: #da571f;
border-color: #da571f
}
.button-style1._21 {
color: #373d40;
background-color: #0000;
border-color: #373d40;
min-width: 300px;
margin-top: 0;
padding-top: 13px;
padding-bottom: 13px;
line-height: 1.2
}
.button-style1._21:hover {
color: #fff;
background-color: #da571f;
border-color: #da571f
}
.section-6 {
border-top-right-radius: 102px;
padding-top: 75px;
padding-bottom: 58px
}
.heading-16 {
font-size: 32px;
line-height: 36.48px
}
.heading-17 {
border-bottom-width: .5px;
font-size: 16px;
line-height: 25px;
display: block
}
.list-item {
font-size: 12px;
line-height: 15px
}
.div-block-10 {
margin-bottom: 56px
}
.link-block-2 {
justify-content: flex-start;
display: flex
}
.div-block-11 {
text-align: left;
margin-top: 40px
}
.text-block-11 {
font-size: 12px;
line-height: 15.83px
}
.image-12 {
width: 27px;
font-size: 27px
}
.image-13 {
width: 41px;
top: 10px;
right: 15px
}
.section-7 {
padding-top: 64px;
padding-bottom: 96px
}
.div-block-12 {
border-top-right-radius: 100px;
width: 100%
}
.div-block-12.reverse {
border-bottom-left-radius: 100px
}
.div-block-12.reverse.base,
.div-block-12.reverse.last {
border-top-right-radius: 100px
}
.div-block-12.reverse.vh {
border-top-right-radius: 0;
border-bottom-left-radius: 100px
}
.image-14 {
border-top-right-radius: 100px
}
.image-14.reverse.hidden-hover {
border-bottom-left-radius: 100px
}
.image-14._0rd {
position: absolute
}
.column-5 {
justify-content: flex-end;
align-items: flex-start;
padding-left: 0;
padding-right: 66px;
display: flex
}
.column-5.reverse {
padding-left: 0;
padding-right: 66px
}
.column-5.reverse._002 {
padding-left: 66px;
padding-right: 0
}
.column-5._00 {
padding-left: 0;
padding-right: 66px
}
.text-block-12 {
display: none
}
.heading-18 {
margin-top: 0;
margin-bottom: 21px;
font-size: 32px;
line-height: 36.48px
}
.text-block-13 {
margin-bottom: 30px;
font-size: 12px;
line-height: 15px
}
.image-15 {
width: 28px;
max-width: 100%;
margin-right: 19px
}
.link-block-3 {
align-items: center;
display: flex
}
.link-block-3.sow-btn.sfv-btn {
display: flex
}
.text-block-14 {
font-size: 12px;
line-height: 15.83px
}
.div-block-13 {
padding-top: 42px
}
.columns-3.slider-hover {
flex-direction: column;
padding-right: 0
}
.columns-3.slider-hover.reverse {
flex-direction: column;
margin-top: 100px;
padding-right: 0
}
.div-block-14 {
padding-left: 54px;
padding-right: 0
}
.div-block-14.no-padding {
margin-bottom: 53px
}
.image-16 {
width: 21px;
margin-right: 12px
}
.text-block-15 {
font-size: 18px;
line-height: 23.74px
}
.div-block-15 {
margin-top: 80px
}
.section-8 {
border-bottom-right-radius: 100px;
padding: 55px 23px 66px
}
.heading-19 {
margin-bottom: 20px;
font-size: 12px
}
.image-19 {
width: 44px;
bottom: -10px
}
.section-9 {
padding-top: 80px
}
.columns-4 {
flex-direction: column;
padding-top: 39px;
position: relative
}
.heading-20 {
font-size: 50px;
line-height: 57px
}
.heading-22 {
margin-bottom: 12px;
font-size: 18px;
line-height: 20.52px
}
.columns-5 {
margin-bottom: 25px
}
.section-10 {
padding-top: 89px;
padding-bottom: 10px
}
.heading-23 {
margin-bottom: 6px;
font-size: 16px;
line-height: 18.24px
}
.div-block-18 {
padding-top: 15px
}
.columns-6 {
margin-top: 32px;
margin-bottom: 75px
}
.section-11 {
min-height: 60vh;
padding-top: 63px;
padding-bottom: 63px
}
.wrap-776._671 {
max-width: 263px
}
.heading-24 {
margin-bottom: 15px;
font-size: 22px;
line-height: 29.01px
}
.text-block-16 {
max-width: 263px;
margin-bottom: 19px;
font-size: 12px;
line-height: 15px
}
.site-footer-section {
padding-top: 58px
}
.heading-26 {
font-size: 32px;
line-height: 36.48px
}
.text-block-17 {
font-size: 12px;
line-height: 15px
}
.div-block-21 {
margin-top: 60px
}
.link-3 {
font-size: 16px;
line-height: 20px
}
.list-3.newlist {
margin-top: -18px
}
.link-4 {
font-size: 10px;
line-height: 11.4px
}
.columns-7 {
margin-top: 50px;
margin-bottom: 36px
}
.text-block-19 {
width: 10px;
height: 10px;
margin-right: 4px;
font-size: 8px;
line-height: 7px
}
.text-block-20,
.div-block-22 {
font-size: 6px;
line-height: 6.84px
}
.columns-8 {
padding-top: 15px
}
.column-10,
.link-5 {
font-size: 6px;
line-height: 6.84px
}
.list-item-2,
.list-item-3,
.list-item-4 {
font-size: 10px;
line-height: 11.4px
}
.text-block-21 {
font-size: 12px;
line-height: 15px
}
.text-block-21.newtext {
line-height: 20px
}
.text-block-22 {
font-size: 12px;
line-height: 15.83px
}
.text-block-22._w-video-text {
margin-top: 17px;
font-size: 12px;
line-height: 24px
}
.column-11,
.column-12 {
margin-bottom: 30px
}
.text-block-23 {
line-height: 15px
}
.bold-text-12 {
display: block
}
.text-block-24 {
font-size: 18px;
line-height: 22px
}
.text-block-25,
.text-block-26,
.text-block-27,
.text-block-28 {
font-size: 11px;
line-height: 15px
}
.column-13 {
position: static
}
.text-block-29,
.text-block-30,
.text-block-31 {
font-size: 12px;
line-height: 15.83px
}
.text-block-32 {
font-size: 10px;
line-height: 11.4px
}
.text-block-32.new32 {
margin-top: -27px
}
.list-item-5,
.list-item-6 {
font-size: 10px;
line-height: 11.4px
}
.bold-text-13,
.bold-text-14 {
display: block
}
.section-15 {
border-top-right-radius: 100px;
margin-top: 0%;
padding-top: 50vh
}
.section-15.bbi-section {
min-height: 303px
}
.section-15.luxy-image-parallax {
border-top-right-radius: 0;
min-height: 402px;
padding-top: 0
}
.div-block-24.luxy-el.bbi-work {
min-height: 300px
}
.section-16 {
padding-top: 74px;
padding-bottom: 71px
}
.section-16.wte-sec {
padding-bottom: 79px
}
.div-block-25 {
border-top-right-radius: 95px
}
.div-block-25.reverse {
border-bottom-left-radius: 95px
}
.column-14 {
padding-top: 32px;
padding-left: 0;
padding-right: 0
}
.heading-27 {
margin-bottom: 20px;
font-size: 32px;
line-height: 36.48px
}
.heading-27.h-o2 {
font-size: 32px;
line-height: 36.48px
}
.columns-9,
.columns-9.reverse {
flex-direction: column;
margin-top: 70px
}
.columns-9.first-mt-25 {
margin-top: 25px
}
.div-block-26 {
max-width: 100%;
margin-left: 0
}
.text-block-33 {
font-size: 12px;
line-height: 15px
}
.text-span-5 {
margin-right: 5px;
display: inline-block
}
.text-span-6 {
display: inline-block
}
.div-block-27 {
text-align: left;
max-width: 247px;
margin-top: 70px;
margin-left: 0;
margin-right: auto;
padding-left: 55px
}
.div-block-27.sow-mt-0 {
text-align: left;
max-width: 100%;
padding-right: 55px
}
.section-17 {
border-top-right-radius: 76px;
max-width: 85%;
padding-top: 36px;
padding-bottom: 85px;
padding-left: 55px
}
.heading-28 {
color: #fff;
margin-bottom: 35px;
font-size: 32px;
line-height: 36.48px
}
.slider-4.flip-slider {
padding-top: 60px
}
.slide-3 {
width: 100%
}
.image-26 {
width: 48px
}
.heading-31 {
max-width: 100%;
font-size: 12px;
line-height: 15.83px
}
.div-block-30 {
flex-direction: column;
min-height: 300px;
padding-top: 35px;
padding-bottom: 35px
}
.mask {
max-height: 300px
}
.div-block-32 {
width: 55px
}
.image-27 {
width: 36px;
height: auto
}
.image-28 {
width: 36px
}
.right-arrow-2 {
height: 25px;
margin-left: 68px
}
.div-block-34 {
padding: 10px 0 0;
position: relative
}
.text-block-37 {
font-size: 12px;
line-height: 15px
}
.image-29 {
width: 42px;
top: 40px;
right: 23px
}
.div-block-36 {
padding-top: 101px;
padding-bottom: 101px
}
.heading-32 {
margin-bottom: 29px;
padding-left: 55px;
font-size: 32px;
line-height: 36.48px
}
.image-30 {
width: 34px
}
.text-block-38 {
max-width: 282px;
padding-left: 55px;
font-size: 12px;
line-height: 15px
}
.div-block-37,
.image-31 {
border-bottom-right-radius: 110px
}
.div-block-38 {
margin-top: -100px
}
.div-block-38.bded {
margin-top: -52px
}
.image-33 {
width: 48px;
margin-right: 47px
}
.image-33.newb {
margin-right: 10px
}
.div-block-39 {
background-size: 380px 800px;
padding-top: 140px
}
.div-block-40 {
max-width: 160px;
height: 210px
}
.heading-33 {
font-size: 32px;
line-height: 36.48px
}
.text-block-39 {
margin-left: 10px;
font-size: 12px;
line-height: 15.83px
}
.link-block-6 {
width: 29px;
height: 29px
}
.div-block-42 {
margin-top: -18px
}
.image-35 {
width: 15px;
max-width: 100%
}
.section-19 {
padding-top: 79px;
padding-bottom: 79px;
font-size: 12px;
line-height: 15px
}
.heading-34 {
margin-bottom: 36px;
font-size: 32px;
line-height: 36.48px
}
.text-block-40 {
margin-bottom: 44px;
font-size: 12px;
line-height: 15px
}
.button-white-border {
border-width: 2px;
min-width: 113px;
padding: 9px 11px;
font-size: 12px;
line-height: 15.83px
}
.image-37 {
width: 48px
}
.div-block-44 {
padding-left: 55px;
padding-right: 55px
}
.section-20.wbb-sec {
border-top-right-radius: 72px;
margin-top: -117px;
padding-top: 26px;
padding-bottom: 26px
}
.section-20.wbb-sec.bg-skintn {
border-top-right-radius: 72px;
margin-top: -119px
}
.heading-bbi {
font-size: 32px;
line-height: 36.48px
}
.columns-12 {
flex-wrap: wrap;
padding-left: 35px;
padding-right: 35px
}
.column-19 {
margin-top: 30px;
display: block
}
.our-service-column {
border-top-right-radius: 72px;
min-height: 200px;
padding-left: 20px;
padding-right: 37px
}
.accordion-column {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 25px
}
.our-service-heading {
z-index: 1;
font-size: 18px;
line-height: 21px;
position: relative
}
.heading-36.top-bd-0 {
padding-top: 20px;
padding-bottom: 20px;
font-size: 16px;
line-height: 25px
}
.list-4 {
padding-bottom: 30px;
font-size: 12px;
line-height: 25px
}
.circle-dot-orange {
z-index: 1;
width: 35px;
height: 35px;
margin-right: -17.25px
}
.div-block-45 {
width: 16px;
height: 16px
}
.text-and-image {
background-size: 300px;
padding-top: 56px;
padding-bottom: 56px
}
.paragraph-6 {
max-width: 400px;
padding-left: 35px;
font-size: 12px;
line-height: 15px
}
.page-section.video-title {
padding-bottom: 150px
}
.page-section.video-title.vid-sec-2 {
padding-bottom: 90px
}
.video-top-image {
border-top-right-radius: 110px;
right: 55px
}
.video-top-image.vit-reverse {
border-bottom-left-radius: 110px;
left: 55px
}
.image-39.corner-top-right-radius-0 {
border-bottom-left-radius: 110px
}
.image-39.lnt-lnt {
border-top-right-radius: 110px
}
.heading-37 {
margin-bottom: 50px;
font-size: 32px;
line-height: 36.48px
}
.pleft-160 {
padding-left: 55px;
padding-right: 55px
}
.image-40 {
width: auto;
max-width: 60px;
left: 17px
}
.faq-accordion {
padding-left: 35px;
padding-right: 35px
}
.heading-38,
.rich-text-block-6,
.faq-accordion-content {
font-size: 12px;
line-height: 20px
}
.faq-accordion-title {
padding: 25px 30px 25px 0
}
.div-block-46 {
padding-bottom: 25px;
padding-left: 0;
font-size: 12px
}
.image-41 {
width: 12px
}
.parallax-image-bg {
min-height: 402px
}
.column-20 {
padding-left: 0;
padding-right: 0
}
.div-block-47.work-list-featured {
min-height: 203px;
margin-left: -20px;
margin-right: -20px;
padding-bottom: 56.25%
}
.div-block-47.work-list-featured.mrg-lr-0 {
min-height: auto;
margin-left: 0;
margin-right: 0
}
.collection-item-5 {
width: 100%;
margin-bottom: 90px;
padding-left: 0;
padding-right: 0
}
.work-post-content {
max-width: 100%
}
.work-post-content.coming-post-content {
max-width: 100%;
padding-left: 80px;
padding-right: 60px
}
.work-category-items {
display: none
}
.work-category-items.postinside-cat {
margin-left: -50px;
font-size: 12px;
line-height: 15.83px;
display: block
}
.heading-39 {
font-size: 32px;
line-height: 36.48px
}
.heading-39.wcm-post-heading2 {
border-bottom-width: 0
}
.heading-40 {
font-size: 32px;
line-height: 36.48px
}
.collection-list-2 {
min-height: auto
}
.collection-list-wrapper-2.collect-top {
display: none
}
.div-block-48 {
margin-top: 17px
}
.text-block-44 {
font-size: 12px
}
.link-block-7 {
flex-flow: column wrap;
align-items: flex-start
}
.link-block-7.cm-soon-link {
flex-direction: column-reverse
}
.image-42 {
margin-top: 15px;
margin-left: 0
}
.image-43 {
width: 45px;
bottom: -18px;
right: -18px
}
.image-43.cm-post-bottom {
display: none
}
.coming-soon-block {
padding-top: 20px
}
.still-in-process {
width: 100%;
max-width: 211px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 16px;
line-height: 20px
}
.collection-item-8 {
margin-bottom: 100px
}
.image-44.video-icon-scale {
width: 46px;
bottom: -19px;
left: -22px
}
.work-listing-outer {
padding-left: 80px;
padding-right: 60px
}
.work-post-divider {
max-width: 130px
}
.rich-text-block-7 {
padding-bottom: 10px;
font-size: 32px;
line-height: 36.48px
}
.hero-title-blog-post {
font-size: 42px;
line-height: 47.88px
}
.text-block-46 {
margin-right: 0;
font-size: 12px;
line-height: 15.83px
}
.collection-item-9 {
margin-right: 17px
}
.blog-post-our-challenge {
padding-top: 51px
}
.blog-post-our-challenge.blog-post-our-approach.post-approach {
padding-top: 16px
}
.blog-post-our-challenge.blog-post-our-approach.post-result {
padding-top: 80px;
padding-bottom: 119px
}
.our-challenge-body-content {
margin-bottom: 22px
}
.div-block-49 {
min-height: auto;
position: relative
}
.column-21 {
min-height: auto;
padding-left: 0;
padding-right: 6px
}
.approach-img {
padding-top: 43.25%
}
.author-details-post {
border-bottom-right-radius: 111px;
padding-top: 72px;
padding-bottom: 91px
}
.wrap-873.monile-245 {
max-width: 305px
}
.text-block-47 {
margin-bottom: 23px;
font-size: 12px;
line-height: 15.83px
}
.image-46 {
width: 47px;
bottom: 0;
right: 20px
}
.galley-post-slider {
padding-top: 10px;
padding-bottom: 60px;
padding-left: 60px
}
.result-bottomtext {
padding-top: 60px
}
.rich-text-block-8,
.rich-text-block-10 {
padding-left: 60px;
font-size: 12px;
line-height: 15px
}
.image-two-column-post {
padding-top: 92px
}
.bottom-two-col-image-section {
padding-top: 46px
}
.text-block-48 {
font-size: 12px;
line-height: 15.83px
}
.text-block-49 {
display: none
}
.link-block-9 {
text-align: left;
flex-direction: row-reverse;
justify-content: flex-end;
align-items: center
}
.image-49 {
border-top-right-radius: 72px;
max-width: 420px;
padding-top: 42px;
padding-bottom: 55px
}
.image-50 {
width: 20px;
margin-left: 11px;
margin-right: 0;
font-size: 20px
}
.div-block-55 {
max-width: 137px;
position: relative
}
.image-51 {
width: 52px;
right: -25px
}
.rich-text-block-11 {
margin-bottom: 18px;
font-size: 32px;
line-height: 36.48px
}
.lottie-animation-4 {
padding-left: 0;
padding-right: 0;
position: relative
}
.column-25 {
padding-left: 6px;
padding-right: 0
}
.rich-text-block-12,
.rich-text-block-13 {
padding-left: 60px;
font-size: 12px;
line-height: 15px
}
.rich-text-block-14 {
font-size: 18px;
line-height: 22px
}
.text-block-51 {
font-size: 10px;
line-height: 13.19px
}
.text-block-52 {
font-size: 9px;
line-height: 10px
}
.div-block-58 {
padding-left: 60px
}
.contact-two-column-section {
padding-top: 0;
padding-bottom: 60px
}
.text-field-2 {
margin-bottom: 53px;
font-size: 16px
}
.text-field-2.reverse {
padding-bottom: 14px
}
.text-field-2.half-fileld-left {
margin-bottom: 53px;
margin-right: 15px;
font-size: 16px
}
.text-field-2.half-field-right {
margin-bottom: 53px;
margin-left: 15px;
font-size: 16px
}
.two-col-form {
flex-direction: row
}
.select-field {
background-position: 99%;
background-size: 12px;
margin-bottom: 33px;
font-size: 16px
}
.submit-button-2 {
background-size: 28px;
padding-right: 40px;
font-size: 12px;
line-height: 15.83px
}
.image-53 {
object-fit: cover;
width: 100%;
height: 100%;
padding-bottom: 0%;
position: absolute;
top: 0;
bottom: auto;
left: 0
}
.column-26 {
padding-left: 0;
padding-right: 0
}
.columns-16 {
flex-direction: column-reverse
}
.section-22.newsletter-form-section {
border-top-right-radius: 102px;
padding-top: 63px;
padding-bottom: 32px
}
.heading-43 {
margin-bottom: 44px;
font-size: 12px;
line-height: 20px
}
.text-field-3 {
padding-bottom: 9px;
font-size: 9px
}
.submit-button-3 {
background-size: 28px;
padding-right: 40px;
font-size: 12px;
line-height: 15.83px
}
.div-block-59 {
padding-top: 23px
}
.image-54 {
width: 41px;
right: 23px
}
.div-block-60 {
padding-top: 109px;
padding-left: 20px;
padding-right: 20px
}
.div-block-61 {
text-align: right
}
.div-block-62 {
padding-bottom: 100%;
position: relative
}
.text-block-53,
.text-block-54 {
font-size: 12px
}
.column-27 {
padding-left: 0;
padding-right: 0
}
.section-23.career-two-column-top {
padding-top: 9px;
padding-left: 50px
}
.columns-17 {
border-bottom-width: 0;
flex-direction: column;
padding-bottom: 0
}
.column-28 {
padding-top: 41px
}
.image-57 {
width: 28px;
margin-top: 19px;
font-size: 28px
}
.columns-18 {
border-bottom-width: 0;
padding-top: 56px;
padding-bottom: 0
}
.section-24 {
font-size: 12px;
line-height: 15px
}
.heading-44 {
border-bottom: .5px solid #000;
margin-bottom: 15px;
padding-bottom: 17px;
font-size: 32px;
line-height: 36.48px
}
.heading-45.faq-toggle {
font-size: 16px;
line-height: 25px
}
.heading-45.faq-toggle.big-toggle {
font-size: 16px
}
.div-block-63.faq-items {
border-bottom-width: .5px;
max-width: 201px;
padding-top: 19px;
padding-bottom: 19px
}
.div-block-63.faq-items.small-faq {
border-bottom-width: .5px;
max-width: 171px;
padding-top: 26px;
padding-bottom: 26px
}
.div-block-64 {
padding-left: 18px
}
.div-block-65 {
width: 8px;
height: 8px;
top: 9px
}
.text-block-55,
.text-block-56 {
max-width: 100%;
font-size: 12px;
line-height: 15px
}
.text-block-57 {
font-size: 12px;
line-height: 15px
}
.section-25 {
padding-top: 57px;
padding-bottom: 28px
}
.heading-46 {
border-bottom: .5px solid #000;
margin-bottom: 15px;
padding-bottom: 17px;
font-size: 32px;
line-height: 36.48px
}
.heading-46.newoff {
margin-bottom: 34px
}
.image-58 {
margin-left: 13px;
font-size: 28px
}
.div-block-66 {
margin-top: 21px;
margin-bottom: 28px
}
.div-block-67 {
padding-top: 23px
}
.section-26 {
border-bottom-right-radius: 111px;
padding-top: 80px;
padding-bottom: 109px
}
.heading-48 {
margin-bottom: 23px;
font-size: 12px;
line-height: 15.83px
}
.image-59 {
width: 63px;
font-size: 63px;
bottom: 0;
right: 0
}
.section-27 {
padding-top: 77px;
padding-bottom: 75px;
font-size: 12px;
line-height: 15px
}
.heading-49 {
margin-bottom: 23px;
font-size: 32px;
line-height: 36.48px
}
.text-block-60 {
max-width: 100%;
font-size: 12px;
line-height: 15px
}
.div-block-68.intrest-form {
max-width: 100%;
padding-top: 77px;
padding-left: 0
}
.div-block-69 {
padding-left: 51px
}
.image-60 {
width: 31px;
top: 3px
}
.text-field-4.reverse {
margin-bottom: 53px;
padding-bottom: 14px;
font-size: 16px
}
.text-field-4.reverse.file {
background-position: 0%;
background-size: 10px;
padding-left: 20px
}
.text-field-4.first {
margin-bottom: 53px;
margin-right: 21px;
font-size: 16px
}
.text-field-4.second {
margin-bottom: 53px;
margin-left: 21px;
font-size: 16px
}
.text-field-4.new1 {
margin-bottom: 53px
}
.select-field-2 {
background-position: 100%;
margin-bottom: 53px;
font-size: 16px
}
.submit-button-4 {
background-size: 28px;
padding-right: 40px;
font-size: 12px
}
.text-block-61 {
font-size: 12px;
line-height: 15.83px
}
.bold-text-24 {
display: block
}
.column-29 {
text-align: left;
flex-flow: column wrap-reverse;
place-content: flex-start space-around;
align-items: flex-start;
display: flex
}
.text-block-62 {
font-size: 12px;
line-height: 15.83px
}
.column-30 {
flex-flow: column wrap-reverse;
justify-content: flex-end;
display: flex
}
.text-block-63 {
font-size: 12px;
line-height: 15.83px
}
.text-block-64 {
font-size: 18px;
line-height: 22px
}
.div-block-71 {
text-align: right
}
.heading-50 {
font-size: 42px;
line-height: 47.88px
}
.image-61 {
width: 32px;
max-width: 100%;
top: 10px
}
.section-28.career-info {
padding-top: 48px;
padding-bottom: 0;
font-size: 12px;
line-height: 15px
}
.text-block-65 {
margin-bottom: 38px
}
.heading-51 {
margin-bottom: 10px;
font-size: 12px;
line-height: 15.83px
}
.list-5 {
margin-bottom: 38px;
padding-top: 0;
padding-left: 20px
}
.section-29 {
padding-top: 62px;
padding-bottom: 94px
}
.heading-52 {
font-size: 32px;
line-height: 36.48px
}
.div-block-73 {
padding-left: 50px
}
.div-block-74.career-form {
margin-left: -50px;
padding-top: 65px;
font-size: 16px
}
.text-field-5 {
margin-bottom: 84px;
font-size: 16px
}
.text-field-5.reverse {
background-position: 0%;
background-size: 10px;
margin-bottom: 67px;
padding-bottom: 14px
}
.text-field-5.reverse.port {
margin-bottom: 81px
}
.text-field-5.first,
.text-field-5.second {
margin-bottom: 67px;
font-size: 16px
}
.text-field-5.link-mobile-revese {
border-top-width: 0;
border-bottom-width: 1px
}
.submit-button-5 {
background-size: 28px;
padding-right: 35px;
font-size: 12px;
line-height: 15.83px
}
.form-block-3 {
max-width: 100%
}
.text-block-66,
.text-block-67 {
font-size: 12px;
line-height: 15.83px
}
.heading-53 {
font-size: 42px;
line-height: 47.88px
}
.section-30.manifesto-text-section {
padding-top: 48px;
padding-bottom: 100px;
font-size: 12px;
line-height: 15px
}
.image-62 {
z-index: 1;
width: 39px;
inset: auto auto 40px 0
}
.image-62.mobile-show {
display: block
}
.image-62.deskshow {
display: none
}
.section-31 {
border-bottom-right-radius: 89px;
padding-top: 61px;
padding-bottom: 82px;
font-size: 18px;
line-height: 22px
}
.heading-54 {
margin-bottom: 19px;
font-size: 12px;
line-height: 15.83px
}
.image-63.disply-desk {
display: none
}
.section-32.lento-text-section {
padding-top: 72px;
padding-bottom: 72px;
font-size: 14px;
line-height: 20px
}
.grow-manifesto {
padding-bottom: 97px
}
.columns-19 {
flex-direction: column-reverse;
margin-bottom: 48px
}
.columns-19.reverse {
flex-direction: column-reverse;
display: flex;
position: static
}
.text-block-68,
.text-block-68.reverse {
min-width: auto;
padding-bottom: 0;
font-size: 12px;
line-height: 15.83px;
transform: rotate(0)
}
.column-32,
.column-32.revesre {
padding-top: 33px
}
.text-block-69 {
margin-bottom: 87px;
font-size: 14px;
line-height: 20px
}
.div-block-79 {
max-width: 271px;
margin-left: 0;
margin-right: 0;
font-size: 14px;
line-height: 20px
}
.heading-56 {
padding-left: 42px;
font-size: 32px;
line-height: 36.48px
}
.div-block-80 {
margin-bottom: 86px
}
.image-65 {
width: 28px;
top: 5px
}
.image-66 {
width: 100%;
height: auto;
position: static;
top: auto
}
.image-67 {
width: 30px;
max-width: 100%;
top: 5px;
bottom: auto
}
.div-block-81 {
padding-left: 47px;
position: relative
}
.div-block-82 {
padding: 0 20px 60px;
position: relative
}
.display-mobile {
display: block;
position: absolute;
top: auto;
bottom: -45px;
right: 0;
transform: translateY(-50%)
}
.section-33 {
padding-top: 48px;
padding-bottom: 100px;
font-size: 12px;
line-height: 15px
}
.columns-20 {
flex-direction: column-reverse
}
.paragraph-default {
padding-top: 63px;
padding-right: 0;
font-size: 12px;
line-height: 15px
}
.paragraph-default.without-padding {
margin-bottom: 38px;
padding-top: 0
}
.section-34 {
border-top-right-radius: 102px;
padding-top: 69px;
padding-bottom: 70px;
font-size: 18px;
line-height: 22px
}
.heading-57 {
margin-bottom: 23px;
font-size: 12px;
line-height: 15.83px
}
.image-69 {
width: 41px;
right: 23px
}
.section-35 {
padding-top: 89px;
padding-bottom: 87px
}
.heading-58 {
margin-bottom: 46px;
font-size: 32px;
line-height: 36.48px
}
.heading-58.newo {
margin-bottom: 30px
}
.image-70 {
width: 28px;
top: 5px
}
.div-block-84 {
padding-left: 42px
}
.div-block-85 {
margin-bottom: 30px;
padding-left: 18px
}
.heading-60 {
font-size: 14px;
line-height: 15px
}
.div-block-86 {
width: 7px;
height: 7px;
top: 4px
}
.div-block-86.other {
top: 5px
}
.div-block-87 {
max-width: 100%;
padding-bottom: 30px
}
.div-block-87.last-child {
border-bottom-width: 1px;
padding-bottom: 30px
}
.columns-21 {
border-bottom-width: 0;
padding-bottom: 0
}
.columns-22 {
padding-top: 91px
}
.div-block-88 {
margin-bottom: 20px
}
.section-36 {
padding-top: 51px;
padding-bottom: 75px
}
.heading-61 {
margin-bottom: 28px;
font-size: 32px;
line-height: 36.48px
}
.text-span-8 {
display: inline-block
}
.image-72 {
width: 28px;
margin-right: 19px
}
.div-block-89 {
padding-top: 34px
}
.div-block-90 {
padding-left: 41px
}
.image-73 {
width: 27px;
top: 5px
}
.section-37 {
padding-top: 60px;
padding-bottom: 60px
}
.column-35 {
text-align: center
}
.div-block-91 {
max-width: 400px;
margin-left: auto;
margin-right: auto
}
.text-block-71,
.text-block-72,
.text-block-73,
.text-block-74,
.text-block-75 {
font-size: 14px;
line-height: 15px
}
.text-block-76 {
font-size: 12px;
line-height: 15.83px
}
.div-block-92 {
background-color: #000;
width: 100%;
height: 0;
font-size: 0;
line-height: 0;
display: flex
}
.div-block-93 {
margin-bottom: 51px;
display: block
}
.image-76 {
width: 28px
}
.section-38 {
padding-top: 48px;
padding-bottom: 52px;
font-size: 12px;
line-height: 15px
}
.div-block-94 {
padding-left: 0
}
.heading-62 {
margin-bottom: 10px;
font-size: 12px;
line-height: 15.83px
}
.text-block-78,
.list-8 {
margin-bottom: 38px
}
.insight-categories-list {
flex-wrap: wrap;
font-size: 12px;
line-height: 15.83px;
display: flex
}
.link-7 {
font-size: 12px;
line-height: 15.83px
}
.collection-item-10 {
margin-right: 10px;
padding-right: 10px
}
.text-block-79 {
right: -3px
}
.text-block-79.first {
top: 3px;
bottom: auto
}
.link-8.all-btn.w--current {
font-size: 12px
}
.div-block-95 {
margin-right: 10px;
padding-right: 10px
}
.div-block-96 {
padding-left: 0
}
.blog-other {
font-size: 12px;
line-height: 15px
}
.div-block-100.insight-post-content {
max-width: 100%;
margin-top: 22px
}
.text-block-82 {
margin-bottom: 18px;
font-size: 18px;
line-height: 20.52px
}
.text-block-83 {
max-width: 100%;
padding-bottom: 20px;
font-size: 12px;
line-height: 15px
}
.collection-item-12.insight-post-item {
margin-bottom: 50px;
padding-bottom: 30px
}
.collection-item-12.insight-post-item:first-child {
margin-bottom: 75px
}
.div-block-101 {
max-width: 100%;
padding-top: 13px
}
.image-80 {
width: 28px
}
.image-81 {
width: 28px;
margin-right: 15px
}
.section-39 {
padding-bottom: 70px
}
.category-insights-blog {
margin-top: 38px;
margin-bottom: 7px
}
.arrow-hidden-post {
width: 28px;
margin-left: 14px
}
.collection-list-6 {
flex-wrap: wrap;
display: flex
}
.text-block-84 {
font-size: 12px;
line-height: 15.83px
}
.inblock {
display: block
}
.body-6.bgother {
background-color: #fcfcfc
}
.link-8.all-btn {
font-size: 12px
}
.body-7.lightbg {
background-color: #f8f8f8
}
.insight-post-inner-hero {
padding-top: 51px;
padding-bottom: 40px
}
.image-76 {
top: 5px
}
.div-block-102 {
font-size: 12px;
line-height: 15.83px
}
.post-content-area {
padding-top: 40px;
padding-bottom: 110px;
font-size: 12px;
line-height: 15px
}
.post-content-area.read-content {
padding-top: 47px;
padding-bottom: 58px;
font-size: 16px;
line-height: 22px
}
.rich-text-block-16 {
font-size: 28px;
line-height: 35px
}
.div-block-103 {
margin-bottom: 39px
}
.div-block-104 {
margin-bottom: 54px
}
.text-block-86 {
margin-top: 24px
}
.div-block-105 {
padding-left: 0
}
.div-block-107 {
padding-top: 0;
padding-bottom: 53px
}
.heading-63 {
margin-bottom: 15px;
font-size: 12px;
line-height: 15.83px
}
.sharing-section {
text-align: center;
margin-top: 45px
}
.more-insights-section {
margin-top: 83px
}
.heading-64 {
font-size: 32px;
font-weight: 400;
line-height: 36.48px
}
.div-block-108 {
margin-bottom: 0;
padding-left: 43px
}
.image-84 {
width: 28px
}
.div-block-109 {
padding-bottom: 56.25%
}
.link-block-18 {
margin-top: 0
}
.div-block-110 {
margin-top: 17px
}
.link-10 {
font-size: 14px;
line-height: 18.46px
}
.div-block-111 {
margin-top: 56px;
margin-bottom: 0
}
.collection-item-15 {
width: 100%;
margin-top: 46px;
margin-right: 0%
}
.html-embed-6.fb-share {
width: 46px;
height: 46px;
margin-right: 32px
}
.html-embed-6.linkedin-share,
.html-embed-6.twitter-share {
width: 46px;
height: 46px
}
.rich-text-block-18.insight-post-title {
margin-bottom: 18px;
font-size: 42px;
font-weight: 700;
line-height: 47.88px
}
.div-block-112 {
text-align: center
}
.bold-text-28 {
display: block
}
.rich-text-block-19 {
font-size: 42px;
line-height: 47.88px
}
.div-block-72 {
padding-left: 0
}
.div-block-74.career-form {
margin-left: 0
}
.heading-67 {
margin-bottom: 8px;
font-size: 16px;
font-weight: 700;
line-height: 25px
}
.div-block-114 {
padding-left: 18px
}
.collection-item-16 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
display: flex
}
.div-block-115 {
max-width: 167px;
padding-top: 0;
padding-bottom: 26px
}
.div-block-116 {
margin-top: 21px;
margin-bottom: 54px
}
.text-block-91 {
font-size: 12px;
line-height: 15px
}
.lottie-animation-5 {
display: none
}
.wg-element-wrapper.sw1 {
font-family: "Lato", sans-serif;
position: relative
}
.div-block-117 {
display: none
}
.html-embed-7 {
border-bottom-left-radius: 0
}
.div-block-118 {
padding-bottom: 56.25%
}
.div-block-119 {
width: 100%;
padding-bottom: 100%;
top: 0;
bottom: auto;
left: 0
}
.rich-text-block-20.textcustom-area {
font-size: 32px;
line-height: 36.48px
}
.div-block-121 {
margin-top: 15px
}
.link-11 {
margin-bottom: 6px;
font-size: 16px;
line-height: 18.24px
}
.div-block-122 {
font-size: 12px;
line-height: 15.83px
}
.div-block-124 {
margin-top: 15px
}
.link-block-20 {
color: #fff;
background-color: #fff;
border-radius: 50%;
width: 40px;
height: 40px;
margin-right: 15px;
position: relative
}
.image-88 {
width: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.link-12 {
text-align: left;
border-bottom: 2px solid #ddd;
border-radius: 0;
width: 90%;
margin-left: auto;
margin-right: auto;
font-size: 16px;
font-weight: 500;
display: block
}
.link-12:hover {
background-color: #0000
}
.collection-item-18 {
margin-left: 0;
margin-right: 0;
display: block
}
.collection-list-9 {
text-align: left
}
.div-block-125 {
background-color: #fff;
flex-flow: column wrap;
padding-top: 15px;
padding-bottom: 39px
}
.section-46 {
padding-top: 16px;
padding-bottom: 16px;
position: relative
}
.section-47 {
padding-top: 35px;
padding-bottom: 40px
}
.div-block-126 {
margin-bottom: 36px;
margin-left: 20px;
margin-right: 20px;
padding-left: 60px
}
.heading-68 {
margin-bottom: 5px;
font-size: 34px;
line-height: 1.2
}
.text-block-95 {
font-size: 12px
}
.image-90 {
width: 44px
}
.div-block-128 {
width: 100%;
margin-bottom: 40px
}
.div-block-129 {
flex-flow: column wrap
}
.div-block-130 {
text-align: center;
width: 100%;
margin-left: 0%;
padding-left: 20px;
padding-right: 20px
}
.text-block-96 {
text-align: center;
padding-top: 9px;
padding-bottom: 9px;
font-size: 16px;
display: none
}
.text-block-96.mobile-show-only {
background-color: #fff;
border-radius: 0;
width: 100%;
display: block;
position: absolute;
bottom: 0
}
.heading-69 {
font-size: 24px;
line-height: 1.25
}
.div-block-132 {
margin-top: 0;
padding-bottom: 21px
}
.div-block-133 {
border-top-width: 2px;
justify-content: center;
padding-top: 19px;
font-size: 14px
}
.div-block-134 {
width: 5px;
height: 5px;
margin-left: 10px;
margin-right: 10px
}
.link-block-22 {
margin-top: 0
}
.section-48 {
border-top-right-radius: 54px;
border-bottom-left-radius: 68px;
padding-top: 50px;
padding-bottom: 61px
}
.heading-70 {
font-size: 34px
}
.heading-71 {
margin-top: 10px;
font-size: 24px
}
.link-block-23 {
margin-top: 0;
font-size: 24px
}
.collection-item-19 {
margin-top: 36px
}
.div-block-135 {
height: 2px;
margin-top: 5px
}
.section-49 {
padding-top: 50px;
padding-bottom: 55px
}
.div-block-136 {
margin-bottom: 0
}
.image-92 {
width: 45px;
min-width: 45px;
margin-right: 10px
}
.heading-72 {
font-size: 34px
}
.collection-item-20.blogpost-item {
width: 100%;
margin-top: 50px;
padding-left: 0;
padding-right: 0
}
.collection-list-10.bloglist-items {
width: 100%
}
.collection-list-wrapper-4 {
margin-left: 0;
margin-right: 0
}
.div-block-138 {
margin-top: 29px
}
.link-14 {
font-size: 16px
}
.div-block-140.cat-use {
margin-bottom: 13px;
padding-bottom: 12px
}
.div-block-141 {
margin-top: 10px;
position: static
}
.div-block-143 {
width: 100%;
padding-bottom: 0
}
.div-block-144 {
text-align: center
}
.section-50 {
border-top-left-radius: 80px;
padding-top: 45px;
padding-bottom: 60px
}
.heading-74 {
margin-bottom: 20px;
font-size: 28px
}
.text-block-102 {
max-width: 270px;
font-size: 12px;
line-height: 18px
}
.div-block-146 {
margin-top: 40px;
font-size: 14px
}
.text-field-6 {
border-width: 0 0 1px;
border-radius: 0;
width: 100%;
max-width: 100%;
height: 42px;
font-size: 14px
}
.text-field-6:focus {
border-bottom-color: #fff
}
.text-field-6::placeholder {
font-size: 14px
}
.form {
flex-flow: column wrap
}
.submit-button-6 {
min-width: auto;
margin-top: 34px;
margin-left: 0;
padding-top: 13px;
padding-bottom: 13px;
font-size: 14px
}
.div-block-147 {
width: 53px;
height: 53px;
left: 0
}
.div-block-148 {
width: 30px;
height: 30px
}
.div-block-150 {
display: flex
}
.div-block-151,
.div-block-152,
.div-block-153 {
transition: all .5s
}
.collection-list-wrapper-5 {
width: 100%;
margin-top: 0
}
.div-block-154 {
font-size: 16px;
font-weight: 700
}
.text-block-105.hidden-header {
letter-spacing: 9.5px;
margin-left: 7px;
font-size: 19px
}
.link-12.w--current {
background-color: #0000
}
.div-block-125 {
background-color: #fcfcfc
}
.section-51 {
margin-top: 0;
padding-top: 36px;
padding-bottom: 36px
}
.heading-75 {
font-size: 30px
}
.image-94 {
width: 44px;
min-width: 44px;
min-height: auto;
margin-right: 11px
}
.collection-item-22 {
background-color: #0000;
margin-bottom: 70px;
padding-top: 0;
padding-bottom: 0
}
.collection-item-22:nth-child(2n) {
background-color: #0000
}
.collection-item-22:last-child {
padding-bottom: 0
}
.div-block-156 {
width: 100%;
min-height: auto;
padding-bottom: 56.25%
}
.div-block-157 {
width: 100%;
margin-top: 29px;
padding-left: 0
}
.div-block-158 {
flex-flow: column wrap
}
.heading-76 {
font-size: 24px
}
.div-block-159 {
border-top-width: 0;
margin-top: 5px;
padding-top: 0;
font-size: 14px
}
.div-block-161 {
max-width: 100%
}
.link-block-28 {
font-size: 21px
}
.link-15 {
font-size: 14px
}
.div-block-163 {
border-bottom: 2px solid #ddd;
margin-bottom: 12px;
padding-bottom: 16px
}
.section-50.minus {
margin-top: 0
}
.section-52 {
background-color: #f0f0f0;
border-top: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
padding-top: 17px;
padding-bottom: 17px
}
.link-block-29 {
color: #373d40;
align-items: center;
max-width: 180px;
margin-top: 0;
font-family: "Lato", sans-serif;
font-size: 14px;
font-weight: 700;
display: flex
}
.link-block-29:hover {
color: #c4a385
}
.image-96 {
width: 10px;
margin-right: 19px
}
.section-53 {
padding-top: 18px;
padding-bottom: 33px
}
.div-block-164 {
margin-bottom: 13px;
padding-bottom: 13px
}
.link-16 {
font-size: 16px
}
.heading-77 {
margin-bottom: 13px;
font-size: 30px
}
.div-block-167 {
font-size: 14px
}
.div-block-168 {
margin-top: 32px
}
.div-block-169 {
width: 44px;
min-width: 44px;
height: 44px;
min-height: 44px;
margin-right: 13px;
font-size: 14px
}
.div-block-170 {
font-size: 14px
}
.section-55 {
padding-bottom: 0
}
.section-57 {
padding-top: 44px;
padding-bottom: 44px;
font-size: 16px;
line-height: 22px
}
.section-58 {
text-align: center;
border-top-right-radius: 71px;
border-bottom-left-radius: 0;
padding-top: 37px;
padding-bottom: 37px
}
.heading-78 {
margin-bottom: 20px;
font-size: 24px
}
.link-block-30 {
justify-content: center;
font-size: 14px
}
.image-99 {
width: 20px;
min-width: 20px;
height: auto;
margin-right: 14px
}
.div-block-176 {
margin-right: 10px
}
.div-block-176._0right {
margin-left: 10px
}
.text-block-108 {
font-size: 16px
}
.div-block-177 {
justify-content: space-between
}
.image-100 {
width: 23px;
top: 11px;
right: 11px
}
.section-59 {
font-size: 16px;
line-height: 22px
}
.div-block-178 {
width: 54px;
min-width: 54px;
height: 54px;
min-height: 54px
}
.div-block-179 {
margin-left: 23px
}
.text-block-109 {
font-size: 12px
}
.heading-79 {
margin-top: 5px;
margin-bottom: 13px;
font-size: 24px
}
.section-60 {
padding-top: 45px;
padding-bottom: 74px;
font-size: 14px
}
.div-block-180 {
margin-bottom: 42px
}
.heading-80 {
margin-bottom: 6px;
font-size: 24px
}
.collection-list-14 {
margin-left: 0;
margin-right: 0
}
.div-block-140.cat-use {
border-bottom-width: 2px
}
.collection-item-27 {
width: 100%;
margin-bottom: 73px;
padding-left: 0;
padding-right: 0
}
.collection-item-27:last-child {
margin-bottom: 0
}
.collection-list-wrapper-6 {
margin-left: 0;
margin-right: 0
}
.div-block-181 {
margin-top: 73px
}
.html-embed-8 {
cursor: pointer
}
.div-block-184 {
display: none
}
.header-btn-o2 {
letter-spacing: 2px;
min-height: 50px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 18px
}
.header-btn-o2.auto {
min-width: auto;
padding: 3px 16px;
font-size: 14px;
display: block
}
.lp-footer-section {
padding-top: 80px;
padding-bottom: 80px
}
.heading-81 {
font-size: 28px
}
.footer-txt-o2 {
max-width: 240px
}
.footer-sm-lnk-o2 {
width: 46px;
height: 46px;
padding: 5px
}
.lp-social-icon,
.image-104 {
width: 18px
}
.lp-footer-logo {
max-width: 165px
}
.lp-site-links {
max-width: 240px;
font-size: 24px
}
.lp-hero-section {
border-bottom-right-radius: 100px;
padding-bottom: 80px
}
.lp-hero-title {
max-width: 800px;
font-size: 72px;
line-height: 79.36px
}
.lp-btn {
padding: 14px 32px
}
.lp-superpower-section {
padding-top: 80px
}
.lps-left {
width: 65%
}
.lps-right {
width: 35%
}
.heading-82 {
font-size: 52px;
line-height: 59.36px
}
.lps-video-outer {
margin-top: 80px
}
.lpsl-wrap {
max-width: 450px
}
.choos-path-section {
padding-top: 80px;
padding-bottom: 30px
}
.cp-title {
margin-bottom: 50px
}
.cp-link {
padding-top: 50px;
padding-bottom: 50px;
font-size: 60px;
line-height: 69.36px
}
.cp-link:hover {
transform: translate(3%)
}
.cp-circle {
width: 100px;
min-width: 100px;
height: 100px;
min-height: 100px
}
.cp-content {
max-width: 550px;
margin-left: 40px
}
.cp-text {
font-size: 52px;
line-height: 59.36px
}
.lp-built-section {
padding-bottom: 80px
}
.built-wrap {
max-width: 450px;
margin-top: -70px
}
.built-title {
font-size: 52px;
line-height: 59.36px
}
.image-105 {
margin-left: auto;
margin-right: auto;
display: block
}
.lp-two-column-section {
padding-top: 80px;
padding-bottom: 80px
}
.two-col-title {
font-size: 27px;
line-height: 30.87px
}
.lp-rock-section {
border-bottom-left-radius: 100px;
padding-top: 80px;
padding-bottom: 100px
}
.rock-box {
padding-left: 10px;
padding-right: 10px
}
.rock-box.third,
.rock-box.btwo {
margin-right: 0
}
.rock-box.four {
margin-left: 40px
}
.rock-title {
font-size: 14px
}
.rock-img {
width: 70%
}
.rock-img.rc2 {
width: 65%;
max-width: 65%
}
.heading-84 {
font-size: 52px;
line-height: 59px
}
.rock-script {
text-transform: none
}
.rock-script.max {
max-width: 300px
}
.lp-asked-section {
margin-top: 0;
padding-top: 80px;
padding-bottom: 80px
}
.heading-85 {
max-width: 300px;
font-size: 52px;
line-height: 59px
}
.heading-85.ask-title {
max-width: 300px
}
.lp-ask-form-section {
margin-top: 80px
}
.pointer-effect {
display: none
}
.cookies-content {
max-width: 436px;
font-size: 15px;
line-height: 22px
}
.cookie-popup_component {
padding-top: 48px;
padding-bottom: 48px
}
.cookies-right-area {
padding-left: 15px
}
.newbranding {
font-size: 16px;
line-height: 18.56px
}
.coming-soon-hero-section {
padding-bottom: 80px
}
.css-line-first.second {
margin-top: 0
}
.css-top {
font-size: 98px
}
.cssb-left {
font-size: 16px;
line-height: 18.56px
}
.css-line {
padding-left: 30px;
padding-right: 30px
}
.css-intro {
max-width: 250px
}
.css-logo {
width: 180px
}
.live-counter-section {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/67b89c2bd6b3f4b4321977df_c50f3c694b23dd9ee51369eb120918d7%20\(1\).webp);
min-height: 100vh;
padding-top: 25px;
padding-bottom: 67px
}
.lc-header {
font-size: 48px;
line-height: 49px
}
.countdown-wrapper {
max-width: 323px;
margin-top: 166px
}
.counter-number {
font-size: 48px
}
.counter-info {
font-size: 18px;
line-height: 21.6px
}
.lc-button {
margin-top: 154px
}
.theme-btn {
padding-top: 6px;
padding-bottom: 6px;
font-size: 18px
}
.tb-arrow {
width: 15px
}
.cs-whatwedo-section {
padding-top: 70px;
padding-bottom: 461px
}
.cswwd-title {
margin-bottom: 24px;
font-size: 48px;
line-height: 49px
}
.cswwd-intro {
font-size: 16px;
line-height: 18.56px
}
.words {
padding: 10px;
font-size: 28px
}
.image-container {
min-height: auto
}
.squeeze-image {
min-height: auto;
padding-top: 288px;
padding-bottom: 90px
}
.squeeze-title {
max-width: 380px;
font-size: 58px;
line-height: 64px
}
.get-notified-section {
padding-top: 80px;
padding-bottom: 127px
}
.get-notified-title {
font-size: 48px
}
.success-message-6 {
font-size: 16px
}
.gn-form-input {
margin-bottom: 30px;
padding-top: 11px;
padding-bottom: 11px;
font-size: 16px
}
.gn-submit {
margin-top: 60px
}
.gn-submit-btn {
background-position: 82%;
background-size: 15px;
border-width: 1px;
max-width: 144px;
font-size: 18px;
line-height: 21.89px
}
.gn-icon {
width: 80px;
right: 30px
}
.footertop-menu-item {
margin-bottom: 35px;
line-height: 1
}
.footertop-menu-link,
.footertop-menu-link.short,
.footer-email-item {
font-size: 18px
}
.footer-email-text {
margin-right: 5px
}
.footer-email-icon {
width: 15px
}
.footer-top-wrap {
margin-top: 14px
}
.footer-top-title {
font-size: 32px
}
.footer-middle {
margin-top: 108px
}
.turtle-icon {
width: 20%
}
.footer-bottom {
font-size: 18px
}
.text-span-11 {
display: block
}
.body-9 {
font-size: 18px
}
.website-header-section {
padding-top: 20px;
padding-bottom: 20px
}
.web-menu-item {
margin-left: 14px;
margin-right: 14px
}
.website-btn-icon {
width: 22px
}
.h1-title {
font-size: 100px
}
.h1-title.v2.short {
font-size: 58px
}
.h1-title.about-hero-title {
margin-bottom: 70px;
font-size: 58px;
line-height: 109%
}
.h1-title.cus-hero-title {
max-width: 327px;
font-size: 41px
}
.h1-title.privacy-hero-title {
font-size: 58px;
line-height: 119%
}
.h1-green-span {
margin-top: 80px
}
.web-hero-list {
font-size: 18px
}
.web-video-outer {
top: 70% !important;
}
.home-about-section.dark-menu {
padding-top: 70px;
padding-bottom: 70px
}
.home-about-intro {
margin-top: 9px
}
.home-about-icon {
width: 140px
}
.h2-title,
.h2-title.green,
.h2-title.green.wwd-main-header {
font-size: 48px
}
.h2-title.green.short {
max-width: 285px
}
.h2-title.green.feedback-header {
margin-bottom: 52px
}
.h2-title.green.upnext-header {
margin-bottom: 65px;
font-size: 100px
}
.h2-title.green.process-journey-title {
max-width: 550px;
margin-left: auto;
margin-right: auto;
font-size: 74px
}
.h2-title.green.featured-sec-title {
font-size: 64px
}
.h2-title.green.ab-team-title {
font-size: 42px
}
.h2-title.green.manfiesto-title {
margin-bottom: 68px;
font-size: 68px
}
.h2-title.green.contact-popup-title {
font-size: 50px
}
.h2-title.our-work-title-main {
font-size: 90px
}
.h2-title.footer-left-title {
max-width: 400px;
font-size: 48px
}
.h2-title.process-header {
margin-bottom: 43px
}
.h2-title.creativity-title,
.h2-title.bring-title {
font-size: 50px
}
.home-about-bottom {
margin-top: 80px
}
.home-about-bottom.more {
margin-top: 122px
}
.home-about-trusted-title {
font-size: 16px
}
.algorithm-section {
padding-top: 70px;
padding-bottom: 70px
}
.website-wok-section.dark-menu {
padding-top: 70px;
padding-bottom: 120px
}
.web-work-intro {
max-width: 360px;
font-size: 18px
}
.web-work-header-title {
font-size: 24px
}
.web-work-header-info {
font-size: 16px
}
.web-work-tag-btn {
margin-right: 10px;
padding-left: 15px;
padding-right: 15px;
font-size: 15px
}
.web-work-btn-wrap {
margin-top: 70px
}
.branding-btn-style.dark.play-more {
font-size: 19px
}
.branding-btn-style-arrow.ply {
width: 16px
}
.website-marquee-section.dark-menu {
padding-top: 70px;
padding-bottom: 70px
}
.marquee-texts.marquee-slide {
font-size: 70px
}
.website-what-we-do-section {
padding-top: 120px;
padding-bottom: 70px
}
.wwd-contents-column {
padding-left: 10px
}
.wwd-number {
font-size: 25px
}
.lento-way-section {
padding-top: 0;
padding-bottom: 70px
}
.lento-way-slider {
margin-left: -10px;
margin-right: -10px
}
.lento-way-contents {
margin-top: 60px
}
.lento-way-btn-wrap {
margin-top: 40px
}
.our-approach-section.dark-menu {
padding-top: 70px;
padding-bottom: 70px
}
.our-approach-left {
padding-right: 10px
}
.text-block-113 {
font-size: 18px
}
.approach-inside-icon {
font-size: 20px
}
.approach-inside-icon.ic {
width: 80px
}
.our-approach-row-inner.first {
padding-top: 20px;
padding-bottom: 20px
}
.website-footer-section {
padding-top: 70px
}
.website-footer-bottom {
margin-top: 80px
}
.footer-column-middle {
font-size: 18px
}
.footer-submit-link.openform-btn.full {
font-size: 19px
}
.footer-work-text.mail {
margin-top: 40px
}
.footer-work-text.big,
.footer-email.mail {
font-size: 19px
}
.website-work-hero-section {
padding-top: 120px;
padding-bottom: 70px
}
.website-work-left {
width: 55%
}
.website-work-right {
width: 45%
}
.work-filter-dropdown.service {
margin-left: 5px;
padding-left: 14px;
padding-right: 32px
}
.work-filter-dropdown.industry {
margin-left: 5px;
padding-left: 14px;
padding-right: 32px;
font-size: 18px
}
.work-filter-text,
.cat-btn {
font-size: 18px
}
.work-listing-section {
padding-bottom: 128px
}
.work-post-item {
margin-top: 140px
}
.h3-title {
font-size: 34px;
}
.work-post-desc {
font-size: 19px
}
.work-post-cat-link {
font-size: 16px
}
.work-post-cat-link.light {
margin-right: 12px;
padding-right: 12px
}
.cs-hero-section {
padding-top: 120px;
padding-bottom: 83px
}
.es-hero-contents {
margin-top: 59px;
padding-top: 18px;
font-size: 16px
}
.cs-hero-title {
font-size: 58px
}
.cs-hero-intro {
margin-top: 30px;
font-size: 19px
}
.es-hero-header-wrap {
max-width: 600px
}
.cs-video-animation.dark-menu {
padding-bottom: 0%
}
.the-delievery-section {
padding-top: 71px;
padding-bottom: 88px
}
.the-delievery-section.the-ask {
padding-top: 71px;
padding-bottom: 133px
}
.the-delievery-section.the-results {
padding-top: 110px;
padding-bottom: 127px
}
.the-delievery-row {
margin-bottom: 161px
}
.change-text-anim {
font-size: 28px
}
.process-timeline-section.dark-menu {
padding-top: 90px;
padding-bottom: 143px
}
.process-column {
min-height: 400px
}
.project-outcome-section {
padding-top: 110px;
padding-bottom: 126px
}
.cs-feedback-section {
padding-top: 60px;
padding-bottom: 117px
}
.feedback-contents {
font-size: 19px;
line-height: 141%
}
.feedback-details {
margin-top: 23px;
font-size: 15px
}
.up-next-section {
padding-top: 80px;
padding-bottom: 124px
}
.c-link_bottom {
margin-top: 31px;
display: block
}
.c-link_post.cc-next {
margin-top: 0;
margin-bottom: 0
}
.c-link_top {
border-bottom-style: none;
flex-direction: row-reverse;
justify-content: flex-end;
padding-bottom: 0
}
.c-link_top.cc-next {
border-bottom-style: none;
flex-direction: row
}
.c-column.cc-left {
z-index: 100;
background-color: #0000;
flex-direction: row-reverse;
width: 100%;
min-width: auto;
margin-bottom: 0;
padding-right: 0;
display: flex;
position: relative;
top: 0
}
.back-btn-wrap {
margin-top: 44px
}
.back-btn-link {
font-size: 20px
}
.c-link_bottom-2 {
display: none
}
.timeline-contents {
padding-left: 20px
}
.ind-link {
font-size: 28px
}
.process-name {
max-width: 120px;
font-size: 20px
}
.cusror-img-wrap {
max-width: 150px
}
.website-service-hero-section {
padding-top: 120px;
padding-bottom: 136px
}
.wsi-wrap {
min-width: 400px;
margin-left: -129px;
top: 60px
}
.wsh-title {
font-size: 64px
}
.wsh-intro {
max-width: 300px
}
.wsh-intro.short {
max-width: 311px
}
.creating-service-section {
padding-top: 54px;
padding-bottom: 71px
}
.cst-anim-text {
margin-top: 52px;
font-size: 42px
}
.creating-service-bottom {
margin-top: 58px
}
.what-we-deliver-section {
padding-top: 71px;
padding-bottom: 120px
}
.creativity-section.dark-menu {
padding-top: 84px;
padding-bottom: 183px
}
.creativity-header {
max-width: 500px
}
.creativity-row {
padding-top: 0
}
.creativity-column {
width: 33.33%;
margin-top: 82px
}
.image-115 {
width: 58px;
min-height: 70px;
max-height: 70px
}
.cretivity-column-title,
.cretivity-column-title.full {
font-size: 24px
}
.process-journey-section {
padding-top: 126px;
padding-bottom: 182px
}
.process-journey-header {
margin-bottom: 66px
}
.scroll-card {
padding: 82px 20px 25px
}
.step-title-wrap,
.vertical-text {
font-size: 36px
}
.stepnmbr {
font-size: 30px
}
.service-featured-section {
padding-top: 84px;
padding-bottom: 98px
}
.service-featured-card-listing,
.sf-card {
margin-top: 68px
}
.all-services-section {
padding-top: 80px;
padding-bottom: 80px
}
.all-services-link {
font-size: 42px
}
.all-services-arrow {
font-size: 28px
}
.work-with-us-section.dark-menu {
padding-top: 85px;
padding-bottom: 78px
}
.work-with-us-section.dark-menu.get {
padding-top: 81px;
padding-bottom: 108px
}
.div-block-191 {
max-width: 320px
}
.div-block-191.full {
max-width: 360px
}
.div-block-191.full.ext {
max-width: 410px
}
.web-border-btn-icon {
width: 15px;
margin-left: 10px
}
.web-border-btn {
padding: 10px 20px;
font-size: 20px
}
.sf-btns {
margin-top: 80px
}
.expertise-footer-icon {
width: 50px
}
.expertise-footer-info {
font-size: 16px
}
.about-hero-section {
padding-top: 110px;
padding-bottom: 60px;
}
.about-hero-row {
min-height: auto
}
.about-hero-images {
max-width: 330px
}
.para-scroll {
max-width: 230px;
left: 10%
}
.built-title-2 {
font-size: 52px;
line-height: 59.36px
}
.image-118 {
margin-left: auto;
margin-right: auto;
display: block
}
.disrupt-value-section {
padding-top: 98px;
padding-bottom: 139px
}
.disrupt-value-row {
margin-top: 61px
}
.disrupt-value-img-wrap {
margin-top: 80px
}
.disrupt-value-right-contents {
padding-top: 22px;
padding-bottom: 25px;
font-size: 20px
}
.disrupt-value-right-number {
font-size: 14px
}
.about-team-section {
padding-top: 53px;
padding-bottom: 148px
}
.about-team-header-wrap {
margin-top: 46px
}
.about-team-outer {
margin-top: 65px
}
.about-team-list-item-main.in-team-item {
margin-bottom: 86px
}
.country-circle {
width: 46px;
height: 46px
}
.timezone-dynamic {
font-size: 30px
}
.timezone-desc {
font-size: 19px
}
.our-manfiesto-section.dark-menu {
padding-top: 60px;
padding-bottom: 100px;
}
.manfiesto-two-col-row {
margin-bottom: 71px
}
.manfiesto-contents {
font-size: 19px;
line-height: 122%
}
.manfiesto-text {
font-size: 18px;
}
.manfiesto-bottom-contents {
font-size: 19px;
line-height: 122%
}
.manfiesto-bottom-img-wrap {
margin-top: 96px
}
.manfiesto-bottom-text {
font-size: 19px
}
.manfiesto-next-contents {
max-width: 278px;
margin-top: 70px
}
.manfiesto-next-text {
font-size: 19px
}
.tunes-section {
padding-top: 53px;
padding-bottom: 101px
}
.text-span-45 {
background-size: 50px;
padding-right: 60px
}
.tunes-code {
margin-top: 35px
}
.tunes-btn-wrap {
margin-top: 55px
}
.site-faq-section {
padding-top: 60px;
padding-bottom: 100px;
}
.faq-block {
padding-top: 22px;
padding-bottom: 0
}
.faq-heading {
font-size: 20px
}
.faq-headng-text {
padding-right: 30px
}
.plus-btn {
width: 18px;
min-width: 18px;
height: 18px;
min-height: 18px
}
.faq-hide {
padding-bottom: 22px;
font-size: 19px;
line-height: 122%
}
.faq-hide-contene-main {
margin-top: 30px
}
.contact-hero-section {
min-height: auto;
padding-top: 150px;
padding-bottom: 123px
}
.text-block-118 {
max-width: 360px
}
.contact-popup-section {
padding-left: .9375rem;
padding-right: .9375rem
}
.contact-popup-inner {
padding: 31px 41px 105px
}
.cp-close {
width: 26px;
height: 26px;
top: 23px;
right: 23px
}
.cp-line {
width: 15px;
height: 1px
}
.cf-label {
font-size: 18px
}
.cf-input {
margin-bottom: 28px;
font-size: 18px
}
.cf-input.v2 {
min-height: 170px
}
.cf-form-row.border {
margin-top: 27px
}
.cf-form-column {
width: 48%;
margin-right: 4%
}
.cf-help-text {
font-size: 19px
}
.range-embeded,
.file-embeded {
font-size: 18px
}
.cf-submit {
background-position: 60%;
background-size: 18px;
padding-top: 14px;
padding-bottom: 14px;
font-size: 22px
}
.privacy-hero-section {
padding-top: 180px;
padding-bottom: 180px
}
.privacy-header-wrap {
max-width: 260px
}
.privacy-content-section {
padding-top: 72px;
padding-bottom: 126px
}
.privacy-content-box {
margin-bottom: 85px
}
.privacy-content-intro {
margin-top: 18px
}
.er-not-page-fount-text {
font-size: 30px
}
}
@media screen and (max-width: 1200px) {
.h1.black {
font-size: 56px
}
.main-right {
width: 70%;
height: 70%;
margin-left: 138px;
position: relative
}
.main-left {
z-index: 99;
margin-left: 40px;
position: relative
}
.h1-reck {
font-size: 70px
}
.phto-container {
max-width: none;
min-height: auto;
position: relative
}
.what-we-do-main {
margin-left: 20px
}
.h1-bev.diff.nowrap {
font-size: 136px
}
.p2-lento.news {
font-size: 15px;
font-weight: 400
}
.proud-wrapper-text {
padding: 20px 10px 20px 20px
}
.line-proud {
width: 1.5rem;
margin-top: 40px
}
.news-form {
min-width: auto
}
.footer-left {
padding-left: 20px
}
.footer-right {
flex-direction: column;
align-items: flex-end;
padding-right: 20px;
display: flex
}
.contact-buttn {
width: 170px
}
.h6 {
font-size: 13px
}
.h6.black,
.h6.white {
font-weight: 300
}
.who-container {
max-width: none;
padding-right: 9px
}
.super-h1 {
font-size: 90px
}
.content-right {
margin-left: 0
}
.phot-cont {
margin-left: 20px
}
.phot-cont.dif {
margin-left: 0
}
.essence-section {
padding-top: 30px;
padding-left: 30px;
padding-right: 30px
}
.row-02 {
margin-left: 80px
}
.h1-bigg {
line-height: 90%
}
.detailsessenceh {
margin-top: 0;
font-size: 18px
}
.photoholder-numb {
width: 100px;
height: 100px
}
.h1numb {
font-size: 60px
}
.howcanweblock {
padding-left: 10px;
padding-right: 10px
}
.whatwedowrapper {
overflow: hidden
}
.lentomid {
font-size: 13px
}
.h1lento2 {
max-width: 300px;
font-size: 30px
}
.pwhatwedo {
font-size: 20px;
font-weight: 500
}
.whatwedoparralels {
padding-left: 0;
padding-right: 0
}
.ph5whatwedo {
color: #05050573;
font-size: 13px;
font-weight: 400
}
.h1subttitle {
font-size: 13px
}
.h1subttitle.spantext {
font-family: "Lato", sans-serif;
font-size: 10px;
font-weight: 200
}
.hheading {
font-size: 25px
}
.pprocess {
font-size: 18px
}
.howwedogrid {
grid-template-rows: auto auto auto auto auto auto auto auto auto auto
}
.howweboxleft {
justify-content: center;
width: 70%;
height: auto;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 0;
padding-left: 15px;
padding-right: 15px
}
.h1box {
text-align: center;
font-size: 40px
}
.pboxhow {
text-align: center;
font-size: 15px
}
.howweboxright {
width: 70%;
height: auto;
margin-bottom: 10px;
margin-right: 0;
padding: 15px;
display: flex
}
.passion-heading {
font-size: 30px
}
.herogrid {
position: relative
}
.menusection {
grid-template-rows: 1fr auto auto;
grid-template-columns: 1fr
}
.menulinksholders {
align-items: flex-start;
height: 70vh
}
.linkpages {
width: 60%;
height: 70px
}
.linkh1pages {
font-size: 35px
}
.menurightsection {
justify-content: flex-start;
align-items: flex-start;
padding-left: 20px
}
.contat-us-h3 {
color: var(--salmon)
}
.link-social-media-h5 {
color: #fff
}
.circle-mobile-separate {
background-color: #fff;
border-radius: 50%;
width: 10px;
height: 10px;
padding-bottom: 0;
padding-right: 0;
display: block
}
.contact-us-section {
padding-top: 7em
}
.contact-form-lento {
padding: 40px 20px
}
.loadanimation {
width: 568px;
height: 100%;
position: sticky;
top: 0
}
.lottie-animation-2 {
object-fit: fill;
width: 568px;
height: auto;
position: static;
top: 0
}
.boxwrap.spaceright.ap {
margin-top: 0
}
.divhidebox.leftright {
flex-direction: column;
align-items: flex-start
}
.textsuper {
font-size: 56px;
line-height: 100%
}
.textsuper.margleft {
margin-left: 0;
font-size: 56px
}
.textsuper.spacebottom {
max-width: 300px;
font-size: 56px
}
.boxgoal {
margin-top: 50px;
margin-left: 0
}
.lightgraph {
line-height: 130%
}
.midvib {
font-size: 40px
}
.midvib.small.white {
font-size: 15px
}
.midvib.white {
font-size: 25px
}
.midvib.mid {
max-width: 500px;
font-weight: 400
}
.buttonlento {
margin-top: 4rem
}
.load-animation-wrap {
display: none
}
.blog-holder {
display: block
}
.heading-4 {
font-size: 30px
}
.work-grid {
grid-row-gap: 0px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr
}
.speciality-box.cut {
max-width: 250px
}
.line-grid-ap.bgwhite {
width: 100%;
height: 1px;
inset: auto 0% 0%
}
.line-grid-ap.bgred {
width: 0%;
height: 1px;
inset: auto 0% 0%
}
.spantext {
display: inline-block
}
.spantext._01 {
font-family: "Lato", sans-serif;
font-size: 30px
}
.spantext._01.big {
font-size: 56px
}
.spantext._02 {
font-family: "Lato", sans-serif;
font-size: 30px
}
.spantext._02.big {
font-size: 56px
}
.spantext._03 {
font-family: "Lato", sans-serif;
font-size: 30px
}
.spantext._03.big {
font-size: 56px
}
.spantext._04 {
font-family: "Lato", sans-serif;
font-size: 30px
}
.spantext._04.big {
font-size: 56px
}
.spantext._05 {
font-family: "Lato", sans-serif;
font-size: 30px
}
.spantext._05.big {
font-size: 56px
}
.spantext._06 {
font-family: "Lato", sans-serif;
font-size: 30px
}
.spantext._06.big {
font-size: 56px
}
.spantext._07,
.spantext._08,
.spantext._09 {
font-size: 30px
}
.subscribe-form {
padding: 40px 20px
}
.footer-hold {
flex-direction: column;
align-items: flex-start;
display: block
}
.agency-privacy-hold {
flex-direction: column
}
.midium {
font-size: 10px
}
.transition {
display: none
}
.links-holders {
width: 300px
}
.submite-newsletter {
margin-top: 2em;
margin-left: 0;
position: relative
}
.formnewsletter-lento {
min-width: 200px
}
.hero-grid {
height: auto;
padding-top: 10em
}
.circlebig {
width: 50px;
height: 50px
}
.block-parent-2.is-right {
width: 35em
}
.hero-hide.is-half {
max-width: 60em
}
.menu-grandchild {
height: 60em
}
.column,
.wrap-1114.remove-padding,
.wrap-1114.removepad {
padding-left: 0;
padding-right: 0
}
.heading-13.different-heading._3line {
max-width: 250px
}
.heading-13.different-heading.work {
margin-bottom: 17px
}
.section-3.video-section {
flex-direction: column;
padding-bottom: 78px;
padding-left: 32px;
padding-right: 32px
}
.rotate-text {
margin-top: 37px
}
.column-3 {
background-color: #c4a385
}
.heading-14.newone,
.heading-14.newok {
max-width: 130px;
margin-left: auto;
margin-right: auto
}
.column-4 {
padding: 0 0 0 10px
}
.div-block-8 {
border-top-right-radius: 53px;
right: 0%
}
.div-block-8.remove,
.div-block-8.hide {
display: none
}
.map-area {
padding-top: 37px
}
.bold-text-9 {
display: inline-block
}
.text-block-10 {
max-width: 267px;
margin-left: auto;
margin-right: auto
}
.bold-text-10 {
display: inline-block
}
.text-block-14.boldtext {
font-weight: 700
}
.div-block-13 {
max-width: 240px
}
.columns-3.slider-hover {
margin-top: 106px
}
.columns-3.slider-hover.first {
margin-top: 31px
}
.columns-3.slider-hover.first.reverse {
margin-top: 106px
}
.div-block-14 {
padding-left: 37px
}
.div-block-14.no-padding {
padding-left: 10px
}
.div-block-15 {
text-align: left;
max-width: 240px;
margin-left: auto;
margin-right: auto
}
.heading-19 {
line-height: 15px
}
.columns-4 {
margin-top: 13px;
padding-top: 0
}
.div-block-17 {
padding-bottom: 60.75%
}
.column-8 {
margin-bottom: 39px;
padding-left: 0;
padding-right: 0
}
.column-9 {
padding-left: 0;
padding-right: 0
}
.div-block-19 {
padding-top: 35px
}
.text-block-21._3line {
max-width: 272px
}
.text-block-23 {
padding-right: 20px
}
.text-block-32.new32 {
margin-top: -25px
}
.div-block-23 {
text-align: center
}
.div-block-39 {
background-position: 0 0;
background-size: 0 0;
padding-bottom: 0
}
.image-34 {
border-bottom-left-radius: 80px
}
.div-block-40 {
border-top-right-radius: 0;
border-bottom-left-radius: 80px;
max-width: 230px;
height: 302px
}
.heading-33 {
max-width: 140px;
margin-left: 0;
margin-right: 0;
top: -30px;
left: 10px
}
.text-block-39 {
width: 100%;
margin-top: 0;
margin-left: 0;
position: absolute;
top: 155px;
left: -140px
}
.div-block-41 {
max-width: 320px;
margin-left: auto;
margin-right: auto
}
.columns-10 {
width: 100%;
max-width: 239px;
margin-left: auto;
margin-right: auto
}
.columns-10.team-official {
max-width: 320px;
position: relative
}
.column-17,
.column-18 {
margin-bottom: 67px;
padding-left: 0;
padding-right: 0
}
.column-18.last-child {
display: none
}
.columns-11 {
margin-bottom: 0
}
.columns-11.last-child {
flex-direction: column
}
.text-block-40 {
max-width: 245px
}
.section-21 {
min-height: auto
}
.brand-intro-right-text {
padding-top: 16px;
padding-right: 20px
}
.div-block-49 {
padding-bottom: 56.25%
}
.column-31 {
padding-left: 0;
padding-right: 0
}
.image-62.mobile-show {
left: 40px
}
.column-32,
.column-32.revesre {
padding-right: 0
}
.div-block-82 {
max-width: 100%;
padding-left: 66px;
padding-right: 66px
}
.div-block-83 {
max-width: 196px;
margin-left: auto;
margin-right: auto
}
.div-block-83.tiitle-83 {
max-width: 100%;
margin-left: 0;
margin-right: 0
}
.column-33,
.column-34 {
padding-left: 0;
padding-right: 0
}
.insight-categories-list {
flex-wrap: nowrap
}
.collection-item-10,
.div-block-95 {
margin-right: 5px;
padding-right: 5px
}
.address-area {
padding-left: 0;
padding-right: 0
}
.collection-item-17 {
margin-bottom: 39px;
padding-left: 10px;
padding-right: 10px
}
.collection-item-17:last-child {
padding-left: 10px
}
.column-36 {
padding-right: 0
}
.new87 {
display: block
}
.div-block-128 {
margin-bottom: 10px
}
.div-block-137 {
width: 100%
}
.collection-item-20 {
width: 100%;
margin-top: 40px;
padding-left: 0;
padding-right: 0
}
.collection-list-wrapper-4 {
margin-left: 0;
margin-right: 0
}
.div-block-143 {
width: 100%
}
.column-37 {
padding-left: 0;
padding-right: 0
}
.section-56.vh-element {
padding-top: 56vh
}
.div-block-171.luxy-el {
height: 100vh
}
.heading-78 {
max-width: 231px;
margin-left: auto;
margin-right: auto;
line-height: 1.1
}
.imgobj {
height: 80vh
}
.lp-body {
font-size: 16px;
line-height: 22px
}
.header-btn-o2 {
letter-spacing: 0;
border-width: 1px;
min-height: auto;
padding-left: 18px;
padding-right: 18px;
font-size: 14px;
line-height: 1
}
.header-btn-o2.auto {
min-width: 225px;
padding-top: 3px;
padding-bottom: 3px;
font-size: 16px;
line-height: 30px;
display: inline-block
}
.lp-footer-section {
padding-top: 40px;
padding-bottom: 40px
}
.footer-inner-o2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: center;
flex-flow: column;
justify-content: center
}
.footer-left-o2 {
width: 100%
}
.footer-sm-o2 {
width: 100%;
margin-top: 10px;
margin-bottom: 10px
}
.footer-right-o2 {
width: 100%
}
.link-17 {
font-size: 24px
}
.footer-txt-o2 {
max-width: 100%
}
.lp-footer-logo {
max-width: 120px
}
.lp-header-logo {
max-width: 90px
}
.lp-site-links {
max-width: 100%;
margin-left: 0;
font-size: 24px
}
.lp-hero-section {
border-bottom-right-radius: 70px;
padding-top: 60px;
padding-bottom: 60px
}
.lp-hero-title {
max-width: 100%;
font-size: 42px;
line-height: 47.88px
}
.lp-hero-row {
display: block
}
.lphero-column {
width: 100%
}
.lphero-column.right {
width: 100%;
min-height: 28px;
margin-top: 40px
}
.lphero-column.center.last {
width: 100%;
margin-top: 40px
}
.text-block-111 {
max-width: 100%
}
.lp-btn {
font-size: 14px;
line-height: 1
}
.lp-superpower-section {
padding-top: 60px
}
.lps-row {
flex-flow: column
}
.lps-left {
width: 100%
}
.lps-right {
width: 100%;
margin-top: 30px
}
.lps-content {
max-width: 100%;
margin-left: 0
}
.heading-82 {
margin-top: 0;
font-size: 32px;
line-height: 36.48px
}
.lps-video-outer {
margin-top: 40px;
padding-left: 0
}
.lps-embeded {
border-top-left-radius: 70px
}
.choos-path-section {
padding-top: 50px;
padding-bottom: 10px
}
.cp-title {
margin-bottom: 20px
}
.cp-circle {
width: 80px;
min-width: 80px;
height: 80px;
min-height: 80px;
padding: 5px
}
.cp-content {
margin-left: 20px
}
.cp-text {
font-size: 32px;
line-height: 36.48px
}
.built-wrap {
max-width: 100%;
margin-top: -50px
}
.built-title {
max-width: 280px;
margin-left: auto;
margin-right: auto;
font-size: 32px;
line-height: 36.48px
}
.image-105 {
width: 250px
}
.lp-two-column-section {
padding-top: 60px;
padding-bottom: 60px
}
.lp-two-colum-row {
flex-flow: column
}
.lp-two-column-left {
width: 100%
}
.lp-two-column-right {
text-align: center;
width: 100%;
margin-top: 40px
}
.lp-rock-section {
border-bottom-left-radius: 70px;
padding-top: 62px;
padding-bottom: 170px
}
.rock-top-row {
flex-flow: column
}
.rock-box {
text-align: center;
max-width: 100%;
margin-bottom: 76px
}
.rock-box.first {
margin-top: 0;
margin-bottom: 76px
}
.rock-box.third {
margin-top: 0;
margin-right: 0
}
.rock-box.btwo {
margin-bottom: 0;
margin-right: 0
}
.rock-box.four {
margin-left: 0
}
.rock-box.mob-hide {
display: none
}
.rock-box.desk-hide {
display: block
}
.rock-title {
text-align: left;
font-size: 18px
}
.rock-title.bottom.m-hide {
display: none
}
.rock-title.m-show {
display: block
}
.rock-img {
width: auto
}
.rock-img.rc2 {
width: auto;
max-width: 100%
}
.rock-intro {
margin-top: 10px;
margin-bottom: 40px
}
.heading-84 {
font-size: 32px;
line-height: 36.48px
}
.rock-script.max {
max-width: 100%
}
.lp-asked-section {
margin-top: 0;
padding-top: 100px;
padding-bottom: 100px
}
.lp-faq-two-column {
flex-flow: column
}
.lp-faq-left {
text-align: center;
width: 100%
}
.lp-faq-right {
width: 100%;
margin-top: 40px
}
.lfl-wrap {
max-width: 100%
}
.heading-85 {
margin-bottom: 30px;
font-size: 32px;
line-height: 36.48px
}
.heading-85.ask-title {
max-width: 100%
}
.image-108 {
width: 300px
}
.text-block-112 {
margin-bottom: 40px
}
.asked-faq-box {
margin-bottom: 20px;
padding-bottom: 20px
}
.asked-faq-circle {
width: 30px;
min-width: 30px;
height: 30px;
min-height: 30px;
margin-right: 15px
}
.faq-plus-icon {
width: 14px;
height: 14px
}
.plus-line {
width: 14px
}
.asked-faq-hidden {
padding-left: 45px
}
.lp-ask-form-section {
margin-top: 100px;
padding: 60px 20px
}
.askform-header {
margin-bottom: 40px
}
.submit-outer {
margin-top: 40px
}
.ask-form-row {
display: block
}
.ask-form-column {
width: 100%;
margin-right: 0%
}
.lp-thankyou {
font-size: 14px
}
.image-111 {
width: 100%
}
.rv-video.mob-hide {
display: none
}
.mocup-hide {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0
}
.cookie-modal_content-wrap {
margin-bottom: 0
}
.pill-icon-btn {
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
line-height: 21px
}
.pill-icon-btn.margin {
max-width: 204px;
margin-left: auto;
margin-right: auto;
padding: 13px 22px;
font-size: 18px;
line-height: 23px;
display: block
}
.cookies-content {
max-width: 100%;
font-size: 16px;
line-height: 23px
}
.cookie-modal_button-wrap {
margin-top: 30px
}
.cookie-modal_component {
align-items: flex-start
}
.border-icon-btn {
padding: 7px 15px;
font-size: 16px
}
.border-icon-btn.green {
padding-left: 20px;
padding-right: 20px
}
.border-icon-btn.green.dark {
max-width: 204px;
margin-top: 28px;
margin-left: auto;
margin-right: auto;
padding: 13px;
font-size: 18px;
line-height: 28px;
display: block
}
.cookie-popup_component {
border-top-left-radius: 0;
border-top-right-radius: 0;
max-width: 100%;
padding-top: 45px;
padding-bottom: 45px;
font-size: 16px
}
.cookies-heading {
font-size: 28px
}
.image-112 {
width: 40px;
min-width: 40px
}
.cookies-right-area {
display: block
}
.lento-header-inner.dfxfull {
padding-top: 26px;
padding-bottom: 26px
}
.lento-logo {
width: 85px
}
.modified-btn {
font-size: 16px;
line-height: 19.46px
}
.mb-icon {
width: 16px
}
.mb-text {
margin-right: 8px
}
.coming-soon-hero-section {
padding-top: 14px;
top: auto
}
.css-line-first {
flex-flow: wrap;
display: flex
}
.css-line-first.last {
align-items: center;
margin-top: 6px
}
.css-text.mr.hm {
display: none
}
.css-text.mr.hd {
width: 22%;
margin-right: 0;
display: inline-block
}
.css-slider {
width: 65%;
padding-right: 10px
}
.cssb-left {
width: 70%;
padding-right: 10px
}
.cssb-right {
display: block
}
.css-img {
display: none
}
.css-img.hdi {
width: 107px;
min-width: 107px;
margin-left: auto;
display: block;
position: relative
}
.css-line {
width: 30%;
padding-left: 0;
padding-right: 0
}
.css-intro {
max-width: 196px
}
.live-counter-section {
min-height: auto
}
.countdown-wrapper {
margin-top: 128px
}
.cs-whatwedo-section {
padding-bottom: 330px
}
.cs-whatwedo-row.dfxfull {
text-align: center
}
.cs-whatwedo-left,
.cs-whatwedo-right {
width: 100%
}
.cswwd-intro {
color: var(--greentext)
}
.cswwdr-wrap {
margin-top: 80px;
margin-right: auto
}
.words {
font-size: 18px
}
.footertop-menu.short {
justify-content: space-between;
align-items: center;
max-width: 313px;
margin-top: 60px;
margin-left: 0;
margin-right: 0;
font-size: 19px;
display: flex
}
.footertop-menu.short.full {
flex-flow: wrap;
margin-top: 0;
display: block
}
.footertop-menu-item.short {
margin-top: 15px
}
.footertop-menu-item.short.flex {
display: flex
}
.footertop-menu-link.short {
font-size: 18px
}
.turtle-icon {
width: 20%
}
.footer-bottom {
text-align: center;
flex-flow: wrap;
margin-top: 38px;
padding-top: 17px;
font-size: 12px;
line-height: 18.19px
}
.footer-bottom-left {
width: 100%;
padding-right: 0
}
.footer-bottom-right {
text-align: center;
width: 100%;
margin-top: 5px
}
.body-9 {
font-size: 18px;
line-height: 119%
}
.website-wrapper.rmp {
padding-left: 0;
padding-right: 0
}
.website-logo-wrap {
width: 100%
}
.website-menu-wrap {
justify-content: flex-end;
width: 50%
}
.website-logo-img {
width: 230px !important;
height: 60px !important;
}
.website-menu-main.mobilemenu {
padding-left: 30px;
padding-right: 30px
}
.website-menu-main.mob {
width: 100%;
display: none
}
.web-menu-link.mob,
.web-menu-link.mob.w--current {
font-size: 40px
}
.web-menu-link.ss-link {
font-size: 20px
}
.website-btn-icon {
width: 28px;
min-width: 28px
}
.website-btn-link.scroll {
z-index: 9;
opacity: 100;
margin-top: 0;
top: 50%;
transform: translateY(-50%)
}
.website-btn-link.mob {
margin-top: 0;
display: none
}
.website-hero-section {
background-image: none;
padding-top: 140px;
padding-bottom: 100px
}
.h1-title {
font-size: 50px;
line-height: 50%
}
.h1-title.hero-main-title {
text-align: center;
padding-bottom: 0;
font-size: 88px;
font-weight: 700;
line-height: 106%;
position: relative;
top: -47px
}
.h1-title.v2.short {
max-width: 500px
}
.h1-title.cus-hero-title {
text-align: left
}
.h1-title.privacy-hero-title {
line-height: 119%
}
.h1-title.error-title {
font-size: 100px;
line-height: 100%
}
.h1-white-span {
text-align: center;
margin-top: 0;
margin-right: 0 !important;
}
.website-menu-btn-wrap {
position: fixed;
top: 25px;
right: 0px !important;
z-index: 1001;
}
.brain-text h2 {
font-size: 2rem !important;
}
.h1-green-span {
margin-top: 0;
top: auto
}
.web-hero-list {
text-align: center;
margin-top: 0;
margin-left: auto;
margin-right: auto;
position: static;
top: auto;
bottom: 105px;
left: 50%;
transform: none
}
.web-hero-list.about-team-list-item-main {
text-align: left;
flex-flow: wrap;
width: 100%;
min-width: auto;
max-width: none;
display: flex
}
.web-hero-list.desk {
display: none
}
.web-hero-list.mob {
display: block
}
.web-hero-list-item.v2 {
width: 49%;
margin-top: 16px;
margin-right: 2%
}
.web-hero-list-item.v2._2n {
margin-right: 0%
}
.web-video-outer {
max-width: 672px !important;
height: unset !important;
}
/* .web-video-outer.hm {
display: none;
} */
.home-about-section.dark-menu {
text-align: center;
padding-top: 143px;
padding-bottom: 120px
}
.home-about-flex {
flex-flow: column-reverse wrap;
justify-content: center
}
.home-about-flex.bottom {
flex-flow: wrap
}
.home-about-left {
width: 100%;
margin-top: 74px;
display: block
}
.home-about-left.mob {
margin-top: 74px;
padding-right: 0;
display: block
}
.home-about-right {
width: 100%;
margin-top: 40px
}
.home-about-left-wrap {
flex-flow: column-reverse wrap;
max-width: 290px;
margin-left: auto;
margin-right: auto
}
.home-about-intro {
max-width: 100%;
margin-top: 74px;
font-size: 19px
}
.home-about-intro.mob {
max-width: 246px;
margin-top: 74px;
margin-left: auto;
margin-right: auto;
font-size: 19px;
display: block
}
.home-about-intro.desk {
display: none
}
.home-about-icon-wrap {
margin-top: 0
}
.home-about-icon {
width: 132px
}
.h2-title,
.h2-title.green,
.h2-title.green.wwd-main-header {
font-size: 50px
}
.h2-title.green.short {
margin-left: 0;
margin-right: 0
}
.h2-title.green.feedback-header {
max-width: 296px;
margin-left: auto;
margin-right: auto
}
.h2-title.green.upnext-header {
font-size: 80px
}
.h2-title.green.process-journey-title {
text-align: center;
max-width: 330px;
font-size: 44px
}
.h2-title.green.featured-sec-title {
font-size: 50px
}
.h2-title.green.manfiesto-title {
text-align: center;
padding-left: 20px;
padding-right: 20px
}
.h2-title.green.nocaps {
text-align: center
}
.h2-title.our-work-title-main {
margin-left: 0;
font-size: 100px;
font-weight: 700;
line-height: 95%
}
.h2-title.footer-left-title {
margin-left: 0;
margin-right: 0;
font-size: 50px
}
.h2-title.creativity-title {
text-align: center
}
.bold-text-32 {
display: inline-block
}
.home-about-bottom {
margin-top: 100px
}
.home-about-bottom-left {
width: 30%
}
.home-about-bottom-left.light {
width: 40%
}
.home-about-bottom-right {
margin-top: 0
}
.home-about-bottom-right.light {
width: 60%
}
.home-about-trusted-title {
text-align: left;
width: 100%;
font-size: 17px
}
.home-about-trusted-title.mx {
width: 120px;
min-width: 120px
}
.home-about-slider {
margin-left: -10px;
margin-right: -10px
}
.green-overlay {
right: 6%
}
.green-overlay.hm {
width: 100%;
display: none
}
.split-text {
justify-content: center;
display: flex
}
.algorithm-section {
padding-top: 60px;
padding-bottom: 60px;
}
.algorithm-inner {
width: 100%;
max-width: 370px;
margin-top: 49px
}
.algorithm-text {
margin-top: 20px
}
.text-span-16 {
display: inline
}
.mov__img {
width: 100%;
max-width: none
}
.website-wok-section.dark-menu {
padding-top: 60px;
}
.text-span-17 {
display: block
}
.web-work-intro {
max-width: 360px;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
font-size: 19px
}
.web-work-header {
text-align: center
}
.web-work-list-item {
width: 100%;
margin-top: 73px;
margin-right: 0%
}
.web-work-list-item.second,
.web-work-list-item.second.last,
.web-work-list-item.more {
margin-top: 103px
}
.web-work-image-wrap,
.web-work-image-wrap.full {
padding-bottom: 79.25%
}
.web-work-short,
.web-work-short.second {
max-width: 100%
}
.web-work-short.second.short {
max-width: 100%;
margin-left: 0
}
.web-work-header-title {
font-size: 26px;
font-weight: 700
}
.web-work-tag-btn {
font-size: 15px
}
.branding-btn-style.dark,
.branding-btn-style.dark.big {
font-size: 20px
}
.branding-btn-style.dark.expf-btn {
font-size: 15px;
font-weight: 700
}
.branding-btn-style.nohover.openform-btn {
font-size: 20px;
font-weight: 700
}
.branding-btn-style-text.mob {
display: block
}
.branding-btn-style-text.desk {
display: none
}
.branding-btn-style-arrow {
width: 15px
}
.branding-btn-style-arrow.exp.desk {
display: none
}
.branding-btn-style-arrow.exp.mob {
display: block
}
.website-marquee-section.dark-menu {
padding-top: 55px;
padding-bottom: 55px
}
.marquee-texts.marquee-slide {
font-size: 68px;
font-weight: 700
}
.website-what-we-do-section {
padding-top: 100px;
padding-bottom: 0;
font-size: 19px;
line-height: 122%
}
.web-what-we-do-contents {
width: 100%;
padding-left: 20px;
padding-right: 20px
}
.web-what-we-do-images {
width: 100%;
margin-top: 20px
}
.wwd-contents-wrap {
line-height: 139%
}
.wwd-image-wrap {
width: 100%;
max-width: 500px;
margin-right: 0
}
.wwd-list-main {
margin-top: 20px
}
.wwd-line-main {
height: 300px
}
.wwd-line-column {
display: none
}
.wwd-contents-column {
padding-left: 0
}
.wwd-number.active.mb {
color: var(--lightgreen)
}
.wwd-number.active.mb.change {
color: var(--lightgreen);
text-align: center;
margin-bottom: 12px;
font-size: 30px
}
.wwd-number.active.mb.change.rps {
color: var(--greentext)
}
.wwd-number.mb {
color: var(--greentext);
font-family: "Lato", sans-serif;
font-size: 28px;
line-height: 100%
}
.wwd-contents-block-main,
.wwd-contents-block-main.med {
margin-top: 20px
}
.lento-way-section {
margin-top: -100px;
padding-top: 0;
padding-bottom: 100px
}
.h4-title {
font-size: 26px
}
.h4-title.small {
font-weight: 700
}
.lento-way-contents {
margin-top: 86px
}
.lento-way-btn-wrap {
margin-top: 71px
}
.our-approach-section.dark-menu {
padding-top: 85px;
padding-bottom: 181px
}
.our-approach-left {
text-align: center;
width: 100%
}
.our-approach-right {
width: 100%;
margin-top: 97px
}
.our-approach-headers {
text-align: left
}
.text-block-113 {
max-width: 294px;
margin-top: 30px;
margin-left: 0;
margin-right: 0;
font-size: 19px
}
.text-span-20 {
display: block
}
.approach-inside-icon {
padding-left: 15px;
padding-right: 15px;
font-size: 28px;
font-weight: 700
}
.approach-inside-icon.ic {
width: 70px
}
.approach-numbering {
font-size: 17px
}
.website-footer-section {
text-align: left;
padding-top: 65px;
font-size: 15px
}
.website-footer-top {
display: block
}
.website-footer-bottom {
flex-flow: column-reverse wrap-reverse;
margin-top: 60px
}
.website-footer-bottom.block {
margin-top: 57px;
padding-top: 20px
}
.footer-column-left {
width: 100%;
padding-left: 20px;
padding-right: 20px
}
.footer-column-middle {
width: 100%;
margin-top: 57px;
margin-left: auto;
margin-right: auto;
padding-right: 0
}
.footer-column-right {
width: 100%
}
.footer-column-right.full {
flex-flow: wrap;
width: 100%;
padding-left: 20px;
padding-right: 20px;
display: flex
}
.footer-bottm-column-left {
width: 100%;
margin-top: 60px;
padding-right: 0
}
.footer-bottm-column-left.full.rel {
margin-top: 52px;
padding-left: 10px;
padding-right: 10px
}
.footer-bottm-column-right {
width: 100%
}
.footer-btn-arrow {
width: 16px
}
.footer-work-text.mail {
margin-top: 10px;
font-size: 24px
}
.footer-work-text.big,
.footer-email.mail {
font-size: 24px
}
.footer-middle-wrap {
max-width: 100%;
font-size: 19px
}
.footer-middle-wrap.left {
margin-top: 0
}
.flogo-main.scroll {
top: -10px
}
.fbc-wrap {
justify-content: space-between;
align-items: center;
max-width: 100%;
margin-right: auto;
display: flex
}
.fbc-wrap.flex {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
font-size: 15px;
flex-direction: column;
gap: 15px;
}
._wf-inside {
display: none
}
.website-work-hero-section {
padding-bottom: 78px
}
.website-work-left {
width: 100%
}
.website-work-right {
width: 100%;
margin-top: 32px
}
.website-work-inner {
display: block
}
.work-filter-dropdown.service {
font-size: 19px
}
.work-filter-dropdown.industry {
font-size: 17px
}
.website-work-right-wrap {
justify-content: flex-start
}
.work-filter-text {
font-size: 17px
}
.ww-list-item {
margin-left: 5px;
margin-right: 5px
}
.website-work-categories.open {
margin-top: 32px
}
.website-work-industry {
padding-top: 22px;
padding-bottom: 32px
}
.cat-btn {
padding-left: 15px;
padding-right: 15px
}
.website-work-cat {
padding-top: 22px;
padding-bottom: 32px
}
.work-post-item {
width: 100%;
margin-top: 140px
}
.work-post-media {
border-radius: 0;
padding-bottom: 110%
}
.work-post-media.nextwp {
padding-bottom: 70.25%
}
.work-post-contents {
margin-top: 0;
margin-bottom: 0;
padding-top: 27px;
padding-left: 22px;
padding-right: 22px
}
.h3-title {
font-size: 34px
}
.h3-title.np-title {
font-size: 28px
}
.h3-title.short {
font-size: 26px;
line-height: 100%
}
.work-post-cat-link.light {
margin-right: 10px;
padding-right: 10px
}
.work-post-cat-list-wrap {
margin-top: 5px
}
.work-post-cat-list-wrap.light {
border-bottom: .5px solid #fffbf5;
order: -1;
width: 100%;
margin-bottom: 19px;
padding-bottom: 19px
}
.work-post-cat-item.short {
margin-top: 8px
}
.menu-line-footer {
display: none
}
.dots-parent {
justify-content: center;
align-items: center;
margin-top: 70px;
display: flex
}
.dots-parent.flex {
width: 100%;
margin-top: 0;
display: block;
position: absolute;
bottom: 130px;
left: 0
}
.dots-parent.flex.rps {
bottom: 280px
}
.dots-parent.hm {
display: none
}
.aidot {
margin-left: 20px;
margin-right: 20px
}
.aidot.zp {
margin-left: 4px;
margin-right: 4px
}
.es-hero-contents {
border-top-width: 0;
margin-top: 59px
}
.cs-hero-title {
font-size: 44px
}
.cs-video-animation.dark-menu {
aspect-ratio: 16/9;
padding-bottom: 0%
}
.the-delievery-row,
.the-delievery-row.mb {
flex-flow: wrap
}
.the-delievery-row.amp {
padding-left: 20px;
padding-right: 20px
}
.the-delievery-left {
width: 100%;
padding-right: 0
}
.the-delievery-right {
width: 100%;
margin-top: 71px;
padding-left: 25px
}
.change-text-anim {
line-height: 129%
}
.process-timeline-section.dark-menu {
padding-bottom: 74px
}
.text-span-25 {
display: block
}
.process-row {
padding-bottom: 220px;
position: relative;
overflow: hidden
}
.process-column {
width: 100%;
padding-top: 0;
padding-left: 0;
padding-right: 0
}
.process-column.ps2 {
padding-top: 0
}
.process-column.ps3 {
flex-flow: wrap-reverse
}
.process-column.ps4 {
padding-bottom: 0
}
.feedback-box {
padding: 94px 47px 64px
}
.lime-quote {
width: 40px;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 37px;
left: 50%;
transform: translate(-50%)
}
.tap-img {
width: 62px;
top: -15px;
left: 50%;
right: auto;
transform: translate(-50%)
}
.tap-img.bottom {
display: none
}
.c-text-2 {
font-size: 15px
}
.c-column.cc-left {
top: 0
}
.back-btn-ic-wrap.mob {
width: 16px;
min-width: 16px;
margin-right: 12px;
display: block
}
.back-btn-ic-wrap.desk {
display: none
}
.back-btn-link {
color: var(--greentext);
font-weight: 700
}
.project-left-header {
text-align: center;
width: 100%;
margin-bottom: 48px;
padding-right: 0;
display: none
}
.project-left-header.mob {
display: block
}
.timeline-project-list {
padding-bottom: 250px;
position: relative;
overflow: hidden
}
.timeline-project-list-item {
min-height: auto
}
.timeline-project-industry {
text-align: center;
display: none
}
.tmeline-media {
padding-bottom: 70.25%
}
.image-114 {
object-fit: cover
}
.timeline-contents {
padding-left: 0
}
.timeline-number {
display: none
}
.time-line-category {
text-align: center;
flex-flow: wrap-reverse;
justify-content: center;
width: 100%;
padding-bottom: 0;
padding-right: 0;
display: flex;
position: absolute;
bottom: -240px;
left: 0
}
.ind-link {
font-weight: 700
}
.project-right-contents {
width: 100%
}
.timeline-parent {
flex-flow: wrap
}
.process-name {
text-align: center;
width: 100%;
max-width: 100%;
font-family: "Lato", sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 134%;
position: absolute;
top: auto;
bottom: -160px
}
.process-wrap {
flex-flow: wrap-reverse;
width: 100%;
display: flex
}
.process-wrap.first {
flex-flow: wrap-reverse;
width: 100%;
margin-top: 0;
display: flex
}
.lime-line {
text-align: center;
display: none
}
.cusror-img-wrap {
max-width: 100%;
padding-bottom: 70.25%;
position: relative
}
.cursor-img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.process-outer-main {
padding-bottom: 0;
position: relative
}
.arrow-parents {
justify-content: center;
align-items: center;
display: flex
}
.pr-number {
display: none
}
.website-service-hero-row {
text-align: center;
display: block
}
.website-service-hero-contents {
width: 100%
}
.website-service-hero-images {
width: 100%;
margin-top: 55px
}
.wsc-wrap {
text-align: left
}
.wsi-wrap {
min-width: auto;
margin-left: 0;
top: 0
}
.wsh-title {
text-align: left;
font-size: 58px
}
.wsh-intro.short {
margin-top: 63px;
display: none
}
.wsh-intro.short.mob {
margin-left: auto;
margin-right: auto;
display: block
}
.wsh-intro.hms {
display: none
}
.changing-texts {
text-align: left
}
.wsh-sticker {
width: 74px;
top: -20px
}
.creating-service-top {
flex-flow: column-reverse wrap;
align-items: center;
padding-bottom: 25px
}
.creating-service-top.flex {
flex-flow: wrap;
padding-bottom: 15px
}
.cst-left {
margin-top: 30px;
padding-right: 0
}
.cst-left.zr {
margin-top: 0
}
.cat-icon.large {
width: 45px
}
.cst-anim-text {
text-align: center;
font-weight: 700;
line-height: 121%
}
.italic-text-2 {
font-weight: 400
}
.csb-image {
width: 100%;
padding-right: 0
}
.csb-contetns {
text-align: center;
width: 100%;
margin-top: 58px
}
.csb-btn-wrap {
margin-top: 66px
}
.what-we-deliver-section {
text-align: center
}
.ww-deliver-row {
flex-flow: column-reverse wrap
}
.ww-deliver-left {
width: 100%;
margin-top: 46px;
padding-right: 0
}
.ww-deliver-right {
width: 100%
}
.ww-deliver-intro {
max-width: 263px;
margin-left: auto;
margin-right: auto
}
.ww-deliver-right-wrap {
padding-bottom: 70.25%
}
.ww-deliver-lists {
margin-top: 46px
}
.ww-deliver-list-item-link {
font-weight: 700
}
.ww-deliver-list-item-contents {
justify-content: center
}
.ww-deliver-list-item-image {
display: none
}
.creativity-column {
width: 100%;
padding-right: 0
}
.creativity-content-wrap {
max-width: 100%;
margin-top: 28px
}
.creativity-content-wrap.short,
.creativity-content-wrap.exshort {
max-width: 100%
}
.ciw-icon-wrap {
max-width: 100%;
min-height: auto;
padding-bottom: 25px
}
.cretivity-column-title {
max-width: 100%
}
.cretivity-column-text {
margin-top: 14px
}
.text-span-34,
.service-featured-header {
text-align: center
}
.service-featured-card-listing {
margin-top: 20px
}
.sf-card {
width: 100%;
margin-right: 0%
}
.sf-card.last {
margin-top: 68px
}
.sf-card-contents {
margin-top: 33px
}
.sf-cat-outer {
margin-top: 0
}
.all-services-title {
text-align: center;
margin-bottom: 32px
}
.all-services-link {
padding-top: 22px;
padding-bottom: 22px
}
.work-with-us-inner {
text-align: center;
display: block
}
.work-with-us-right {
margin-top: 28px
}
.work-with-us-right.more {
margin-top: 47px
}
.div-block-191 {
max-width: 320px;
margin-left: auto;
margin-right: auto
}
.div-block-191.full {
max-width: 380px
}
.div-block-191.full.ext {
max-width: 410px
}
.text-span-36.block,
.expertise-footer {
display: block
}
.expertise-footer-row {
padding: 17px 16px 27px;
display: block
}
.expertise-footer-info {
font-size: 15px
}
.expertise-footer-btn {
margin-top: 13px;
padding-left: 65px
}
.about-hero-images {
max-width: 100%;
margin-bottom: 20px;
}
.about-hero-contents {
width: 100%;
margin-top: 59px;
padding-left: 0;
position: static
}
.abput-hero-scroll {
aspect-ratio: auto;
padding-bottom: 60.25%
}
.about-hero-content-wrap {
max-width: 100%
}
.image-116 {
width: 47px;
top: -10px;
left: -20px;
transform: rotate(-45deg)
}
.spotlight-section {
padding-top: 80px;
padding-bottom: 30px
}
.spotlight-inner {
min-height: auto;
top: 100px
}
.built-title-2 {
max-width: 280px;
margin-left: auto;
margin-right: auto;
font-size: 32px;
line-height: 36.48px
}
.image-118 {
width: 250px
}
.disrupt-value-left {
width: 100%;
padding-right: 0
}
.disrupt-value-right {
width: 100%;
margin-top: 79px
}
.disrupt-value-wrap,
.disrupt-value-img-wrap {
max-width: 100%
}
.disrupt-value-right-contents {
font-weight: 700
}
.about-team-section {
padding-bottom: 138px
}
.about-team-list-item-main {
margin-bottom: 86px
}
.tema-member-name,
.tema-member-designation {
font-size: 24px;
line-height: 141%
}
.timezone-card {
display: block
}
.timezone-card.about-team-list-item-main {
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-bottom: 86px;
display: flex
}
.timezone-dynamic {
min-width: 190px;
min-height: auto;
margin-bottom: 0;
padding-right: 10px
}
.timezone-desc {
font-size: 16px
}
.text-span-42 {
display: block
}
.manfiesto-two-col-row {
text-align: center;
flex-flow: row-reverse wrap-reverse
}
.manfiesto-two-col-row.reverse {
flex-flow: row-reverse wrap-reverse
}
.manfiesto-contents {
width: 100%;
margin-top: 59px;
padding-right: 0
}
.manfiesto-contents.reverse {
padding-left: 0
}
.manfiesto-img-wrap {
width: 100%
}
.manfiesto-image-outer {
max-width: 100%
}
.manfiesto-contents-wrap.mlft {
text-align: left
}
.manfiesto-row-outer {
padding-left: 20px;
padding-right: 20px
}
.manfiesto-bottom-img-wrap {
border-radius: 0;
padding-bottom: 80%
}
.manfiesto-bottom-contents-wrap {
padding-left: 20px;
padding-right: 20px;
display: none
}
.manfiesto-next-contents {
max-width: 310px;
padding-left: 20px;
padding-right: 20px
}
.site-faq-left {
width: 100%;
padding-right: 0
}
.site-faq-right {
width: 100%
}
.site-faq-left-wrap {
text-align: center;
margin-bottom: 92px
}
.faq-heading {
font-weight: 700
}
.text-span-47 {
display: block
}
.contact-hero-section {
text-align: center;
padding-top: 138px
}
.contact-hero-left-contents {
width: 100%;
padding-right: 0
}
.contact-hero-right-image {
width: 100%;
display: none
}
.chr-wrap {
max-width: 100%;
padding-bottom: 100%
}
.contact-tablet-address {
max-width: unset !important;
margin-left: unset !important;
text-align: left;
}
.contact-address {
max-width: unset !important;
text-align: left;
}
.inquire-form button {
padding: 20px !important;
}
.inquire-section {
padding: 70px 0px !important;
}
.chr-wrap.mob {
margin-top: 50px;
display: block
}
.text-block-118 {
max-width: 288px;
margin-top: 57px;
margin-left: auto;
margin-right: auto;
font-size: 18px
}
.cuh-btn {
margin-top: 48px
}
.contact-popup-inner {
font-size: 19px
}
.contact-popup-header {
border-bottom-width: 0;
padding-bottom: 0
}
.contact-popup-desc {
margin-top: 37px
}
.contact-mendatory-desc {
margin-top: 20px
}
.contact-main-form-outer {
margin-top: 84px
}
.cf-label,
.cf-input {
font-size: 19px
}
.cf-input.v2 {
border-radius: 10px
}
.cf-form-row.border {
margin-bottom: 47px;
padding-bottom: 76px
}
.cf-form-row.ads {
margin-top: 34px;
margin-bottom: 56px
}
.cf-form-column {
width: 100%;
margin-right: 0%
}
.cf-help-text {
margin-bottom: 38px
}
.range-embeded {
font-size: 15px
}
.cf-submit-wrap {
margin-top: 28px
}
.cf-submit {
background-position: 64%;
font-weight: 700
}
.success-message-7 {
padding-left: 10px;
padding-right: 10px;
font-size: 16px
}
.privacy-hero-section {
padding-top: 114px;
padding-bottom: 121px
}
.privacy-header-wrap {
max-width: 260px;
margin-top: 10px
}
.privacy-icon-wrap {
justify-content: center;
align-items: center;
width: 100%;
position: static;
transform: none
}
.privacy-icon-box {
margin-left: 6px;
margin-right: 6px
}
.privacy-icon-main {
width: 45px
}
.privacy-content-section {
font-size: 17px;
line-height: 119%
}
.privacy-content-title {
font-size: 24px
}
.privacy-content-intro.bold {
margin-top: 62px;
font-size: 18px;
line-height: 100%
}
.cookisbanner-main {
display: block
}
.fs-cc_button.changes {
text-align: left;
display: block
}
.fs-cc_button.changes.first {
border-left-width: 0;
display: block
}
.fs-cc_modal {
width: 100%;
max-width: 497px
}
.fs-cc_close-button {
margin-right: 1.25rem
}
.fs-cc_modal-buttons {
justify-content: space-between;
padding: .7rem 1rem
}
.cookie-preference_wrapper {
padding-top: 2rem
}
.div-block-192 {
justify-content: center;
align-items: center;
display: flex
}
.cookis-info {
text-align: center;
width: auto;
margin-bottom: 0;
padding-right: 10px
}
.div-block-193 {
width: auto;
display: block
}
.fm-menu-top-title {
margin-bottom: 8px
}
.fcm-wrap {
width: 100%;
margin-top: 50px;
padding: 0px 20px;
}
.fcm-wrap.short {
margin-top: 15px
}
.bold-text-35 {
padding-right: 3px
}
.mob-video {
aspect-ratio: 16/9;
display: none;
position: relative
}
.text-block-119 {
color: var(--darkgreen)
}
.h1-title.hero-main-title {
top: -90px !important;
opacity: 1 !important;
}
}
@media screen and (max-width:479px) {
h1 {
margin-top: 10px;
margin-bottom: 10px;
font-family: "Lato", sans-serif;
font-size: 7.38em;
font-weight: 700
}
h3 {
font-size: 2.46em;
line-height: 1.3
}
h6 {
font-size: 1.48em
}
p {
font-size: 2.2em
}
.h1.black {
font-size: 40px
}
.h5-buton.black {
font-size: 15px
}
.main-hero {
margin-top: 30px;
overflow: hidden
}
.main-right {
display: none;
overflow: visible
}
.main-left {
margin-left: 10px
}
.h1-reck {
font-size: 70px
}
.what-we-do {
height: auto
}
.what-we-do-main {
max-width: none;
margin-left: 10px;
padding: 10px
}
.h1-bev.white {
font-size: 70px
}
.link-about-what-we-do {
width: 150px;
height: 60px
}
.main-how-we-do-it {
padding: 30px 10px 10px
}
.who-main {
margin-left: 10px
}
.p-lento-proud {
max-width: 400px
}
.prd-wrap {
padding-right: 10px
}
.studio-main {
padding-right: 0
}
.news-ilustration-wrap {
justify-content: center;
align-items: center;
min-height: auto;
padding-top: 40px;
padding-bottom: 40px
}
.ils {
width: 150px;
height: 150px;
transform: rotate(43deg)
}
.news-button {
text-align: center;
width: 80px;
height: 80px;
padding: 0 10px;
font-size: 13px
}
.footer-wrapper {
flex-direction: column;
align-items: flex-start
}
.footer-left {
flex-direction: column;
align-items: flex-start;
display: flex
}
.footer-right {
align-items: flex-start;
padding-top: 40px;
padding-left: 20px
}
.h1-footer.red {
text-align: left
}
.social-wrap {
margin-top: 50px
}
.main-square-section {
overflow: hidden
}
.square-wrap {
width: 300px
}
.h6 {
font-size: 10px
}
.who-we-are-section {
padding-top: 40px;
padding-left: 10px;
padding-right: 10px
}
.super-h1 {
font-size: 70px
}
.content-right {
margin-left: 0
}
.h1-b-viet {
line-height: 100%
}
.fam-section {
height: 70vh;
padding: 30px 20px
}
.phot-cont,
.phot-cont.dif {
width: 150px;
height: 150px
}
.h4-all-boudy {
font-size: 15px
}
.h4-all-boudy.spantext.small {
font-family: "Lato", sans-serif;
font-size: 10px;
font-weight: 200
}
.row-02 {
max-width: none;
margin-left: 0
}
.h1-bigg {
font-size: 30px
}
.bulletessence {
padding: 3em 20px
}
.essencetop {
padding-right: 10px
}
.detailsessenceh {
font-size: 15px
}
.photoholder-numb {
width: 50px;
height: 50px
}
.h1numb {
font-size: 40px
}
.howcanwegrid {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: .25fr
}
.tophowcanwe {
padding-left: 20px
}
.howcanweblock {
padding-bottom: 20px
}
.ilusblockwrapper {
margin-top: 50px
}
.h1lento2 {
margin-left: 30px;
font-size: 25px
}
.leftblocklentowhatwedo {
display: none
}
.ph5whatwedo {
font-size: 13px
}
.container {
padding-bottom: 34px;
padding-left: 10px;
padding-right: 10px
}
.contentprocess {
margin-left: 0
}
.hheading {
font-size: 30px
}
.pprocess {
font-size: 15px
}
.passion-heading {
font-size: 25px
}
.newslettercontainer {
padding: 11px
}
.herogrid {
grid-template-columns: 1fr;
height: 70vh
}
.linkpages {
width: 90%;
height: 70px
}
.linkpagess {
font-size: 10px
}
.linkh1pages {
font-size: 25px
}
.contat-us-h3 {
margin-top: 10px;
font-size: 18px
}
.link-social-media-h5 {
font-size: 10px
}
.circle-mobile-separate {
background-color: #fff;
border-radius: 50%;
width: 10px;
height: 10px;
padding-bottom: 0;
padding-right: 0;
display: block
}
.contact-us-page-left-side {
padding-left: 10px;
padding-right: 0
}
.contact-us-h2 {
max-width: 300px;
font-size: 30px
}
.h2-contact-location {
font-size: 20px
}
.location-p {
font-size: 15px
}
.link-contact-mail {
font-size: 20px
}
.loadanimation {
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: flex
}
.lottie-animation-2 {
width: auto;
height: auto
}
.boxwrap.spaceright.ap {
position: relative
}
.smallvib {
display: none
}
.divhidebox.leftright {
flex-direction: column
}
.textsuper {
font-family: "Lato", sans-serif;
font-size: 40px;
line-height: 80%
}
.textsuper.margleft {
margin-left: 0;
font-family: "Lato", sans-serif;
font-size: 40px;
line-height: 80%
}
.textsuper.spacebottom {
max-width: 200px;
font-size: 40px
}
.boxgoal {
margin-top: 50px;
margin-left: 0
}
.starprojectblok {
margin-top: 2em
}
.aboutbox {
width: 100%
}
.midvib {
font-size: 30px
}
.midvib.white {
font-size: 30px;
line-height: 110%
}
.midvib.white.para {
font-size: 20px
}
.midvib.mid {
max-width: none
}
.midvib.para,
.midvib.nne {
font-size: 20px
}
.load-animation-wrap {
display: none
}
.name-holder-blog {
margin-left: 0
}
.heading-4 {
font-size: 20px
}
.mid-box {
width: 90%;
overflow: visible
}
.spantext._01 {
font-size: 25px
}
.spantext._01.big {
font-size: 40px;
line-height: 80%
}
.spantext._02,
.spantext._03,
.spantext._04 {
font-size: 25px
}
.spantext._04.big {
font-size: 40px;
line-height: 80%
}
.spantext._05,
.spantext._06 {
font-size: 25px
}
.spantext._06.big.split {
white-space: normal
}
.content-vid-holder.pad {
padding-left: 2em
}
.container-footer {
margin-top: 0;
padding-bottom: 7em
}
.form-holder {
margin-top: 3em;
position: relative
}
.centered-container {
text-align: left
}
.subscribe-form-input-wrapper {
flex: 1;
align-self: stretch
}
.subscribe-form-input {
width: 100%
}
.contact-box {
flex-direction: column;
align-items: flex-start;
position: static;
bottom: 4em
}
.social-link {
font-size: 12px
}
.footer-hold {
height: auto
}
.agency-privacy-hold {
height: 70px
}
.container-last-footer {
flex-direction: column;
justify-content: center
}
.text-block-3,
.text-block-4,
.text-block-5 {
font-size: 15px
}
.transition {
display: none
}
.links-pages-box {
left: 1em
}
.links-holders {
width: 300px
}
.hero-grid {
width: 90%;
padding-top: 10em
}
.pp-box.emi {
width: 150px;
height: 150px;
left: 2em
}
.pp-box.tom {
width: 150px;
height: 150px
}
.pp-box.jair {
width: 150px;
height: 150px;
right: 1em
}
.pp-box.andres {
width: 150px;
height: 150px;
bottom: 2em;
left: 2em
}
.pp-box.gab {
width: 150px;
height: 150px;
right: 1em
}
.bold-text {
font-size: 40px
}
.bold-text-2 {
font-size: 40px;
line-height: 80%
}
.gif-child {
height: auto
}
.heading-10 {
margin-top: 10px
}
.section {
display: none
}
.is-bigger {
font-size: 16.39em
}
._3d-parent {
height: 60vh
}
.block-parent-2.is-right {
width: 20em
}
.card-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: .75fr 1fr .75fr
}
.card-hold.bg-purple.margtop {
margin-top: 5em
}
.hero-parent2 {
height: 80vh
}
.hero-parent2.pad-bottom {
height: 20vh
}
.circle-button {
width: 15em;
height: 15em
}
.footer-parent.gradiant {
height: 40vh
}
.lento-menu-parent {
display: none
}
.menu-grandchild {
height: auto
}
.paragraph-5 {
font-size: 2.05em
}
.section-2.site-hero.faq-section {
padding-top: 40px;
padding-bottom: 50px
}
.heading-13.different-heading.oc-heading-title {
font-size: 33px
}
.div-block-6 {
padding-left: 35px
}
.div-block-6.pdl-150 {
padding-left: 55px
}
.image-10.new {
width: 28px
}
.image-10.new.scale-image {
width: 44px
}
.column-3 {
height: 275px
}
.heading-14.newone {
padding-top: 60px;
padding-bottom: 60px
}
.heading-14.newok {
padding-top: 65px;
padding-bottom: 65px;
font-size: 15px;
line-height: 18px
}
.text-span-4 {
font-size: 16px
}
.columns-2 {
padding-bottom: 30px
}
.section-5 {
padding-bottom: 80px
}
.wrap-991 {
padding-top: 30px
}
.text-block-10 {
font-size: 16px;
line-height: 20px
}
.button-style1,
.button-style1.btn-font-weight {
font-size: 14px
}
.button-style1._162,
.button-style1._21 {
width: 100%;
min-width: auto
}
.heading-17 {
font-size: 18px;
line-height: 22px
}
.list-item {
font-size: 16px;
line-height: 22px
}
.text-block-11 {
font-size: 14px
}
.text-block-13 {
font-size: 16px;
line-height: 20px
}
.text-block-14,
.text-block-14.see-video-btn,
.text-block-14.boldtext {
font-size: 14px
}
.text-block-15 {
font-size: 20px
}
.heading-19 {
font-size: 16px;
font-weight: 600;
line-height: 18px
}
.heading-22 {
font-weight: 500
}
.first-div-block {
padding-right: 15px
}
.second-div-block {
padding-left: 15px
}
.div-block-19 {
padding-top: 20px
}
.section-11 {
min-height: auto;
padding-top: 50px;
padding-bottom: 50px
}
.heading-24 {
font-size: 24px
}
.text-block-16,
.text-block-21 {
font-size: 16px;
line-height: 20px
}
.text-block-21.different,
.text-block-21._3line {
line-height: 20px
}
.text-block-22 {
font-size: 14px;
line-height: 18px
}
.text-block-23 {
padding-top: 10px;
font-size: 16px;
line-height: 20px
}
.text-block-24 {
font-size: 16px;
font-weight: 400;
line-height: 20px
}
.text-block-25,
.text-block-26,
.text-block-27,
.text-block-28 {
font-size: 13px;
line-height: 17px
}
.text-block-32.new32 {
margin-top: -18px
}
.heading-27,
.heading-27.h-o2 {
font-size: 33px
}
.text-block-33 {
font-size: 16px;
line-height: 20px
}
.div-block-27.sow-mt-0 {
margin-bottom: 20px
}
.heading-32,
.bold-text-17 {
font-size: 33px
}
.text-block-38 {
font-size: 16px;
line-height: 20px
}
.heading-33 {
font-size: 33px
}
.text-block-40 {
font-size: 16px;
line-height: 20px
}
.button-white-border {
font-size: 14px
}
.heading-36.top-bd-0 {
font-size: 16px
}
.list-4 {
padding-left: 20px;
font-size: 13px
}
.text-and-image {
background-size: 150px
}
.paragraph-6 {
max-width: 235px;
font-size: 16px;
line-height: 20px
}
.page-section.video-title {
padding-bottom: 62px
}
.page-section.video-title.vid-sec-2 {
padding-bottom: 60px
}
.video-top-image {
border-top-right-radius: 110px;
margin-bottom: 40px;
right: 0
}
.video-top-image.vit-reverse {
left: 0
}
.image-39.lnt-lnt {
border-top-right-radius: 110px
}
.heading-37 {
margin-bottom: 30px
}
.image-40 {
display: none
}
.heading-38,
.rich-text-block-6 {
font-size: 14px
}
.faq-accordion-content {
font-size: 12px
}
.div-block-46 {
padding-right: 30px;
line-height: 20px
}
.work-post-content.coming-post-content {
max-width: 230px;
padding-left: 53px;
padding-right: 9px
}
.text-block-44 {
font-size: 14px
}
.image-43 {
width: 45px;
bottom: -22px;
right: -18px
}
.work-listing-outer {
padding-left: 53px;
padding-right: 9px
}
.brand-intro-right-text {
font-size: 16px;
line-height: 20px
}
.blog-post-our-challenge {
padding-top: 0;
padding-bottom: 0
}
.blog-post-our-challenge.blog-post-our-approach.post-approach {
padding-top: 30px
}
.blog-post-our-challenge.blog-post-our-approach.post-result {
padding-top: 35px;
padding-bottom: 80px
}
.text-block-47 {
font-size: 16px;
line-height: 20px
}
.galley-post-slider {
padding-bottom: 20px
}
.rich-text-block-8,
.rich-text-block-10 {
font-size: 16px;
line-height: 20px
}
.image-two-column-post {
padding-top: 40px
}
.image-49 {
max-width: 220px
}
.rich-text-block-12 {
padding-bottom: 30px;
font-size: 16px;
line-height: 20px
}
.rich-text-block-13,
.rich-text-block-14 {
font-size: 16px;
line-height: 20px
}
.text-block-51 {
font-size: 12px
}
.text-block-52 {
font-size: 13px;
line-height: 16px
}
.submit-button-2,
.heading-43,
.submit-button-3 {
font-size: 14px
}
.heading-45.faq-toggle {
font-size: 18px
}
.text-block-55,
.text-block-56,
.text-block-57 {
font-size: 16px;
line-height: 20px
}
.heading-48 {
font-size: 16px
}
.text-block-60 {
font-size: 16px;
line-height: 20px
}
.text-field-4.new1 {
font-size: 16px
}
.submit-button-4,
.text-block-61,
.text-block-63 {
font-size: 14px
}
.text-block-64,
.text-block-65 {
font-size: 16px;
line-height: 20px
}
.heading-51 {
font-size: 16px
}
.submit-button-5 {
font-size: 14px
}
.section-30.manifesto-text-section {
padding-bottom: 60px
}
.heading-54 {
font-size: 16px
}
.section-32.lento-text-section {
padding-top: 60px;
padding-bottom: 60px
}
.grow-manifesto {
padding-bottom: 60px
}
.column-32 {
padding-top: 0
}
.text-block-69 {
margin-bottom: 60px
}
.heading-56 {
max-width: 280px
}
.div-block-83 {
max-width: 300px;
margin-left: 0;
margin-right: 0
}
.div-block-83.new-claa {
max-width: 196px;
margin-left: auto;
margin-right: auto
}
.div-block-83.tiitle-83 {
max-width: 300px
}
.section-33 {
padding-bottom: 60px
}
.paragraph-default {
padding-top: 20px;
font-size: 16px;
line-height: 20px
}
.heading-57 {
font-size: 16px
}
.section-35 {
padding-top: 60px;
padding-bottom: 40px
}
.heading-58.newo {
font-size: 34px
}
.heading-60 {
font-size: 18px;
line-height: 24px
}
.columns-22 {
padding-top: 60px
}
.heading-61 {
font-size: 34px
}
.text-block-70,
.text-block-71,
.text-block-72,
.text-block-73,
.text-block-74,
.text-block-75 {
font-size: 16px;
line-height: 20px
}
.text-block-76 {
font-size: 14px
}
.heading-62 {
font-size: 16px
}
.link-7,
.link-8.all-btn.w--current {
font-size: 14px
}
.text-block-82 {
font-size: 20px;
line-height: 24px
}
.text-block-83 {
font-size: 16px;
line-height: 20px
}
.section-39.insight-blog-area {
padding-bottom: 60px
}
.text-block-84 {
font-size: 16px
}
.rich-text-block-20.textcustom-area {
font-size: 33px
}
.rich-text-block-23,
.rich-text-block-24 {
font-size: 16px;
line-height: 20px
}
.list-item-8,
.list-item-9 {
font-size: 13px
}
.bold-text-29 {
font-size: 14px
}
.rich-text-block-25,
.text-block-93 {
font-size: 16px;
line-height: 20px
}
.bold-text-30 {
font-size: 33px
}
.heading-68,
.heading-70,
.heading-72 {
font-size: 30px
}
.section-50 {
padding-top: 60px
}
.heading-82 {
font-size: 24px
}
.lps-embeded {
border-top-left-radius: 50px
}
.cp-circle {
width: 50px;
min-width: 50px;
height: 50px;
min-height: 50px
}
.cp-content {
max-width: 250px;
margin-left: 15px;
font-size: 24px;
line-height: 26.48px
}
.cp-text {
font-size: 24px;
line-height: 26.48px
}
.built-wrap {
margin-top: -30px
}
.lp-ask-form-section {
padding-top: 100px
}
.ask-form-input,
.ask-form-input.text-area-ask {
padding-left: 15px;
padding-right: 15px
}
.ask-form-input.text-area-ask::placeholder {
font-size: 12px
}
.cookie-modal_content-wrap {
margin-bottom: 0
}
.pill-icon-btn.margin {
margin-left: auto;
margin-right: auto;
font-size: 13px
}
.cookies-content {
max-width: 250px;
margin-left: 0;
margin-right: 0
}
.border-icon-btn.green.dark {
margin-left: auto;
margin-right: auto;
font-size: 13px
}
.css-top {
font-size: 78px
}
.cssb-left {
width: 70%
}
.cssb-right {
width: 40%
}
.lc-header {
max-width: 300px;
margin-left: auto;
margin-right: auto
}
.counter-number {
font-size: 40px
}
.counter-info {
font-size: 14px
}
.cs-whatwedo-left {
padding-right: 0
}
.italick-style.light.blck,
.italick-style.orange.blck {
display: block
}
.cswwd-wrap {
width: 100%;
max-width: 283px;
margin-left: auto;
margin-right: auto
}
.gravity-words {
padding-left: 12px;
padding-right: 12px
}
.words {
font-size: 11px
}
.squeeze-title {
font-size: 48px;
line-height: 56px
}
.get-notified-title {
font-size: 48px
}
.footer-email-item {
font-size: 14.5px
}
.ftt-span {
display: block
}
.turtle-icon {
width: 20%
}
.text-span-12,
.text-span-13,
.text-span-14 {
display: block
}
.body-9 {
font-size: 18px;
line-height: 119%
}
.website-hero-section {
padding-bottom: 60px;
}
.h1-title.hero-main-title {
padding-bottom: 10px;
font-size: 51px;
top: -12px !important;
}
.h1-title.v2.short {
font-size: 101px;
}
.web-hero-list {
position: static;
bottom: 60px;
transform: none
}
.web-hero-list-item.v2 {
font-size: 15px
}
.home-about-right-wrap {
max-width: 275px;
margin-left: auto;
margin-right: auto
}
.h2-title,
.h2-title.green {
font-size: 48px;
}
.h2-title.green.wwd-main-header {
font-size: 48px !important;
}
.h2-title.green.algorthm-header {
max-width: 339.5px;
margin-left: auto;
margin-right: auto;
font-size: 35px
}
.h2-title.green.ed-header-title {
font-size: 50px
}
.h2-title.green.nocaps {
max-width: 350px;
margin-left: auto;
margin-right: auto
}
.h2-title.green.nocaps.mc-icons {
background-image: url(https://cdn.prod.website-files.com/60a52512cb5c200dd19c9cc1/68065beaa0744c5887294458_Layer_1%20\(2\).webp);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 50px;
padding-top: 61px
}
.h2-title.our-work-title-main {
font-size: 48px;
}
.h2-title.bring-title.short {
font-size: 45px
}
.home-about-bottom-left.light {
min-width: 1px;
font-size: 15px
}
.home-about-trusted-title {
font-size: 17px
}
.home-about-trusted-title.mx {
font-size: 15px
}
.algorithm-text {
max-width: 285px;
margin-top: 49px
}
.text-span-16 {
display: inline
}
.web-work-intro {
max-width: 300px
}
.web-work-header-top {
display: block
}
.web-work-header-info {
margin-top: 5px;
padding-left: 0
}
.wwd-contents-block-main {
max-width: 294px
}
.wwd-contents-block-main.med {
max-width: 361px
}
.wwd-contents-block-main.ex-full {
max-width: 302px
}
.h4-title {
font-size: 30px
}
.lento-way-intro {
max-width: 285px
}
.text-block-113 {
font-size: 19px
}
.approach-inside-icon.ic {
width: 80px;
margin-left: auto
}
.approach-inside-right {
text-align: right
}
.cs-hero-intro {
font-size: 19px
}
.process-row {
padding-bottom: 65px
}
.c-arrow {
justify-content: flex-start;
width: 30px;
height: 30px
}
.c-arrow.cc-next {
justify-content: flex-end
}
.c-link_post.cc-next {
width: auto
}
.c-link_post.cc-prev {
width: auto;
padding-right: 20px
}
.c-line {
display: none
}
.c-column.cc-left {
justify-content: space-between;
min-width: auto
}
.process-name {
font-size: 28px;
bottom: -30px
}
.wsh-title {
font-size: 53px
}
.cst-anim-text {
max-width: 294px;
margin-left: auto;
margin-right: auto
}
.csb-descrition {
max-width: 313px;
margin-left: auto;
margin-right: auto
}
.creativity-header {
max-width: 349px;
margin-left: auto;
margin-right: auto
}
.all-services-link {
font-size: 30px
}
.web-border-btn {
padding-left: 20px;
padding-right: 20px
}
.expertise-footer-info {
max-width: 253px
}
.abput-hero-heading-wrap {
max-width: unset !important;
margin-bottom: 100px;
}
.text-span-37 {
display: block
}
.disrupt-value-header {
max-width: 291px
}
.disrupt-value-wrap {
max-width: 100%
}
.disrupt-value-desc {
max-width: 288px
}
.text-span-44 {
padding-top: 0;
display: inline
}
.text-span-45 {
background-image: none;
padding-right: 0;
display: block
}
.tunes-code {
width: 100%;
max-width: 263px;
margin-left: auto;
margin-right: auto
}
.site-faq-left-wrap {
max-width: 311px;
margin-left: auto;
margin-right: auto
}
.contact-popup-inner {
padding-left: 30px;
padding-right: 30px
}
.contact-popup-header {
max-width: 265px
}
.cp-close {
right: 15px
}
.cf-submit {
background-position: 72%
}
.fs-cc_button.changes {
font-size: .75rem
}
.fs-cc_modal {
max-width: 100%
}
.fs-cc_close-button {
margin-top: 1rem;
margin-right: 1rem
}
.fs-cc_preference-buttons {
bottom: 0
}
.fs-cc_preference-component {
align-items: flex-end
}
.fs-cc_modal-buttons {
justify-content: center
}
.fs_cc-modal-content {
text-align: left
}
.fs-cc_cookie-component {
max-width: 100%;
inset: auto 0% 0%
}
.cookie-preference_wrapper {
max-width: 100%;
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}
.cookis-info {
text-align: left;
width: 60%;
font-size: 13px
}
}
@media screen and (max-width: 468px) {
.website-menu-btn-wrap {
right: 30px !important;
}
.web-video-outer {
top: unset !important;
}
}
.residential-text .h2-title,
.h2-title.green {
font-size: 51px !important;
font-family: "Philosopher", sans-serif;
text-transform: uppercase;
}
#fullscreenMenu .site-menu__half__contact {
position: unset;
display: flex;
align-items: center;
justify-content: center;
}
.site-menu__half__contact {
position: absolute;
left: 40%;
top: 70%;
}
@media only screen and (max-width: 540px) {
.site-menu__half__contact {
bottom: 20px;
left: 20px;
right: 20px
}
.residential-text .h2-title,
.h2-title.green {
font-size: 48px !important;
}
}
.site-menu__half__contact p {
display: inline-block;
display: inline;
zoom: 1;
margin: 0 30px 0 0;
color: #fff;
font-size: 17px;
font-size: 1.0625rem;
line-height: 19px;
line-height: 1.1875rem;
font-weight: normal
}
.site-menu__half__contact a {
color: #fff;
}
.site-menu__half__contact a {
color: #fff !important;
}
.site-menu__half__contact a:hover {
color: var(--lightgreen) !important;
}
.header-menu {
/* position: absolute;
left: 45%;
top: 65%; */
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 10px;
}
.contact-address {
max-width: 350px;
}
.contact-flex {
align-items: flex-start !important;
}
.inquire-section {
padding: 130px 0px;
background-color: #000000;
/* Black background */
color: #ffffff;
/* White text */
}
.inquire-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin: 0 auto;
}
.inquire-form {
background-color: transparent;
/* Transparent background */
color: #ffffff;
/* White text for contrast */
padding: 30px;
border: 2px solid var(--lightgreen);
/* White border */
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.inquire-form h2 {
color: #fff;
margin-bottom: 20px;
font-size: 31px;
text-align: center;
}
.inquire-form input,
.inquire-form textarea {
padding: 10px 15px;
border: 1px solid #ffffff;
background: transparent;
color: #ffffff;
outline: none;
width: 100%;
}
.inquire-form input:focus,
.inquire-form textarea:focus {
border-color: #ffa863;
outline: none;
}
.inquire-form button {
border: 2px solid #ffffff;
background: transparent;
color: #ffffff;
padding: 5px 20px;
font-weight: 500;
cursor: pointer;
transition: background 0.3s ease;
}
.inquire-form button:hover {
background-color: #e98f4d;
}
.inquire-map {
overflow: hidden;
min-height: 450px;
}
.careers button {
border: 2px solid #ffffff;
background: #000;
color: #ffffff;
padding: 5px 20px;
font-weight: bold;
cursor: pointer;
transition: background 0.3s ease;
}
.careers button:hover {
background-color: #e98f4d;
}
/* Responsive */
@media (max-width: 768px) {
.inquire-container {
grid-template-columns: 1fr;
text-align: left;
}
.inquire-map {
min-height: 650px;
}
.about-hero-desc p {
font-size: 16px;
margin-top: 15px;
}
}
@media (max-width: 468px) {
.inquire-map {
min-height: 450px;
}
.close-text {
width: 85px !important;
}
.website-btn-link {
font-size: 18px;
margin-right: -15px !important;
}
}
/* Container Layout */
.careers-section .container {
display: flex;
flex-direction: unset !important;
align-items: center;
justify-content: center;
gap: 30px;
}
/* Left Column: Text & Image */
.careers-left {
flex: 1;
display: flex;
flex-direction: column;
gap: 20px;
}
.careers-left .text-content h4 {
color: #ffa863;
font-size: 20px;
margin-bottom: 5px;
font-weight: 600;
}
.careers-left .text-content h2 {
font-size: 40px;
margin-bottom: 15px;
font-weight: 700;
}
.careers-left .text-content p {
font-size: 18px;
line-height: 1.6;
color: #fff;
}
.careers-left .image-content img {
width: 100%;
object-fit: cover;
}
/* Right Column: Form */
.careers-right {
flex: 1;
}
/* --- Existing Careers Form CSS --- */
.careers {
background: #000000;
border: 2px solid #ffa863;
padding: 25px;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
font-family: 'Poppins', sans-serif;
}
.careers-title {
text-align: center;
color: #fff;
font-size: 32px;
margin-bottom: 35px;
font-weight: 700;
letter-spacing: 1px;
}
.careers .form-group {
display: flex;
flex-direction: column;
margin-bottom: 25px;
}
.careers input[type="text"],
.careers input[type="email"],
.careers input[type="tel"],
.careers input[type="file"] {
padding: 14px 18px;
border: 1px solid #ccc;
background: #1a1a1a;
color: #ffffff;
font-size: 16px;
outline: none;
transition: all 0.3s ease;
}
.careers input:focus {
border-color: #ffffff;
background: #000000;
}
.careers input::placeholder {
color: #cccccc;
}
.careers select {
width: 100%;
padding: 14px 18px;
border-radius: 12px;
border: 2px solid #ffa863;
background: #1a1a1a;
color: #ffffff;
font-size: 16px;
outline: none;
appearance: none;
cursor: pointer;
}
.careers select:focus {
border-color: #ffffff;
background: #000000;
}
.careers select option {
color: #000000;
background: #ffffff;
}
/* Submit Button */
.submit-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
padding: 14px 30px;
border-radius: 50px;
border: 2px solid #ffa863;
background: linear-gradient(90deg, #ffa863 0%, #ffffff 100%);
color: #000000;
font-size: 18px;
font-weight: 600;
cursor: pointer;
transition: all 0.4s ease;
margin-top: 10px;
}
.submit-btn img {
width: 20px;
filter: invert(1);
}
.submit-btn:hover {
background: #ffa863;
color: #ffffff;
transform: translateY(-3px);
box-shadow: 0 10px 20px rgba(255, 168, 99, 0.5);
}
/* Responsive */
@media (max-width: 992px) {
.careers-section .container {
flex-direction: column !important;
}
.careers-left,
.careers-right {
width: 100%;
}
.careers {
padding: 25px;
}
.careers-left .text-content h2 {
font-size: 32px;
}
.careers-left .text-content p {
font-size: 16px;
}
}
/* Careers Page End */
/* Owner Section About Page */
.owner-section {
padding: 150px 0px;
}
.owner-row {
justify-content: center !important;
}
.owner-contents {
width: 50%;
padding-left: 20px;
position: absolute;
left: 0 !important;
}
.owner-image {
width: 100%;
position: absolute;
right: 0 !important;
left: unset !important;
}
.owner-row {
flex-direction: column-reverse !important;
}
.owner-title {
font-size: 61px !important;
text-transform: uppercase !important;
}
@media (max-width: 768px) {
.owner-section {
padding: 70px 0px 20px 0px;
}
.owner-title {
font-size: 31px !important;
margin-bottom: 125px !important;
}
.owner-image {
max-width: 75% !important;
}
.owner-contents {
width: 100% !important;
position: static !important;
}
.owner-image {
position: static !important;
}
.abput-hero-scroll-img {
max-width: 75%;
}
}
@media (max-width: 468px) {
.owner-image {
max-width: 100% !important;
}
.abput-hero-scroll-img {
max-width: 100% !important;
}
}
/* Owner Section About Page */
.contact-hero-row {
flex-flow: wrap;
display: flex;
justify-content: space-around;
}
/* Micro Site Main Css Start */
/* ====================== Banner Four Css Start ============================== */
.banner-four {
position: relative;
z-index: 1;
background-color: #000;
height: 100vh;
}
@media (min-width: 576px) {
.banner-four {
padding: 200px 0;
}
}
.banner-four__thumb {
position: absolute;
right: 0;
top: 111px;
z-index: -1;
max-width: 90%;
}
@media screen and (max-width: 575px) {
.banner-four__thumb {
display: none;
}
}
.banner-four__inner {
background-color: hsl(var(--white));
mask-image: url(../images/Eminence96/banner-four-shape.png);
position: absolute;
top: 40%;
left: 15%;
}
@media screen and (max-width: 991px) {
.banner-four-content__title {
font-size: 41px !important;
}
}
@media screen and (max-width: 768px) {
.banner-four__inner {
mask-image: unset;
border-radius: 0 1000px 1000px 0;
position: absolute;
top: 50%;
left: unset !important;
}
}
@media screen and (max-width: 468px) {
.banner-four__inner {
mask-image: unset;
border-radius: 0 1000px 1000px 0;
position: absolute;
top: 10%;
left: unset !important;
}
}
@media screen and (max-width: 575px) {
.banner-four__inner {
border-radius: 0;
background-color: var(--gray-100);
}
}
.banner-four-content {
padding: 80px 0;
max-width: 635px;
}
@media screen and (max-width: 767px) {
.banner-four-content {
max-width: 435px;
}
}
@media screen and (max-width: 575px) {
.banner-four-content {
padding: 60px 0;
}
}
.banner-four-content__subtitle {
background-color: var(--gray-100);
border-radius: 50px;
padding: 5px 10px;
color: hsl(var(--heading-color));
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.11em;
font-size: 0.875rem;
}
.banner-four-content__title {
font-weight: 600;
font-size: 51px;
margin-top: 20px;
margin-bottom: clamp(1.5rem, -0.934rem + 5.071vw, 3.5rem);
color: #d2ad69;
font-family: "Philosopher", sans-serif;
}
.banner-four-content__title .text-gradient {
color: #fff;
}
.search-keyword .common-input {
padding-right: 200px;
}
@media screen and (max-width: 767px) {
.search-keyword .common-input {
padding-right: 152px;
}
}
.search-keyword .btn {
font-weight: 400;
font-size: 21px;
line-height: 24px;
padding: 16px 46px;
position: absolute;
right: 7px;
top: 50%;
transform: translateY(-50%);
}
@media screen and (max-width: 1199px) {
.search-keyword .btn {
padding: 14px 32px;
}
}
@media screen and (max-width: 767px) {
.search-keyword .btn {
padding: 11px 20px;
}
}
@media screen and (max-width: 374px) {
.search-keyword .btn {
position: relative;
top: 0;
transform: unset;
width: 100%;
right: 0;
margin-top: 10px;
}
}
.banner-four-shape {
position: absolute;
left: 0;
top: 0;
z-index: -1;
max-width: 45%;
}
@media screen and (max-width: 575px) {
.banner-four-shape {
display: none;
}
}
.banner-four-shape.one {
left: 54%;
top: auto;
bottom: 15%;
animation: rotationScale 8s linear infinite;
}
.banner-four-shape.two {
top: 15%;
left: 38%;
animation: leftRight 20s linear infinite;
}
.banner-four-shape.three {
bottom: 0%;
top: auto;
left: 27%;
animation: leftRight 20s linear infinite;
}
@keyframes leftRight {
0%,
100% {
transform: translate(0px);
}
50% {
transform: translate(-100px);
}
}
@keyframes rotationScale {
0% {
transform: scale(1) rotate(0deg);
}
50% {
transform: scale(0.8) rotate(180deg);
}
100% {
transform: scale(1) rotate(360deg);
}
}
/* ====================== Banner Four Css End ============================== */
/* Amenities Section */
.amenities-section {
padding-top: 80px;
background: #000000;
color: #fff;
}
.amenities-container {
display: flex;
flex-wrap: wrap;
gap: 40px;
align-items: flex-start;
}
/* Left Column */
.amenities-left {
flex: 1 1 50%;
}
/* Right Column (Slider) */
.amenities-right {
flex: 1 1 50%;
display: flex;
justify-content: center;
align-items: center;
}
/* Title & Description */
.amenities-title {
font-family: "Philosopher", sans-serif;
font-size: 42px;
font-weight: 700;
color: #d2ad69;
margin-bottom: 20px;
text-align: center;
}
.amenities-desc {
font-size: 17px;
color: #fff;
line-height: 1.8;
margin-bottom: 40px;
}
/* Amenities Grid using Flexbox */
.amenities-grid {
display: flex;
flex-wrap: wrap;
/* allow items to wrap to next row if needed */
gap: 25px;
/* space between items */
justify-content: center;
/* center items horizontally */
}
.amenity-item {
background: #fff;
color: #212529;
flex: 1 1 calc(33.333% - 25px);
/* 3 items per row, account for gap */
max-width: 300px;
/* optional: limit width */
text-align: center;
padding: 30px 20px;
transition: all 0.3s ease;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
/* Optional: make it responsive */
@media (max-width: 992px) {
.amenity-item {
flex: 1 1 calc(50% - 25px);
/* 2 items per row on medium screens */
}
.amenities-section {
padding: 40px 0px;
}
}
@media (max-width: 576px) {
.amenity-item {
flex: 1 1 100%;
/* 1 item per row on small screens */
}
}
.amenity-item img {
margin-bottom: 15px;
}
.amenity-item span {
font-size: 18px;
font-weight: 500;
display: block;
}
.amenity-item:hover {
color: #212529;
transform: translateY(-5px);
box-shadow: 0 12px 25px rgba(0, 0, 0, 0.25);
}
/* Responsive */
@media (max-width: 992px) {
.amenities-container {
flex-direction: column;
gap: 30px;
}
.amenities-left {
flex: 1 1 100%;
text-align: center;
}
.amenities-grid {
grid-template-columns: repeat(2, 1fr);
justify-items: center;
}
}
@media (max-width: 576px) {
.amenities-grid {
grid-template-columns: 1fr;
}
.amenities-title {
font-size: 32px;
}
.amenities-desc {
font-size: 15px;
}
.amenity-item {
padding: 20px 15px;
}
}
.amenities-slider {
text-align: center;
}
.amenities-slider .slider-item img {
width: 100%;
max-width: 700px;
margin: 0 auto 15px;
display: block;
}
.amenities-slider .slider-item h3 {
font-size: 18px;
font-weight: 500;
margin-top: 10px;
color: #fff;
}
/* Controls */
.slider-controls {
display: flex;
justify-content: center;
align-items: center;
gap: 25px;
margin-top: 15px;
}
.slider-controls button {
background: none;
border: none;
font-size: 20px;
cursor: pointer;
color: #212529;
transition: 0.3s;
}
.slider-controls button:hover {
color: #d2ad69;
/* gold accent */
}
.slider-counter {
font-size: 16px;
font-weight: 500;
color: #212529;
}
.amenities-slider {
margin-top: 50px;
}
/* Positioning the navigation buttons */
.amenities-slider .owl-nav {
position: absolute;
top: 45%;
left: 0;
right: 0;
display: flex;
justify-content: space-between;
transform: translateY(-50%);
pointer-events: none;
/* allow clicks only on buttons */
}
.amenities-slider .owl-nav button {
pointer-events: all;
background: #fff !important;
/* dark background */
color: #212529 !important;
border: none;
font-size: 20px !important;
width: 45px;
height: 45px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
transition: 0.3s;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
/* Hover effect */
.amenities-slider .owl-nav button:hover {
background: #d2ad69 !important;
/* gold accent */
color: #212529 !important;
}
/* Remove default focus outline */
.amenities-slider .owl-nav button:focus {
outline: none;
}
/* Section base */
.gallery-section {
padding: 120px 0px;
background: #ffffff;
}
.gallery-container {
max-width: 1200px;
margin: 0 auto;
}
/* Heading */
.section-heading {
text-align: center;
margin-bottom: 50px;
}
.section-heading .subtitle {
display: inline-block;
font-size: 16px;
margin-bottom: 10px;
}
.section-heading .highlight {
background: linear-gradient(90deg, #d2ad69, #212529);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 600;
}
.section-heading .title {
font-size: 32px;
font-family: "Philosopher", sans-serif;
color: #212529;
line-height: 1.3;
}
/* Gallery grid */
.gallery-grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 20px;
}
.gallery-item {
grid-column: span 4;
/* small ones */
}
.gallery-item.wide {
grid-column: span 8;
/* wide ones */
}
/* Thumbs */
.gallery-thumb {
position: relative;
overflow: hidden;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}
.gallery-thumb img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
transition: transform 0.4s ease;
}
.gallery-thumb:hover img {
transform: scale(1.05);
}
/* Overlay link */
.gallery-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background: rgba(33, 37, 41, 0.6);
color: #fff;
font-size: 22px;
opacity: 0;
transition: opacity 0.3s ease;
margin-top: 0px !important;
text-decoration: none;
}
.gallery-thumb:hover .gallery-link {
opacity: 1;
}
.gallery-link i {
background: #d2ad69;
color: #212529;
padding: 12px;
border-radius: 50%;
transition: 0.3s;
}
.gallery-link i:hover {
background: #212529;
color: #d2ad69;
}
/* Responsive */
@media (max-width: 992px) {
.gallery-item {
grid-column: span 6;
}
.gallery-item.wide {
grid-column: span 6;
}
.gallery-section {
padding: 60px 0px;
}
}
@media (max-width: 576px) {
.gallery-item,
.gallery-item.wide {
grid-column: span 12;
}
}
/* Full-Screen Pool Section */
.pool-section {
background: #f8f8f8;
/* soft background */
width: 100vw;
/* full width */
height: 100vh;
/* full height of viewport */
padding: 80px 0px;
/* remove default padding */
display: flex;
align-items: center;
justify-content: center;
}
.pool-container {
display: flex;
align-items: stretch;
justify-content: center;
width: 100%;
height: 100%;
min-height: 100%;
overflow: hidden;
}
/* Left Image */
.pool-image {
flex: 1;
position: relative;
height: 100%;
}
.pool-image img {
width: 100%;
height: 100%;
object-fit: cover;
/* ensures full cover */
}
/* Right Content */
.pool-content {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
background: #000000;
/* dark background */
color: #fff;
padding: 60px;
height: 100%;
}
.pool-textbox {
max-width: 500px;
position: relative;
padding-left: 20px;
border-left: 4px solid #d2ad69;
/* gold accent line */
}
.pool-title {
font-family: "Philosopher", sans-serif;
font-size: 36px;
font-weight: 600;
color: #d2ad69;
margin-bottom: 20px;
}
.pool-text {
font-size: 16px;
line-height: 1.7;
color: #eee;
}
/* Responsive */
@media (max-width: 992px) {
.pool-container {
flex-direction: column;
height: auto;
}
.pool-section {
padding: 40px 0px;
}
.pool-content {
padding: 40px 20px;
text-align: center;
width: 100%;
}
.pool-textbox {
border-left: none;
padding-left: 0;
}
.pool-title {
font-size: 28px;
}
.pool-image {
height: 50vh;
flex: unset;
/* half viewport height for mobile */
}
}
/* Section Base */
.interior-gallery {
width: 100%;
background: #fff;
overflow: hidden;
padding-top: 80px;
text-align: center;
}
.interior-slider {
width: 100%;
}
/* Each Slide */
.interior-item {
position: relative;
width: 100%;
height: 100vh;
/* Full height */
}
.interior-item img {
width: 100%;
height: 100%;
object-fit: cover;
/* Makes it full cover like a banner */
display: block;
border-radius: 0;
}
/* Owl Nav Buttons */
.interior-gallery .owl-nav {
position: absolute;
top: 50%;
width: 100%;
display: flex;
justify-content: space-between;
transform: translateY(-50%);
pointer-events: none;
}
.interior-gallery .owl-nav button {
background: rgba(0, 0, 0, 0.6);
color: #fff;
border: none;
font-size: 28px;
padding: 12px 18px;
cursor: pointer;
border-radius: 50%;
pointer-events: all;
transition: 0.3s ease;
}
.interior-gallery .owl-nav button:hover {
background: #d2ad69;
/* gold hover */
color: #fff;
}
/* Hide dots if not needed */
.interior-gallery .owl-dots {
display: none;
}
.custom-nav {
display: inline-block;
background-color: #fff;
/* Gold background */
color: #212529 !important;
/* Dark arrow */
font-size: 30px;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 50%;
/* Circular buttons */
transition: all 0.3s ease;
}
.custom-nav:hover {
background-color: #d8813b !important;
/* Dark background on hover */
color: #212529;
/* Gold arrow on hover */
}
/* Section Styling */
.specification-section {
padding: 60px 0px;
background-color: #000000;
color: #fff;
}
/* Header */
.spec-header {
text-align: center;
margin-bottom: 50px;
}
.spec-header h2 {
font-size: 36px;
color: #fff;
margin-bottom: 10px;
}
.spec-header p {
font-size: 16px;
color: #d2ad69;
}
/* Grid */
.spec-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 30px;
}
/* Spec Item */
.spec-item {
background: #ffffff;
border: 2px solid #d2ad69;
border-radius: 15px;
padding: 30px 20px;
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.spec-icon {
width: 80px;
height: 80px;
margin: 0 auto 20px auto;
}
.spec-icon img {
max-width: 100%;
max-height: 100%;
}
.spec-item h3 {
font-size: 19px;
color: #d2ad69;
margin-bottom: 10px;
font-weight: 500;
}
.spec-item ul {
list-style: disc;
padding-left: 20px;
text-align: left;
margin: 0;
}
.spec-item ul li {
font-size: 15px;
color: #212529;
line-height: 1.5;
font-weight: 400;
}
/* Responsive */
@media (max-width: 768px) {
.specification-section {
padding: 40px 15px;
}
.spec-header h2 {
font-size: 28px;
}
.spec-item {
padding: 20px 15px;
}
.interior-gallery {
padding: 40px 0px;
}
}
.project-10-wrapper {
background: #d5b58759;
}
@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
.project-10-wrapper {
flex-wrap: wrap;
}
}
.project-10-wrap {
max-width: 824px;
width: 100%;
padding: 0 120px 0;
text-align: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.project-10-wrap {
max-width: 600px;
padding: 0 40px 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.project-10-wrap {
max-width: 600px;
padding: 0 20px 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.project-10-wrap {
max-width: 100%;
padding: 30px 80px 30px;
}
}
@media (max-width: 767px) {
.project-10-wrap {
padding: 30px 15px 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.project-10-wrap {
padding: 30px 60px 30px;
}
}
.project-10-title {
font-family: "Philosopher", sans-serif;
font-size: 42px;
font-weight: 700;
color: #d2ad69;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.project-10-title {
font-size: 40px;
}
}
.project-10-list ul li {
display: flex;
justify-content: space-between;
font-family: var(--plusjakarta-font);
font-weight: 800;
color: hsl(var(--heading-color));
margin-bottom: 37px;
}
@media (max-width: 767px) {
.project-10-list ul li {
font-size: 14px;
}
}
.project-10-list ul li:last-child {
margin-bottom: 0;
}
.project-10-list ul li span {
font-family: var(--inter-font);
font-weight: 400;
font-size: 18px;
}
@media (max-width: 767px) {
.project-10-list ul li span {
font-size: 14px;
}
}
.project-10-list::before {
content: "";
position: absolute;
width: 1px;
height: 289px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(28, 45, 55, 0.2);
}
@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
.project-10-thumb {
width: 100%;
}
}
.project-10-thumb img {
height: 638px;
object-fit: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.project-10-thumb img {
width: 100%;
height: 500px;
}
}
@media (max-width: 767px) {
.project-10-thumb img {
width: 100%;
height: 300px;
}
}
.project-10-bg-shape {
position: absolute;
top: 70%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
}
.project-10-bg-shape img {
max-width: inherit;
}
.brochure-btn {
padding: 12px 30px;
background-color: #d2ad69;
color: #fff;
border: none;
border-radius: 8px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
text-decoration: none;
}
.brochure-btn:hover {
background-color: #fff;
color: #212529;
}
/* Footer Css Start */
.footer {
background-color: #000;
color: #fff;
padding: 100px 0px;
margin-top: 100px;
}
.footer-container {
display: flex;
justify-content: space-between;
/* <-- spacing added */
flex-wrap: wrap;
max-width: 1320px;
margin: 0 auto;
gap: 40px;
}
.footer-column {
flex: 1 1 300px;
/* responsive flexible columns */
min-width: 250px;
}
.footer-logo img {
max-width: 190px;
height: auto;
}
.footer-ct .footer-white-logo {
width: 230px;
height: 60px;
}
.footer-desc {
font-size: 15px;
margin: 15px 0;
line-height: 1.6;
color: #ddd;
}
/* Titles */
.footer-title {
font-size: 20px;
font-weight: 600;
margin-bottom: 20px;
}
/* Social Icons */
.social-list {
display: flex;
gap: 12px;
margin-top: 15px;
padding-left: 0px;
}
.social-list li {
list-style: none;
}
.social-list img {
max-width: 26px;
transition: transform 0.3s ease;
}
.social-list a:hover img {
transform: scale(1.1);
}
/* Links */
.footer-links li {
margin-bottom: 8px;
list-style: none;
}
.footer-links a {
color: #fff;
font-size: 15px;
text-decoration: none;
transition: color 0.3s;
}
.footer-links a:hover {
color: #d2ad69;
}
/* Contact */
.footer-contact li {
display: flex;
align-items: flex-start;
margin-bottom: 12px;
font-size: 15px;
}
.footer-contact img {
max-width: 22px;
margin-right: 8px;
}
.footer-contact a {
color: #fff;
text-decoration: none;
}
.footer-contact a:hover {
color: #d2ad69;
}
.footer-contact .extra-space {
margin-left: 35px;
}
/* Responsive */
@media (max-width: 768px) {
.footer {
padding: 60px 20px;
margin-top: 0px;
}
.footer-container {
flex-direction: column;
gap: 30px;
}
.footer-links,
.footer-contact {
padding-left: 0px;
}
.footer-column {
flex: unset;
}
}
/* Footer Css End */
/* Contact Us Css */
.message-section {
position: relative;
background: #f5f5f5;
height: 100vh;
overflow: hidden;
margin-top: 100px;
}
/* Left Image */
.message-image {
position: absolute;
top: 0;
left: 0;
width: 65%;
height: 100%;
z-index: 1;
}
.message-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* Right Form */
.message-form {
position: absolute;
top: 20%;
right: 11%;
transform: translateY(-50%);
width: 35%;
z-index: 2;
}
.form-box {
background: #fff;
padding: 40px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.form-box__title {
font-family: "Philosopher", sans-serif;
font-size: 42px;
font-weight: 700;
color: #d2ad69;
margin-bottom: 20px;
}
/* Form Rows */
.form-row {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.form-group {
position: relative;
flex: 1 1 48%;
margin-bottom: 20px;
}
.form-group.full-width {
flex: 1 1 100%;
}
.form-group input,
.form-group textarea {
width: 100%;
padding: 14px 40px 14px 14px;
border: 1px solid #ccc;
font-size: 14px;
outline: none;
}
.form-group textarea {
min-height: 120px;
resize: none;
}
/* Icons */
.form-group .icon {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
color: #888;
}
/* Button */
.btn-submit {
width: 100%;
padding: 16px;
background-color: #d2ad69;
color: #fff;
font-size: 16px;
font-weight: 500;
border: none;
border-radius: 6px;
cursor: pointer;
transition: 0.3s;
}
.btn-submit:hover {
background-color: #000;
}
/* Responsive */
@media (max-width: 992px) {
.message-section {
height: auto;
padding: 60px 20px;
margin-top: 0px;
}
.message-image,
.message-form {
position: relative;
width: 100%;
right: unset;
transform: none;
}
.form-box {
padding: 25px;
}
.form-box__title {
font-size: 28px;
}
}
/* ============================= Contact Top Section Css Start ======================= */
.contact-card {
text-align: center;
border: 1px solid #000000;
/* black border */
padding: 32px 70px;
transition: 0.2s linear;
background-color: #d5b58759;
height: 275px;
}
.contact-card:hover {
box-shadow: 0px 4.8px 24.4px -6px rgba(19, 16, 34, 0.1),
0px 4px 13px -2px rgba(19, 16, 34, 0.06);
border-color: #ffffff;
}
.contact-card__icon {
height: 80px;
width: 80px;
background-color: #d2ad69;
border-radius: 5px;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: clamp(30px, 5vw, 40px);
color: #ffffff;
margin-bottom: 20px;
/* white icon color */
}
.contact-card__title {
.contact-card__text: last-child margin: 20px 0;
color: #000;
/* black title text */
}
.contact-card__text {
margin-bottom: 4px;
color: #000000;
/* black normal text */
}
.contact-card__text .link {
color: #000;
font-size: 18px;
text-decoration: none;
justify-content: center;
align-items: center;
}
.contact-card__text .link:hover {
color: #d2ad69;
/* gold on hover */
}
.contact-card__text:last-child {
margin-bottom: 0;
font-size: 18px;
color: #000;
}
.contact-map iframe {
height: clamp(400px, 50vh, 650px);
}
.contact-top {
padding-bottom: 40px;
}
/* Responsive */
@media (max-width: 1200px) {
.contact-card {
padding: 24px 40px;
}
}
@media (max-width: 768px) {
.contact-card {
padding: 24px;
}
.contact-card__icon {
height: 60px;
width: 60px;
}
}
.map-section {
position: relative;
width: 100%;
height: 650px;
/* full screen height */
overflow: hidden;
}
.map-section .container-fluid {
width: 100%;
height: 100%;
padding: 0;
}
.map-section iframe {
width: 100%;
height: 100%;
border: 0;
}
.map-section .map-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
/* semi-transparent dark overlay */
z-index: 1;
}
/* Video Modal */
.video-modal {
display: none;
/* Hidden by default */
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
justify-content: center;
align-items: center;
}
.video-modal-content {
position: relative;
width: 900px;
max-width: 95%;
/* For small screens */
height: 560px;
max-height: 95%;
/* For small screens */
}
.video-modal video {
width: 100%;
height: 100%;
border-radius: 10px;
}
.construction-video .video-wrapper {
position: relative;
}
.video-popup__button {
position: absolute;
top: 42%;
left: 50%;
transform: translate(-50%, -50%);
background: #d2ad69;
width: 80px;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
color: #fff !important;
font-size: 26px;
border-radius: 50%;
transition: 0.2s linear;
}
.video-popup__button:before {
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: block;
width: inherit;
height: inherit;
background: inherit;
border-radius: 50%;
animation: pulse-border 1500ms ease-out infinite;
z-index: -1;
}
@media (max-width: 1199px) {
.construction-video video {
height: 100% !important;
width: 100% !important;
}
}
@keyframes pulse-border {
0% {
transform: translate(-50%, -50%) scale(1);
opacity: 1;
}
100% {
transform: translate(-50%, -50%) scale(1.5);
opacity: 0;
}
}
/* Close Button */
.video-modal .close-btn {
position: absolute;
top: -20px;
right: -20px;
font-size: 30px;
color: #fff;
cursor: pointer;
background: #000;
border-radius: 50%;
padding: 5px 12px;
}
@media (max-width: 468px) {
.video-popup__button {
position: absolute;
top: 25%;
left: 40%;
}
}
.about-section {
padding: 80px 0;
background: linear-gradient(135deg, #ffffff 0%, #f8f8f8 100%);
}
.about-image-page {
position: relative;
border-radius: 15px;
overflow: hidden;
max-width: 520px;
}
.about-image-page:before {
position: absolute;
content: "";
width: 160px;
height: 75px;
background: #d2ad69;
top: 6px;
left: -40px;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
transform: rotate(-45deg);
}
.about-image-page img {
max-width: 520px;
border-radius: 10px;
width: 100%;
}
.corner-accent {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-top: 80px solid var(--gold);
border-right: 80px solid transparent;
}
.project-badge {
position: absolute;
bottom: 30px;
right: 30px;
background: var(--white);
padding: 25px 35px;
border-radius: 12px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
text-align: center;
}
.project-badge h2 {
font-size: 2.5rem;
font-weight: 700;
color: var(--black);
margin: 0;
}
.project-badge p {
font-size: 0.9rem;
color: #666;
margin: 5px 0 0 0;
}
.section-tag {
color: var(--gold);
font-size: 0.85rem;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 15px;
display: inline-block;
}
.section-title {
font-size: 2.8rem;
font-weight: 700;
color: #d2ad69;
line-height: 1.2;
margin-bottom: 30px;
font-family: "Philosopher", sans-serif;
}
.project-content {
position: absolute;
right: 0;
bottom: clamp(0.75rem, -0.619rem + 2.853vw, 1.875rem);
display: inline-block;
text-align: center;
z-index: 1;
}
.project-content__inner {
padding: 52px 30px;
background-color: #fff;
-webkit-mask: url(../images/Eminence96/polygon-shape.png) no-repeat 50% 50%;
mask: url(../images/Eminence96/polygon-shape.png) no-repeat 50% 50%;
}
.project-content__text {
color: #d2ad69;
}
.project-content::before {
position: absolute;
content: "";
background-image: url(../images/Eminence96/polygon-border-shape.png);
background-image: url(../images/Eminence96/polygon-border-shape.png);
background-position: center top;
background-size: cover;
left: 17px;
top: -15px;
z-index: -1;
width: 180px;
height: 180px;
}
.feature-item.space-left {
margin-left: 50px;
}
.section-description {
font-size: 1.1rem;
color: #555;
line-height: 1.8;
margin-bottom: 40px;
}
.check-list__item .icon {
width: 16px;
height: 16px;
display: flex;
justify-content: center;
align-items: center;
font-size: 8px;
color: #fff;
background: #000;
border-radius: 50%;
flex-shrink: 0;
}
.features-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-bottom: 40px;
}
.feature-item {
display: flex;
align-items: center;
gap: 12px;
}
.feature-icon {
width: 24px;
height: 24px;
background: #000;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.feature-icon i {
color: var(--white);
font-size: 12px;
}
.feature-text {
font-size: 1rem;
font-weight: 500;
color: var(--black);
}
.cta-button {
display: inline-flex;
align-items: center;
gap: 10px;
background: var(--white);
color: var(--black);
padding: 15px 35px;
border: 2px solid var(--gold);
border-radius: 8px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
}
.cta-button:hover {
background: var(--gold);
color: var(--white);
transform: translateX(5px);
}
.cta-button i {
transition: transform 0.3s ease;
}
.cta-button:hover i {
transform: translateX(5px);
}
@media (max-width: 991px) {
.section-title {
font-size: 2.2rem;
}
.features-grid {
grid-template-columns: 1fr;
}
.about-section {
padding: 50px 15px;
}
.feature-item.space-left {
margin-left: 0px;
}
.project-badge {
bottom: 20px;
right: 20px;
padding: 20px 25px;
}
.project-badge h2 {
font-size: 2rem;
}
}
.layout-section {
padding-top: 120px;
}
.layout-item {
margin: 15px;
position: relative;
overflow: hidden;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
transition: all 0.4s ease;
background: var(--white);
}
.layout-image-wrapper {
position: relative;
overflow: hidden;
background: #f9f9f9;
padding: 30px;
}
.layout-image {
width: 100%;
height: auto;
display: block;
transition: transform 0.4s ease;
}
.zoom-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0);
width: 60px;
height: 60px;
background: var(--gold);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.4s ease;
z-index: 10;
}
.zoom-icon i {
color: var(--white);
font-size: 24px;
}
.layout-plans-title {
padding: 25px 20px;
background: #d2ad69;
text-align: center;
font-size: 1rem;
font-weight: 500;
color: #000;
letter-spacing: 1px;
border-top: 2px solid #000;
transition: all 0.3s ease;
}
.layout-item:hover .layout-plans-title {
background-color: #000;
color: #fff;
}
/* Button */
.brochure-btn {
background: #d2ad69;
color: #000000;
border: none;
padding: 12px 24px;
border-radius: 6px;
font-size: 16px;
font-weight: 500;
cursor: pointer;
transition: 0.3s ease;
}
.brochure-btn:hover {
background: #000000;
color: #ffffff;
}
/* Popup Overlay */
.brochure-modal {
display: none;
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
justify-content: center;
align-items: center;
}
/* Popup Content */
.brochure-modal-content {
background: #fff;
padding: 30px;
border-radius: 12px;
width: 90%;
max-width: 400px;
position: relative;
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
animation: scaleIn 0.3s ease;
}
/* Close Button */
.closePopupBtn {
position: absolute;
top: 10px;
right: 15px;
font-size: 24px;
cursor: pointer;
}
/* Form Elements */
.brochure-modal-content form {
display: flex;
flex-direction: column;
gap: 15px;
}
.submit-btn {
background: #ff6600;
color: #fff;
border: none;
padding: 12px;
border-radius: 6px;
cursor: pointer;
}
.submit-btn:hover {
background: #e45b00;
}
.brochure-modal-content form {
gap: 0px !important;
}
#brochureForm .form-group {
margin-bottom: 0px !important;
}
.brochure-modal-content input {
margin-bottom: 10px !important;
}
@keyframes scaleIn {
from {
transform: scale(0.8);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}
@media (max-width: 768px) {
.construction-video .video-bg {
width: 100%;
height: 100%;
}
}
/* ============================= Contact Top Section Css End ======================= */
/* Micro Site Main Css End */
@media (max-width: 768px) {
.journey-section {
display: none !important;
}
}
.call-to-action-title {
font-size: 49px;
}
.journey-row {
display: flex;
align-items: center;
}
.journey-carousel-section {
padding: 80px 0;
color: #ffffff;
text-align: center;
background: url('../images/black_bg_social.jpg');
background-repeat: no-repeat !important;
}
.journey-carousel-title {
font-size: 51px;
margin-bottom: 50px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
font-family: "Philosopher", sans-serif;
}
.journey-carousel-title span {
color: #d8813b;
}
.journey-carousel .journey-card {
color: #d8813b;
overflow: hidden;
transition: all 0.4s ease;
}
.journey-card img {
width: 100%;
object-fit: cover;
}
.journey-info .year {
color: #d8813b;
font-size: 18px;
font-weight: 700;
margin-bottom: 5px;
}
.journey-info .name {
font-size: 20px;
font-weight: 700;
color: #d8813b;
margin-bottom: 10px;
}
.journey-info p {
font-size: 14px;
line-height: 1.6;
color: #fff;
}
/* Custom Nav Buttons */
.custom-nav {
display: flex;
align-items: center;
justify-content: center;
width: 45px;
height: 45px;
background-color: #ffffff;
color: #000;
border: 2px solid #d8813b;
border-radius: 50%;
font-size: 22px;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}
.custom-nav:hover {
background-color: #d8813b;
color: #ffffff;
transform: scale(1.1);
}
.owl-nav {
position: absolute;
top: 45%;
width: 100%;
display: flex;
justify-content: space-between;
transform: translateY(-50%);
pointer-events: none;
}
.owl-nav .custom-nav {
pointer-events: all;
}
/* Adjust position on mobile */
@media (max-width: 768px) {
.owl-nav {
top: 35%;
}
.custom-nav {
width: 38px;
height: 38px;
font-size: 18px;
}
}
@media (max-width: 768px) {
.journey-carousel-section {
padding: 40px 0px;
}
}
@media (max-width: 768px) {
.comp-12 .project-list-item .project-link .column.mobile-image video {
height: 100% !important;
width:100%;
}
}
.journey-carousel-section {
display: none;
}
@media (max-width: 1200px) {
.journey-section {
display: none !important;
}
.journey-carousel-section {
display: unset;
}
.journey-carousel-title {
font-size: 38px !important;
}
}
@media screen and (max-width: 1199px) {
.abput-hero-scroll-img {
max-width: 50%;
}
.owner-image {
position: static;
}
.owner-contents {
width: 100% !important;
position: static !important;
}
.about-hero-row {
min-height: unset !important;
}
.manfiesto-text {
font-size: 18px;
}
.site-faq-right-wrap {
max-width: 100%;
}
.abput-hero-heading-wrap {
margin-bottom: 125px;
}
}
@media screen and (max-width: 768px) {
.abput-hero-scroll-img {
max-width: 75%;
}
.abput-hero-heading-wrap {
margin-bottom: 20px;
}
}
@media screen and (max-width: 1200px) {
.loader-content {
display: flex;
justify-content: center !important;
align-items: center !important;
}
}
@media (max-width: 1199px) {
#fullscreenMenu .footertop-menu.short.full {
margin-bottom: 15px;
}
}
@media (max-width: 1199px) {
#fullscreenMenu .footertop-menu.short.full {
display: flex !important;
position: unset !important;
}
}
@media screen and (max-width: 1199px) {
.footertop-menu.short.full {
flex-flow: wrap;
margin-top: 0;
display: block;
}
}
@media (max-width: 1199px) {
#fullscreenMenu .site-menu__half__contact {
position: unset !important;
flex-direction: column;
gap: 10px;
}
.fullscreen-menu {
padding: 20px;
}
}
.owner-section {
background-image: url(../images/black_bg_social.jpg);
background-size: cover;
background-repeat: no-repeat;
}
.ab-outside {
margin-bottom: 100px;
}
@media screen and (max-width: 1200px) {
.loader-content {
display: flex;
justify-content: center;
align-items: center;
}
}
/* Overlay */
.brochure-modal {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
}
/* Popup Box */
.brochure-modal-content.desktop-modal {
background: #ffffff;
margin: 100px auto;
padding: 30px;
width: 400px;
border-radius: 10px;
box-shadow: 0 4px 25px rgba(0, 0, 0, 0.3);
position: relative;
text-align: left;
}
/* Title */
.brochure-modal-content h2 {
text-align: center;
color: #c9964b;
font-size: 22px;
}
/* Inputs */
.brochure-modal-content label {
font-weight: bold;
margin-top: 10px;
display: block;
}
.brochure-modal-content input {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
margin-top: 5px;
margin-bottom: 15px;
}
/* Submit Button */
.submit-btn {
width: 100%;
padding: 10px;
background: #000;
color: #fff;
border: none;
border-radius: 5px;
font-weight: bold;
cursor: pointer;
transition: background 0.3s ease;
}
.submit-btn:hover {
background: #c9964b;
color: #000;
}
/* Close Button */
.close-btn {
position: absolute;
top: 10px;
right: 15px;
font-size: 24px;
cursor: pointer;
color: #000;
}
/* Responsive (optional) */
@media (max-width: 768px) {
.brochure-modal-content.desktop-modal {
width: 90%;
margin: 60px auto;
}
}
label {
display: flex !important;
}
.journry-text {
margin-left: 8px;
}
.abput-hero-heading-wrap .split-text span {
font-family: "Philosopher", sans-serif !important;
}
/* Large screens (4K) */
@media (min-width: 2560px) and (max-width: 4095px) {
.w-container {
max-width: 1920px;
/* slightly wider for large screens */
padding: 40px;
}
}
/* Extra large screens (5K) */
@media (min-width: 4096px) {
.w-container {
max-width: 2560px;
padding: 60px;
}
.website-menu-btn-wrap {
position: unset !important;
}
.brain-section {
padding: 60px 22% !important;
background-size: cover !important;
}
.brain-image {
justify-content: flex-start !important;
}
.contact-hero-row {
display: unset !important;
}
.contact-hero-inner .contact-hero-row {
display: flex !important;
justify-content: space-between;
}
.chr-wrap {
max-width: unset !important;
}
.manfiesto-image-outer {
max-width: unset !important;
}
.web-what-we-do-main {
background-repeat: no-repeat !important;
background-size: cover !important;
display: unset !important;
}
.web-what-we-do-main .w-container {
margin-top: 10%;
}
.website-what-we-do-section {
height: 70vh !important;
padding: 0 !important;
}
}
/* Standard desktops */
@media (min-width: 2000) and (max-width: 2559px) {
.w-container {
max-width: 1440px;
padding: 30px;
}
.website-menu-btn-wrap {
position: unset;
}
}
/*gallery section css start*/
.luxury-owl-gallery {
padding: 80px 0;
background: url('assets/images/gallery_bg.jpg') no-repeat center center;
background-size: cover;
/* Similar to object-fit: contain */
/* background: rgba(0, 0, 0, 0.5); */
}
.luxury-owl-gallery .owl-carousel .item {
position: relative;
margin: 0 10px;
border-radius: 20px;
overflow: hidden;
/* box-shadow: 0 20px 40px rgba(0,0,0,0.2); */
transition: transform 0.5s ease, opacity 0.5s ease;
}
.luxury-owl-gallery .owl-carousel .item img {
width: 100%;
display: block;
border-radius: 20px;
}
/* Center item larger */
.luxury-owl-gallery .owl-carousel .owl-item.center .item {
transform: scale(1);
opacity: 1;
z-index: 5;
}
/* Side items smaller */
.luxury-owl-gallery .owl-carousel .owl-item:not(.center) .item {
transform: scale(0.9);
opacity: 0.5;
z-index: 1;
}
.luxury-owl-gallery .owl-theme .owl-dots .owl-dot.active span,
.luxury-owl-gallery .owl-theme .owl-dots .owl-dot:hover span {
background: #d88139 !important;
}
/*gallery section css end*/
@media(max-width:768px) {
.image-113 {
width: 95% !important;
}
}
.loader-logo img {
width: 400px !important;
margin-bottom: 38px !important;
}
.loader-content {
display: flex !important;
align-items: flex-end !important;
justify-content: flex-end !important;
}
@media (max-width: 468px) {
.loader-logo img {
margin-bottom: 21px !important;
}
#residential-home-loader {
height: 100px !important;
}
}
.title-image{
max-width: 350px;
text-align: center;
}
.title-image img{
max-width: 100px;
}
@media (max-width: 1199px) {
.title-image{
max-width: unset;
}
.residential-text{
margin-top: 100px;
}
}