html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
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;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
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: monospace;
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: bold;
}
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: normal;
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: normal;
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: Arial, 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: bold;
}
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: bold;
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: normal;
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: normal;
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: normal;
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: normal;
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: 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: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, 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: center;
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: translate3d(0, 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: translate(0, -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);
}
100% {
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: Favoritmono;
src: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/66b20bd242634fc9e4070559_FavoritMono-Bold.otf") format("opentype"), url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/66b20bd3f2361700be89725d_FavoritMono-BoldIta.otf") format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Favoritmono;
src: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/66b20bd2225281e48b446622_FavoritMono-Medium.otf") format("opentype"), url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/66b20bd380d7d31d417e86f6_FavoritMono-MediumIta.otf") format("opentype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Favoritmono;
src: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/66b20bd3506f6f5fe1f472ab_FavoritMono-Italic.otf") format("opentype");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Favoritmono;
src: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/66b20bd3f02e428ff645e659_FavoritMono-Light.otf") format("opentype"), url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/66b20bd302fc34d65ba52ee7_FavoritMono-LightIta.otf") format("opentype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Favoritmono;
src: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/66b20bd33570b10ed2f7f854_FavoritMono-Regular.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Favoritpro;
src: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/66b20bde3bd41d53ece3d0ec_FavoritPro-Italic.otf") format("opentype"), url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/66b20bdeac9d59ce8e640646_FavoritPro-BookItalic.otf") format("opentype");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Favoritpro;
src: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/66b20bdeac9d59ce8e64065a_FavoritPro-BoldItalic.otf") format("opentype");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Favoritpro;
src: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/66b20bde13fb52435a5b7a1c_FavoritPro-Light.otf") format("opentype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Favoritpro;
src: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/66b20bde450c888e381c34b6_FavoritPro-LightItalic.otf") format("opentype");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Favoritpro Book;
src: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/66b20bde8d551bf4b7a58240_FavoritPro-Book.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Favoritpro;
src: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/66b20bde4cf66367179402ea_FavoritPro-Medium.otf") format("opentype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Favoritpro;
src: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/66b20bde21ce2c4f5d884297_FavoritPro-MediumItalic.otf") format("opentype");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Favoritpro;
src: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/66b20bde9f00e9eb7a4c16ce_FavoritPro-Regular.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Favoritpro;
src: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/66b20bde9624ca02d2134737_FavoritPro-Bold.otf") format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Agrandir;
src: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/66fa60be7cbb9e3d2d59725e_Agrandir-ThinItalic.otf") format("opentype");
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Agrandir;
src: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/66fa60beaea6e43b211191d6_Agrandir-GrandLight.otf") format("opentype"), url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/66fa60be3b706c60159266ad_Agrandir-WideLight.otf") format("opentype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Agrandir;
src: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/66fa60be27c00e4c9c057cf8_Agrandir-Regular.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Agrandir Tight;
src: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/66fa60bedbee463c9f1775f8_Agrandir-Tight.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Agrandir Narrow;
src: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/66fa60be1b857fd21fdbcb02_Agrandir-Narrow.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Agrandir;
src: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/66fa60be9a7b589739bdc821_Agrandir-WideBlackItalic.otf") format("opentype");
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Agrandir;
src: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/66fa60be7cbb9e3d2d59729f_Agrandir-GrandHeavy.otf") format("opentype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Agrandir;
src: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/66fa60c2efc2ea9ee149acc1_Agrandir-TextBold.otf") format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Agrandir Grand;
src: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/66fa60beaea6e43b211191d6_Agrandir-GrandLight.otf") format("opentype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: At Surt;
src: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/67a10625fb5f4e64d80387a7_AT%20Surt%20Bold.otf") format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: At Surt;
src: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/67a10625bc41b2825c6eded7_AT%20Surt%20Regular.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: At Surt;
src: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/67a106252764b19ff74dcad8_AT%20Surt%20Black.otf") format("opentype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: At Surt;
src: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/67a10625ad7f530776d4b0aa_AT%20Surt%20Light.otf") format("opentype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: At Surt;
src: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/67a106253467208dabf0ca2b_AT%20Surt%20Medium.otf") format("opentype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: At Surt;
src: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/67a10625c747aec299dc903d_AT%20Surt%20SemiBold.otf") format("opentype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
:root {
--white: white;
--green-text: #53b9ab;
--on: #07fbb2;
--black: black;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.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;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
}
h3 {
margin-top: 20px;
margin-bottom: 10px;
font-size: 24px;
font-weight: bold;
line-height: 30px;
}
p {
margin-bottom: 10px;
}
.home-hero {
justify-content: flex-start;
align-items: center;
height: 92vh;
padding-top: 0;
padding-left: 38px;
padding-right: 38px;
position: relative;
}
.home-hero.full-height {
height: auto;
padding-top: 200px;
padding-bottom: 200px;
}
.home-hero.hero-n {
height: auto;
padding-top: 200px;
padding-bottom: 200px;
padding-right: 0;
}
.scroll-section {
background-color: #181818;
height: 400vh;
position: relative;
}
.scroll-div {
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
position: fixed;
top: 0;
}
.scroll-img-main {
z-index: 5;
border: 1px solid #fff6;
width: 100%;
height: 100%;
display: block;
position: relative;
}
.scroll-bg {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.profile-img-1 {
z-index: 1;
width: 81px;
position: absolute;
top: 12vh;
right: 41vw;
}
.profile-img-2 {
z-index: 1;
width: 81px;
position: absolute;
right: 15vw;
}
.profile-img-3 {
z-index: 1;
width: 81px;
position: absolute;
inset: auto auto 29vh 3.6vw;
}
.scroll-img-1 {
z-index: 1;
border: 1px solid #fff6;
width: 410px;
height: 230px;
position: absolute;
inset: auto auto 0% 0%;
}
.scroll-img-2 {
z-index: 3;
border: 1px solid #fff6;
width: 510px;
height: 280px;
position: absolute;
inset: auto 0% 0% auto;
}
.scroll-img-3 {
z-index: 2;
border: 1px solid #fff6;
width: 440px;
height: 250px;
position: absolute;
inset: 0% 0% auto auto;
}
.scroll-img-4 {
z-index: 3;
border: 1px solid #fff6;
width: 420px;
height: 230px;
position: absolute;
inset: 0% auto auto 0%;
}
.our-vision {
z-index: 3;
background-color: #fff;
padding-top: 118px;
padding-bottom: 118px;
position: relative;
}
.container-1130 {
max-width: 1130px;
}
.container-1130.relative {
z-index: 2;
position: relative;
}
.flex-vertical {
flex-flow: column;
display: flex;
}
.flex-vertical.gap-60 {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.flex-vertical.gap-60.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-28 {
grid-column-gap: 28px;
grid-row-gap: 28px;
}
.flex-vertical.gap-28.left-align {
justify-content: flex-start;
align-items: flex-start;
}
.flex-vertical.gap-28.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-14 {
grid-column-gap: 14px;
grid-row-gap: 14px;
}
.flex-vertical.gap-14.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-14.align-center.rel {
z-index: 2;
position: relative;
}
.flex-vertical.gap-38 {
grid-column-gap: 38px;
grid-row-gap: 38px;
}
.flex-vertical.gap-38.relative {
z-index: 2;
position: relative;
}
.flex-vertical.gap-38.relative.left-align {
justify-content: flex-start;
align-items: flex-start;
}
.flex-vertical.gap-38.relative.left-align._100--h {
justify-content: center;
align-items: flex-start;
height: 100%;
}
.flex-vertical.gap-38.max-w-720 {
justify-content: flex-start;
align-items: center;
max-width: 720px;
}
.flex-vertical.gap-38.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-38.pad-bottom-28 {
padding-bottom: 28px;
}
.flex-vertical.gap-36 {
grid-column-gap: 36px;
grid-row-gap: 36px;
}
.flex-vertical.gap-36.align-left {
justify-content: flex-start;
align-items: flex-start;
}
.flex-vertical.gap-36.center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-36.center._100 {
justify-content: flex-start;
align-items: center;
height: 100%;
}
.flex-vertical.gap-30 {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.flex-vertical.gap-30.align-left {
justify-content: flex-start;
align-items: flex-start;
}
.flex-vertical.gap-30.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-45 {
grid-column-gap: 45px;
grid-row-gap: 45px;
}
.flex-vertical.gap-45.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-7 {
grid-column-gap: 7px;
grid-row-gap: 7px;
}
.flex-vertical.gap-7.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-7.align-center.abs {
position: absolute;
inset: 0% 0% auto;
}
.flex-vertical.gap-7.align-center.abs._2 {
inset: auto 0% 0%;
}
.flex-vertical.gap-7.align-center.abs._2.pad-left {
padding-left: 70px;
}
.flex-vertical.gap-7.align-center.abs.pad-right {
padding-right: 70px;
}
.flex-vertical.gap-46 {
grid-column-gap: 46px;
grid-row-gap: 46px;
}
.flex-vertical.gap-46.bottom-border {
border-bottom: 1px solid #ffffff80;
padding-bottom: 51px;
}
.flex-vertical.gap-46.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.space-between {
justify-content: space-between;
align-items: flex-start;
}
.flex-vertical.gap-31 {
grid-column-gap: 31px;
grid-row-gap: 31px;
justify-content: flex-start;
align-items: flex-start;
}
.flex-vertical.gap-31.relative {
position: relative;
}
.flex-vertical.gap-31.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-20 {
grid-column-gap: 20px;
grid-row-gap: 20px;
cursor: pointer;
text-decoration: none;
}
.flex-vertical.gap-20._50 {
width: 50%;
}
.flex-vertical._100 {
width: 100%;
}
.flex-vertical._100.mob-show {
display: none;
}
.flex-vertical.gap-43 {
grid-column-gap: 43px;
grid-row-gap: 43px;
}
.flex-vertical.gap-43.pad-top-bot {
padding-top: 35px;
padding-bottom: 85px;
}
.flex-vertical.gap-43.pad-top-bot.hdn {
display: none;
}
.flex-vertical.gap-43.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-43.max-w-180 {
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 180px;
height: 100%;
}
.flex-vertical.gap-26 {
grid-column-gap: 26px;
grid-row-gap: 26px;
}
.flex-vertical.gap-26.mob-show {
display: none;
}
.flex-vertical.gap-26.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-56 {
grid-column-gap: 56px;
grid-row-gap: 56px;
}
.flex-vertical.gap-56.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-16 {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.flex-vertical.gap-16.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-16.align-center.hdn {
display: none;
}
.flex-vertical.gap-16.align-bottom {
justify-content: flex-end;
align-items: flex-start;
}
.flex-vertical.gap-16.align-center-side {
justify-content: center;
align-items: flex-start;
}
.flex-vertical.gap-8 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.flex-vertical.gap-8.align-left.mob-show {
display: none;
}
.flex-vertical.gap-8.relative {
z-index: 2;
position: relative;
}
.flex-vertical.align-left {
justify-content: flex-start;
align-items: flex-start;
}
.flex-vertical.align-left.gap-21 {
grid-column-gap: 21px;
grid-row-gap: 21px;
}
.flex-vertical.align-left.gap-21._w-390 {
flex: none;
max-width: 390px;
}
.flex-vertical.align-left.gap-21._w-360 {
flex: none;
max-width: 360px;
}
.flex-vertical.align-left.gap-21._w-566 {
flex: none;
max-width: 566px;
}
.flex-vertical.align-left.gap-21._w-320 {
max-width: 320px;
}
.flex-vertical.align-left.gap-21._w-369 {
flex: none;
max-width: 369px;
}
.flex-vertical.align-left.gap-21._w-290 {
flex: none;
max-width: 290px;
}
.flex-vertical.align-left.gap-21._w-660 {
max-width: 660px;
}
.flex-vertical.align-left.gap-21._w-660.op-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.align-left.gap-21._w-660.op-center._564 {
flex: none;
max-width: 564px;
}
.flex-vertical.align-left.gap-21._w-375 {
text-align: center;
max-width: 375px;
}
.flex-vertical.align-left.gap-21._w-375.op-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.align-left.gap-21._w-375.op-center._564 {
flex: none;
max-width: 564px;
}
.flex-vertical.align-left.gap-21._w-470 {
flex: none;
max-width: 470px;
}
.flex-vertical.align-left.gap-21._w-576 {
flex: none;
max-width: 576px;
}
.flex-vertical.align-left.gap-21._w-518 {
text-align: center;
max-width: 518px;
}
.flex-vertical.align-left.gap-21._w-518.op-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.align-left.gap-21._w-518.op-center._564 {
flex: none;
max-width: 564px;
}
.flex-vertical.align-left.gap-52 {
grid-column-gap: 52px;
grid-row-gap: 52px;
}
.flex-vertical.gap-40 {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.flex-vertical.gap-40.align-left.mob-show {
display: none;
}
.flex-vertical.gap-40._50 {
width: 50%;
}
.flex-vertical.gap-40.max-w-530 {
max-width: 505px;
}
.flex-vertical.gap-40.max-w-530.align-left {
max-width: 530px;
}
.flex-vertical.gap-40.align-right {
justify-content: flex-start;
align-items: flex-end;
}
.flex-vertical.gap-40.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-40.pad-bottom-60 {
padding-bottom: 60px;
}
.flex-vertical.gap-33 {
grid-column-gap: 33px;
grid-row-gap: 33px;
}
.flex-vertical.gap-23 {
grid-column-gap: 23px;
grid-row-gap: 23px;
}
.flex-vertical.gap-23.aling-left {
justify-content: flex-start;
align-items: flex-start;
}
.flex-vertical.gap-23.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-24 {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.flex-vertical.gap-24.align-left.rel {
z-index: 2;
position: relative;
}
.flex-vertical.gap-72 {
grid-column-gap: 72px;
grid-row-gap: 72px;
}
.flex-vertical.gap-72.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-72.align-center.hdn {
display: none;
}
.flex-vertical.gap-120 {
grid-column-gap: 120px;
grid-row-gap: 120px;
}
.flex-vertical.gap-11 {
grid-column-gap: 11px;
grid-row-gap: 11px;
}
.flex-vertical.gap-85 {
grid-column-gap: 85px;
grid-row-gap: 85px;
}
.flex-vertical.gap-85.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-32 {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.flex-vertical.gap-32.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-52 {
grid-column-gap: 56px;
grid-row-gap: 56px;
}
.flex-vertical.gap-52.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-34 {
grid-column-gap: 34px;
grid-row-gap: 34px;
}
.flex-vertical.gap-34.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-75 {
grid-column-gap: 75px;
grid-row-gap: 75px;
}
.flex-vertical.gap-75.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-12 {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.flex-vertical.gap-12.align-center {
justify-content: flex-start;
align-items: center;
width: 450px;
}
.flex-vertical.gap-80 {
grid-column-gap: 80px;
grid-row-gap: 80px;
}
.flex-vertical.gap-80.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-80.align-center.hdn {
display: none;
}
.flex-vertical.gap-50 {
grid-column-gap: 50px;
grid-row-gap: 50px;
}
.flex-vertical.gap-50.align-left.max-w {
max-width: 540px;
}
.flex-vertical.gap-50.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-58 {
grid-column-gap: 58px;
grid-row-gap: 58px;
}
.flex-vertical.gap-58.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-93 {
grid-column-gap: 93px;
grid-row-gap: 93px;
}
.flex-vertical.gap-93.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-44 {
grid-column-gap: 44px;
grid-row-gap: 44px;
}
.flex-vertical.gap-116 {
grid-column-gap: 116px;
grid-row-gap: 116px;
}
.flex-vertical.gap-55 {
grid-column-gap: 55px;
grid-row-gap: 55px;
}
.flex-vertical.gap-55.center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-78 {
grid-column-gap: 78px;
grid-row-gap: 78px;
}
.flex-vertical.gap-78.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-54 {
grid-column-gap: 54px;
grid-row-gap: 54px;
}
.flex-vertical.gap-15 {
grid-column-gap: 15px;
grid-row-gap: 15px;
}
.flex-vertical.gap-15.space-between {
height: 100%;
}
.flex-vertical.gap-87 {
grid-column-gap: 97px;
grid-row-gap: 97px;
}
.flex-vertical.gap-37 {
grid-column-gap: 37px;
grid-row-gap: 37px;
}
.flex-vertical.gap-37.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-37.align-right {
justify-content: flex-start;
align-items: flex-end;
}
.flex-vertical.gap-66 {
grid-column-gap: 66px;
grid-row-gap: 66px;
}
.flex-vertical.gap-66.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-13 {
grid-column-gap: 13px;
grid-row-gap: 13px;
}
.flex-vertical.gap-13.desk {
display: flex;
}
.flex-vertical.gap-13.mob {
display: none;
}
.flex-vertical.gap-83 {
grid-column-gap: 83px;
grid-row-gap: 83px;
}
.flex-vertical.gap-83.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-111 {
grid-column-gap: 111px;
grid-row-gap: 111px;
}
.flex-vertical.gap-208 {
grid-column-gap: 208px;
grid-row-gap: 208px;
justify-content: flex-start;
align-items: flex-start;
}
.flex-vertical.gap-150 {
grid-column-gap: 150px;
grid-row-gap: 150px;
}
.flex-vertical.gap-41 {
grid-column-gap: 41px;
grid-row-gap: 41px;
}
.flex-vertical.gap-95 {
grid-column-gap: 95px;
grid-row-gap: 95px;
}
.flex-vertical.gap-95.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-25 {
grid-column-gap: 25px;
grid-row-gap: 25px;
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-185 {
grid-column-gap: 185px;
grid-row-gap: 185px;
justify-content: flex-start;
align-items: flex-start;
position: relative;
}
.flex-vertical.gap-100 {
grid-column-gap: 100px;
grid-row-gap: 100px;
}
.flex-vertical.gap-100._100.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-70 {
grid-column-gap: 70px;
grid-row-gap: 70px;
}
.flex-vertical.gap-70.align-right {
justify-content: flex-start;
align-items: flex-end;
}
.flex-vertical.gap-70.align-left.relative {
z-index: 2;
}
.flex-vertical.gap-27 {
grid-column-gap: 27px;
grid-row-gap: 27px;
}
.flex-vertical.gap-84 {
grid-column-gap: 84px;
grid-row-gap: 84px;
}
.flex-vertical.gap-62 {
grid-column-gap: 62px;
grid-row-gap: 62px;
}
.flex-vertical.gap-65 {
grid-column-gap: 65px;
grid-row-gap: 65px;
}
.flex-vertical.gap-130 {
grid-column-gap: 130px;
grid-row-gap: 130px;
}
.flex-vertical.gap-156 {
grid-column-gap: 156px;
grid-row-gap: 156px;
}
.flex-vertical.gap-156.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-108 {
grid-column-gap: 108px;
grid-row-gap: 108px;
}
.flex-vertical.gap-35 {
grid-column-gap: 35px;
grid-row-gap: 35px;
}
.flex-vertical.gap-35.align-center, .flex-vertical.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-105 {
grid-column-gap: 105px;
grid-row-gap: 105px;
}
.flex-vertical.gap-90 {
grid-column-gap: 90px;
grid-row-gap: 90px;
}
.flex-vertical.gap-112 {
grid-column-gap: 80px;
grid-row-gap: 80px;
}
.flex-vertical.gap-112.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-112.gap-65-mob {
grid-column-gap: 112px;
grid-row-gap: 112px;
}
.flex-vertical.gap-64 {
grid-column-gap: 64px;
grid-row-gap: 64px;
}
.flex-vertical.gap-160 {
grid-column-gap: 160px;
grid-row-gap: 160px;
}
.flex-vertical.relative.gap-320 {
grid-column-gap: 276px;
grid-row-gap: 276px;
}
.flex-vertical.relative.gap-320.pad-bottom-300 {
grid-column-gap: 320px;
grid-row-gap: 320px;
padding-bottom: 300px;
}
.flex-vertical.gap-145 {
grid-column-gap: 145px;
grid-row-gap: 145px;
}
.flex-vertical.gap-200 {
grid-column-gap: 200px;
grid-row-gap: 200px;
}
.flex-vertical._100-h {
height: 100%;
}
.flex-vertical.gap-230 {
grid-column-gap: 230px;
grid-row-gap: 230px;
}
.flex-vertical.gap-134 {
grid-column-gap: 134px;
grid-row-gap: 134px;
}
.flex-vertical.gap-134.align-right {
justify-content: flex-start;
align-items: flex-end;
}
.flex-vertical.gap-180 {
grid-column-gap: 180px;
grid-row-gap: 180px;
}
.flex-vertical.gap-140 {
grid-column-gap: 140px;
grid-row-gap: 140px;
}
.flex-vertical.gap-18.center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.marg-top {
margin-top: 66px;
}
.flex-vertical.marg-top.gap-18 {
grid-column-gap: 18px;
grid-row-gap: 18px;
}
.flex-vertical.gap-5.pad-side {
grid-column-gap: 5px;
grid-row-gap: 5px;
padding-left: 15px;
}
.h56 {
color: #181818;
text-align: center;
letter-spacing: -.3px;
margin-top: 0;
margin-bottom: 0;
font-family: Favoritpro, sans-serif;
font-size: 56px;
font-weight: 500;
line-height: 100%;
}
.h56.white {
color: #fff;
text-align: left;
}
.h56.white.center {
text-align: center;
}
.h56.left {
text-align: left;
}
.flex-horizontal {
display: flex;
}
.flex-horizontal.gap-20 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: row;
justify-content: center;
align-items: stretch;
}
.flex-horizontal.gap-20.space-between {
justify-content: space-between;
align-items: stretch;
}
.flex-horizontal.gap-20.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-horizontal.gap-20.relative.mob-vert {
justify-content: center;
align-items: stretch;
}
.flex-horizontal.gap-20.relative.mob-vert.left {
justify-content: flex-start;
align-items: stretch;
}
.flex-horizontal.gap-20.stack {
flex-flow: wrap;
}
.flex-horizontal.space-between {
justify-content: space-between;
align-items: center;
}
.flex-horizontal.space-between.pad-sides {
padding-left: 30px;
padding-right: 50px;
}
.flex-horizontal.space-between.pad-sides.pad-down {
padding-bottom: 86px;
}
.flex-horizontal.space-between.pad-sides.pad-top {
padding-top: 86px;
padding-bottom: 0;
}
.flex-horizontal.space-between.gap-135 {
grid-column-gap: 135px;
grid-row-gap: 135px;
}
.flex-horizontal.space-between.align-bottom, .flex-horizontal.space-between.align-bottom._100 {
justify-content: space-between;
align-items: flex-end;
}
.flex-horizontal.space-between._100 {
justify-content: space-between;
align-items: center;
}
.flex-horizontal.space-between._100.align-botom {
justify-content: space-between;
align-items: flex-end;
}
.flex-horizontal.space-between.gap-100 {
grid-column-gap: 100px;
grid-row-gap: 100px;
}
.flex-horizontal.space-between.gap-100.align-top, .flex-horizontal.space-between.align-top {
justify-content: space-between;
align-items: flex-start;
}
.flex-horizontal.space-between.align-top.mob-vert.center-mob {
justify-content: space-between;
align-items: flex-end;
}
.flex-horizontal.space-between.align-top.mob-vert.gap-10 {
justify-content: space-between;
align-items: center;
}
.flex-horizontal.space-between.mob-vert.gap-50-mob {
grid-column-gap: 90px;
grid-row-gap: 90px;
justify-content: center;
align-items: center;
}
.flex-horizontal.space-between.pad-top-not {
border-bottom: 1px solid #fff0;
padding-top: 0;
padding-bottom: 0;
}
.flex-horizontal.gap-32 {
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: flex-start;
align-items: center;
}
.flex-horizontal.gap-32.mob {
display: none;
}
.flex-horizontal.gap-32.desk {
display: flex;
}
.flex-horizontal.gap-40 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: flex;
}
.flex-horizontal.gap-40.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-horizontal.gap-40.op-section-flex {
margin-bottom: 224px;
}
.flex-horizontal._100 {
justify-content: flex-start;
align-items: center;
width: 100%;
}
.flex-horizontal._100.relative {
justify-content: center;
align-items: center;
}
.flex-horizontal.gap-120 {
grid-column-gap: 120px;
grid-row-gap: 120px;
}
.flex-horizontal.gap-120.align-bottom {
grid-column-gap: 130px;
grid-row-gap: 130px;
justify-content: flex-start;
align-items: flex-end;
}
.flex-horizontal.pad-top-bot {
grid-column-gap: 140px;
grid-row-gap: 140px;
border-bottom: 1px solid #ffffff80;
justify-content: space-between;
align-items: stretch;
padding-top: 35px;
padding-bottom: 85px;
}
.flex-horizontal.gap-52 {
grid-column-gap: 52px;
grid-row-gap: 52px;
justify-content: flex-start;
align-items: flex-start;
}
.flex-horizontal.pad-top {
grid-column-gap: 140px;
grid-row-gap: 140px;
border-bottom: 0 solid #ffffff80;
justify-content: space-between;
align-items: stretch;
padding-top: 35px;
padding-bottom: 85px;
}
.flex-horizontal.gap-108 {
grid-column-gap: 108px;
grid-row-gap: 108px;
}
.flex-horizontal.gap-108.align-top {
justify-content: flex-start;
align-items: flex-start;
}
.flex-horizontal.gap-90 {
grid-column-gap: 90px;
grid-row-gap: 90px;
}
.flex-horizontal.gap-90.align-top {
justify-content: flex-start;
align-items: flex-start;
}
.flex-horizontal.gap-25 {
grid-column-gap: 25px;
grid-row-gap: 25px;
}
.flex-horizontal.gap-25.space-between.align-top {
justify-content: space-between;
align-items: flex-start;
}
.flex-horizontal.gap-25.align-center {
justify-content: center;
align-items: flex-start;
}
.flex-horizontal.gap-25.align-center.hdn-mob.hdn {
display: none;
}
.flex-horizontal.gap-100 {
grid-column-gap: 100px;
grid-row-gap: 100px;
}
.flex-horizontal.gap-100.bg-white {
background-color: #fff;
}
.flex-horizontal.gap-100.bg-white.align-center {
justify-content: flex-start;
align-items: center;
}
.flex-horizontal.gap-100.bg-white.align-center.pad-right-86 {
padding-right: 86px;
}
.flex-horizontal.gap-116 {
grid-column-gap: 116px;
grid-row-gap: 116px;
}
.flex-horizontal.gap-116.align-bottom {
justify-content: flex-start;
align-items: flex-end;
}
.flex-horizontal.gap-16 {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.flex-horizontal.align-right {
justify-content: flex-end;
align-items: center;
}
.flex-horizontal.align-right.fix-wid-big {
width: 380px;
}
.flex-horizontal.align-right.fix-wid-mid {
width: 190px;
}
.flex-horizontal.align-right.fix-wid-small {
width: 160px;
}
.flex-horizontal.gap-140 {
grid-column-gap: 140px;
grid-row-gap: 140px;
}
.flex-horizontal.gap-140.space-between {
justify-content: space-between;
align-items: flex-start;
}
.flex-horizontal.gap-140.space-between.spread {
align-items: stretch;
}
.flex-horizontal.gap-23 {
grid-column-gap: 23px;
grid-row-gap: 23px;
}
.flex-horizontal.align-center {
justify-content: flex-end;
align-items: center;
}
.flex-horizontal.align-center._100, .flex-horizontal.align-center.left {
justify-content: flex-start;
align-items: center;
}
.flex-horizontal.align-center.left.gap-8 {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #000;
text-decoration: none;
}
.flex-horizontal.gap-15 {
grid-column-gap: 15px;
grid-row-gap: 15px;
}
.flex-horizontal.gap-30 {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.flex-horizontal.gap-30.align-center._100 {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: flex-end;
align-items: center;
}
.flex-horizontal.gap-50 {
grid-column-gap: 50px;
grid-row-gap: 50px;
}
.flex-horizontal.gap-50.align-center {
justify-content: center;
align-items: stretch;
}
.flex-horizontal.gap-50.align-center.mob-vert, .flex-horizontal.gap-50.align-center.mob-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.flex-horizontal.relative.pad-top-98 {
padding-top: 98px;
padding-bottom: 385px;
}
.flex-horizontal.gap-86 {
grid-column-gap: 86px;
grid-row-gap: 86px;
}
.flex-horizontal.gap-86.align-top {
grid-column-gap: 80px;
grid-row-gap: 80px;
justify-content: flex-start;
align-items: flex-start;
}
.flex-horizontal.gap-80 {
grid-column-gap: 80px;
grid-row-gap: 80px;
}
.flex-horizontal.gap-80.align-center {
grid-column-gap: 70px;
grid-row-gap: 70px;
justify-content: center;
align-items: center;
}
.flex-horizontal.gap-154 {
grid-column-gap: 154px;
grid-row-gap: 154px;
}
.flex-horizontal.gap-154.align-center {
justify-content: center;
align-items: center;
}
.flex-horizontal.gap-154.align-bottom {
justify-content: flex-start;
align-items: flex-end;
}
.flex-horizontal.gap-60 {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.flex-horizontal.gap-190 {
grid-column-gap: 190px;
grid-row-gap: 190px;
}
.flex-horizontal.gap-200 {
grid-column-gap: 200px;
grid-row-gap: 200px;
}
.flex-horizontal.gap-200.align-center {
justify-content: center;
align-items: center;
}
.flex-horizontal.gap-200.align-center.align-top {
grid-column-gap: 200px;
grid-row-gap: 200px;
justify-content: center;
align-items: flex-start;
}
.flex-horizontal.gap-22 {
grid-column-gap: 22px;
grid-row-gap: 22px;
justify-content: space-between;
align-items: center;
}
.flex-horizontal.gap-5 {
grid-column-gap: 5px;
grid-row-gap: 5px;
}
.flex-horizontal.gap-5.center {
justify-content: flex-start;
align-items: center;
}
.vision-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.vision-grid-box {
grid-column-gap: 34px;
grid-row-gap: 34px;
cursor: pointer;
background-color: #f6f6f6;
border: 1px solid #0000;
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: 364px;
height: 303px;
padding: 64px 25px 34px;
text-decoration: none;
display: flex;
position: relative;
}
.vision-grid-box.bottom {
justify-content: flex-end;
align-items: center;
}
.vision-grid-box.smaller {
height: 280px;
}
.vision-grid-box.auto {
height: auto;
padding-bottom: 64px;
}
.tb-32 {
color: #181818;
text-align: left;
font-family: Favoritpro, sans-serif;
font-size: 32px;
font-weight: 500;
line-height: 112%;
}
.tb-32.center {
text-align: center;
letter-spacing: -.2px;
font-family: Favoritpro, sans-serif;
font-weight: 500;
}
.tb-32.center._30px {
font-size: 30px;
}
.tb-32.white {
color: #fff;
letter-spacing: -.2px;
}
.tb-32.white.normal {
font-weight: 400;
}
.tb-32.white.center {
text-align: center;
}
.tb-32.white.center.normal, .tb-32.normal {
font-weight: 400;
}
.tb-16 {
color: #181818;
font-family: Favoritpro, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 120%;
display: flex;
}
.tb-16.center {
text-align: center;
font-family: Favoritpro, sans-serif;
font-weight: 400;
}
.tb-16.center.fix-h-mob {
height: 38.3906px;
}
.tb-16.center.fix-h-mob.smaller {
height: auto;
font-size: 13px;
}
.tb-16.white {
color: #fff;
}
.tb-16.white._50 {
color: #ffffff80;
}
.tb-16.medium {
font-size: 25px;
font-weight: 500;
}
.tb-16._60 {
color: #18181899;
}
.tb-14 {
color: #181818;
letter-spacing: .1px;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 100%;
}
.tb-14.white {
color: #fff;
}
.tb-14.white.caps {
text-transform: uppercase;
}
.tb-14.white.center-mob {
color: #ffffff4d;
font-weight: 400;
}
.tb-14.white.center {
text-align: center;
}
.tb-14.white.center.pro {
font-family: Favoritpro, sans-serif;
font-weight: 400;
}
.tb-14.white._50 {
color: #ffffff80;
font-weight: 400;
}
.tb-14.white.left {
text-align: center;
}
.tb-14.white.left.pro {
color: #fff9;
text-align: left;
font-family: Favoritpro, sans-serif;
font-weight: 400;
line-height: 110%;
}
.tb-14.normal {
text-align: center;
font-family: Favoritpro, sans-serif;
font-weight: 400;
}
.tb-14.normal.left {
text-align: left;
}
.tb-14.normal.left._60 {
color: #18181899;
line-height: 120%;
}
.tb-14.normal.mono {
z-index: 2;
font-family: Favoritmono, sans-serif;
position: relative;
}
.tb-14.normal._120 {
line-height: 120%;
}
.tb-14.gray {
color: #18181866;
text-transform: uppercase;
font-weight: 400;
}
.vision-gb-link {
z-index: 2;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #18794e;
letter-spacing: .1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
display: flex;
position: relative;
}
.vision-gb-link.mob {
display: none;
}
.vision-gb-link.desk {
display: flex;
}
.vision-arrow-icon {
width: 9px;
}
.vision-arrow-icon.abs {
opacity: 0;
position: absolute;
right: auto;
}
.vision-role-div {
background-image: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/66b209b585848e3ffce7f6d9_Card%20(4).png");
background-position: 0 0;
background-size: cover;
justify-content: center;
align-items: center;
padding-top: 64px;
padding-bottom: 64px;
display: flex;
}
.vision-role-div.hdn {
display: none;
}
.h32 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Favoritpro, sans-serif;
font-size: 32px;
font-weight: 500;
line-height: 112%;
}
.h32.center {
text-align: center;
font-family: Favoritpro, sans-serif;
font-weight: 500;
}
.h32.black {
color: #181818;
}
.home-hero-bg {
opacity: .9;
object-fit: fill;
width: 105vw;
height: 105vh;
display: block;
position: absolute;
top: -2.5vh;
bottom: 0%;
right: 0%;
}
.home-hero-bg.is-home {
width: 100%;
height: 100%;
top: 0;
}
.container-1342 {
max-width: 1342px;
}
.container-1342.relative {
z-index: 2;
position: relative;
}
.container-1342._100--h {
height: 100%;
}
.h80 {
color: #fff;
letter-spacing: -.3px;
text-indent: -6px;
justify-content: flex-start;
align-items: center;
margin-top: 0;
margin-bottom: 0;
font-family: Favoritpro, sans-serif;
font-size: 80px;
font-weight: 500;
line-height: 100%;
}
.h80.black {
color: #000;
}
.h80.black.mob-show {
display: none;
}
.h80.center {
text-align: center;
}
.h80.indent {
text-indent: -6px;
}
.p21 {
color: #fff;
letter-spacing: -.1px;
margin-top: 20px;
margin-bottom: 0;
font-family: Favoritpro, sans-serif;
font-size: 21px;
font-weight: 400;
line-height: 120%;
}
.p21.black {
color: #000;
}
.p21.black.center {
text-align: center;
}
.p21.black._60 {
color: #0009;
font-weight: 400;
}
.p21.black._60.center {
color: #18181899;
}
.p21.center {
text-align: center;
}
.p21.center.black {
color: #181818;
}
.p21.center.black.relative {
z-index: 2;
}
.p21.medium {
font-weight: 500;
}
.p21._60 {
color: #fff9;
}
.p21.no-margin {
margin-top: 0;
}
.button {
color: #fff;
letter-spacing: .1px;
text-transform: uppercase;
background-color: #171717;
padding: 18px 45px;
font-family: At Surt, Arial, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 100%;
}
.button.black {
color: #fff;
background-color: #181818;
}
.button.black.smaller {
text-align: center;
}
.button.smaller {
padding-left: 20px;
padding-right: 20px;
}
.button.desk {
display: block;
}
.button.mob {
display: none;
}
.button.relative {
z-index: 2;
font-size: .75rem;
font-weight: 700;
position: relative;
}
.button.relative.black._100 {
text-align: center;
width: 100%;
}
.h-wrap._760 {
max-width: 760px;
}
.h-wrap._440 {
max-width: 440px;
}
.h-wrap._580 {
max-width: 580px;
}
.h-wrap._377 {
max-width: 377px;
}
.h-wrap._900 {
max-width: 900px;
}
.h-wrap._550 {
max-width: 550px;
}
.h-wrap._500 {
max-width: 500px;
}
.h-wrap._650 {
max-width: 650px;
}
.h-wrap._570 {
max-width: 570px;
}
.h-wrap._570.marg-left-86 {
margin-left: 86px;
}
.h-wrap._570.marg-left-86.relative {
z-index: 2;
}
.h-wrap._540 {
max-width: 540px;
}
.h-wrap._700 {
max-width: 700px;
}
.p-wrap {
max-width: 495px;
}
.p-wrap._522 {
max-width: 522px;
}
.p-wrap._505 {
max-width: 505px;
}
.p-wrap._380 {
max-width: 380px;
}
.p-wrap._526 {
max-width: 526px;
}
.p-wrap._526.pad-down {
padding-bottom: 84px;
}
.p-wrap._670 {
max-width: 670px;
}
.p-wrap._560 {
max-width: 560px;
}
.p-wrap._290 {
max-width: 290px;
}
.p-wrap._580 {
max-width: 580px;
}
.p-wrap._620 {
max-width: 620px;
}
.p-wrap._420 {
max-width: 420px;
}
.p-wrap._480 {
max-width: 480px;
}
.p-wrap._530 {
max-width: 530px;
}
.p-wrap._450 {
max-width: 450px;
}
.p-wrap._575 {
max-width: 575px;
}
.p-wrap._477 {
max-width: 477px;
}
.p-wrap._507 {
max-width: 507px;
}
.p-wrap._445 {
max-width: 445px;
}
.p-wrap._700 {
max-width: 700px;
}
.p-wrap._800 {
max-width: 800px;
}
.p-wrap._440 {
max-width: 440px;
}
.p-wrap._536 {
max-width: 536px;
}
.p-wrap._556 {
max-width: 556px;
}
.p-wrap._555 {
max-width: 555px;
}
.p-wrap._504 {
max-width: 504px;
}
.p-wrap._550 {
max-width: 550px;
}
.p-wrap._320 {
max-width: 320px;
}
.p-wrap._500 {
max-width: 500px;
}
.home-hero-wrap {
z-index: 3;
background-color: #0000;
padding-top: 72px;
position: sticky;
top: 0;
}
.home-hero-wrap.is-home {
padding-top: 65px;
position: relative;
}
.nav {
z-index: 50;
background-color: #181818;
width: 100%;
padding: 0 38px;
position: fixed;
}
.body {
background-color: #181818;
}
.nav-logo {
height: 15px;
transition: all .2s;
}
.nav-logo:hover {
opacity: .7;
}
.nav-link-arrow {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #fff;
letter-spacing: .1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 120%;
text-decoration: none;
display: flex;
}
.nav-link-arrow-icon {
width: 12px;
}
.nav-link {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #fff;
letter-spacing: .1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
padding-top: 26px;
padding-bottom: 26px;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 120%;
text-decoration: none;
transition: all .2s;
display: flex;
position: relative;
}
.nav-link:hover {
opacity: .7;
}
.nav-link.dd {
cursor: pointer;
transition-property: none;
}
.nav-link.dd:hover {
opacity: 1;
}
.search-div {
grid-column-gap: 30px;
grid-row-gap: 30px;
color: #ffffff80;
text-transform: uppercase;
border: 1px solid #ffffff1a;
border-radius: 50px;
justify-content: flex-start;
align-items: center;
padding: 8px 16px;
font-family: Favoritmono, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 120%;
display: none;
}
.search-icon {
width: 22px;
}
.home-hero-dd {
z-index: 4;
grid-column-gap: 15px;
grid-row-gap: 15px;
-webkit-backdrop-filter: blur(70px);
backdrop-filter: blur(70px);
cursor: pointer;
background-color: #ffffff1a;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 30vw;
padding: 20.5px 29.5px 20.5px 20.5px;
text-decoration: none;
display: flex;
position: absolute;
inset: -1px 0% auto auto;
}
.circle {
border: 1.2px solid #fff6;
border-radius: 50px;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
display: flex;
position: relative;
}
.circle.black {
border-color: #181818;
}
.line1 {
background-color: #fff;
width: 14px;
height: 1px;
}
.line1.black {
background-color: #181818;
}
.line2 {
background-color: #fff;
width: 1px;
height: 14px;
position: absolute;
}
.line2.black {
background-color: #181818;
}
.role {
z-index: 3;
background-color: #181818;
padding: 66px 38px 87px;
position: relative;
}
.role-block {
grid-column-gap: 52px;
grid-row-gap: 52px;
border-left: 1px solid #ffffff1a;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
max-width: 300px;
padding-top: 0;
padding-left: 20px;
padding-right: 20px;
text-decoration: none;
display: flex;
}
.role-block.is-ai {
grid-column-gap: 52px;
grid-row-gap: 52px;
border-left-color: #d9d9d9;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
font-weight: 700;
display: flex;
}
.role-img {
width: auto;
height: 180px;
}
.role-img._2, .role-img._3, .role-img._4 {
width: auto;
}
.primer-link {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #fff;
letter-spacing: .1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
transition: all .2s;
display: flex;
}
.primer-link:hover {
opacity: .7;
}
.primer-arrow-icon {
width: 9px;
}
.roadmap {
z-index: 3;
background-color: #fff;
flex-flow: column;
justify-content: flex-end;
align-items: stretch;
padding-top: 118px;
padding-bottom: 280px;
position: relative;
overflow: hidden;
}
.slider {
background-color: #0000;
height: 200px;
margin-top: 70px;
display: none;
}
.slide-nav {
display: none;
}
.right-arrow {
color: #000;
background-color: #fff;
border: 2px solid #181818;
width: 48px;
height: 40px;
font-size: 10px;
transition: all .2s;
inset: auto -46px -180px 0;
}
.right-arrow:hover {
color: #fff;
background-color: #181818;
}
.right-arrow._2 {
bottom: -90px;
}
.left-arrow {
color: #000;
background-color: #fff;
border: 2px solid #181818;
width: 48px;
height: 40px;
font-size: 10px;
transition: all .2s;
inset: auto 0 -180px -46px;
}
.left-arrow:hover {
color: #fff;
background-color: #181818;
}
.left-arrow._2 {
bottom: -90px;
}
.slider-div {
grid-column-gap: 19px;
grid-row-gap: 19px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.slider-div._2 {
justify-content: center;
align-items: center;
}
.slider-div.swiper-slide_roadmap-block {
height: 240px;
}
.mask {
max-width: 273px;
height: 250px;
overflow: visible;
}
.grad-circle {
z-index: 2;
background-image: linear-gradient(90deg, #171717, #18794e 53%, #5bb98c);
border-radius: 50px;
width: 24px;
height: 24px;
position: relative;
}
.grad-circle.pad-left {
margin-left: 70px;
}
.grad-circle.pad-right {
margin-right: 70px;
}
.gray-line {
background-color: #1818181a;
width: 47%;
height: 2px;
}
.gray-line._2 {
background-color: #fff3;
width: 100%;
}
.gray-line._3, .gray-line._100 {
width: 100%;
}
.gray-line._100.white {
background-color: #ffffff80;
}
.gray-line._100.white._20 {
background-color: #fff3;
}
.gray-line._100._20--c {
background-color: #18181833;
height: 1px;
}
.gray-line.white {
background-color: #ffffff52;
width: 100%;
height: 1px;
}
.gray-line.abs {
width: 100%;
position: absolute;
}
.gray-line.vert {
width: 2px;
height: 100%;
}
.gray-line._90 {
background-color: #ffffff80;
width: 95%;
}
.tb-21 {
color: #181818;
text-align: center;
letter-spacing: -.1px;
font-family: Favoritpro, sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 112%;
}
.tb-21.left {
text-align: left;
margin-top: 0;
margin-bottom: 0;
}
.tb-21.left.normal {
font-weight: 400;
}
.tb-21.left.normal.white {
color: #fff;
}
.tb-21.left.normal.white._50 {
color: #ffffff80;
}
.tb-21.left.normal.order-mob {
display: none;
}
.tb-21.left.white, .tb-21.white {
color: #fff;
}
.tb-21.white.normal {
font-weight: 400;
}
.tb-21.white.normal.left.no-wrap {
white-space: nowrap;
}
.tb-21.center.normal, .tb-21.normal {
font-weight: 400;
}
.absolute-text {
color: #18794e;
letter-spacing: -.2px;
font-family: Favoritmono, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 120%;
position: absolute;
inset: 0% auto auto 10px;
}
.stay-connected {
z-index: 4;
background-color: #181818;
padding: 115px 40px 60px;
position: relative;
overflow: hidden;
}
.stay-connected-bg {
z-index: 1;
object-fit: cover;
object-position: 50% 0%;
width: 100%;
height: 100%;
position: absolute;
inset: 0% 0% auto;
}
.tb-wrap {
max-width: 236px;
}
.tb-wrap._700 {
max-width: 700px;
}
.tb-wrap._220 {
max-width: 220px;
}
.tb-wrap._403 {
max-width: 403px;
}
.tb-wrap._270 {
max-width: 270px;
}
.tb-wrap._370 {
max-width: 370px;
}
.tb-wrap._294 {
max-width: 294px;
}
.tb-wrap._356 {
max-width: 356px;
font-weight: 400;
}
.tb-wrap._610 {
max-width: 610px;
}
.tb-wrap._500 {
max-width: 500px;
}
.tb-wrap._690 {
max-width: 690px;
}
.tb-wrap._503 {
max-width: 503px;
}
.tb-wrap._566 {
max-width: 566px;
}
.tb-wrap._422 {
max-width: 422px;
}
.tb-wrap._250 {
max-width: 250px;
}
.tb-wrap._486 {
max-width: 486px;
}
.tb-wrap._300 {
max-width: 300px;
}
.tb-wrap._533 {
max-width: 533px;
}
.tb-wrap._600 {
max-width: 600px;
}
.tb-wrap._250-mob {
max-width: none;
}
.tb-wrap._250-mob._228 {
max-width: 228px;
}
.tb-wrap._554 {
max-width: 554px;
}
.tb-wrap._540 {
max-width: 540px;
}
.tb-wrap._424 {
max-width: 424px;
}
.tb-wrap._200 {
max-width: 200px;
}
.tb-wrap._609 {
max-width: 609px;
}
.tb-wrap._860 {
max-width: 860px;
}
.tb-wrap._870 {
max-width: 870px;
}
.tb-wrap._530 {
max-width: 530px;
}
.tb-wrap._730 {
max-width: 730px;
}
.tb-wrap._436 {
max-width: 436px;
}
.tb-wrap._430 {
width: 100%;
max-width: 430px;
}
.tb-wrap._430.marg-right {
margin-right: 40px;
}
.tb-wrap._417 {
max-width: 417px;
}
.tb-wrap._341, .tb-wrap._300 {
max-width: 300px;
}
.tb-wrap._290 {
max-width: 290px;
}
.tb-wrap._440 {
max-width: 440px;
}
.tb-wrap._440.marg-left-85 {
margin-left: 85px;
}
.tb-wrap._440.marg-left-85.relative {
z-index: 2;
}
.tb-wrap._480 {
max-width: 480px;
}
.tb-wrap._450 {
max-width: 450px;
}
.tb-wrap._560 {
max-width: 560px;
}
.tb-wrap._360 {
max-width: 360px;
}
.tb-wrap._330 {
max-width: 330px;
}
.tb-wrap._340 {
max-width: 340px;
}
.tb-wrap._390 {
max-width: 390px;
}
.tb-wrap._555 {
max-width: 555px;
}
.tb-wrap._400 {
max-width: 400px;
}
.tb-wrap._380 {
max-width: 380px;
}
.tb-wrap._380.pad-bot-170 {
padding-bottom: 170px;
}
.tb-wrap._180 {
max-width: 180px;
}
.tb-wrap._180.pad-top {
padding-top: 10px;
}
.tb-wrap._160 {
max-width: 150px;
}
.tb-wrap._170 {
max-width: 180px;
}
.tb-wrap._90 {
max-width: 90%;
}
.tb-wrap._320 {
max-width: 320px;
}
.tb-wrap._240px-mob {
max-width: none;
}
.events-link {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #fff;
letter-spacing: .1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
display: flex;
}
.events-link.hdn-mob {
transition: all .2s;
}
.events-link.hdn-mob:hover {
opacity: .7;
}
.event-thumb {
object-fit: cover;
border: 1px solid #0000;
width: 293px;
height: 135.336px;
}
.event-div {
grid-column-gap: 46px;
grid-row-gap: 46px;
cursor: pointer;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 293px;
text-decoration: none;
display: flex;
}
.proposal-link {
color: #fff;
letter-spacing: -.2px;
cursor: pointer;
background-color: #f5f5f500;
border-bottom: 1px solid #ffffff80;
padding-top: 15px;
padding-bottom: 15px;
font-family: Favoritpro, sans-serif;
font-size: 32px;
font-weight: 400;
line-height: 112%;
text-decoration: none;
transition: all .2s;
position: relative;
}
.proposal-link:hover {
color: #181818;
background-color: #fff;
padding-left: 20px;
}
.proposal-link.last {
border-bottom-width: 0;
}
.proposal-link.last.hdn {
display: none;
}
.proposal-arrow-div {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #18794e;
letter-spacing: .1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
display: flex;
position: absolute;
inset: 0% 20px 0% auto;
}
.mask1 {
max-width: 440px;
overflow: visible;
}
.slider1 {
background-color: #0000;
height: 100%;
margin-top: 0;
padding-top: 33px;
}
.updates-link {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #fff;
letter-spacing: .1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.left-arrow-white {
color: #fff;
border: 2px solid #fff;
width: 48px;
height: 40px;
font-size: 10px;
transition: all .2s;
inset: -40px 47px auto auto;
}
.left-arrow-white:hover {
color: #000;
background-color: #fff;
}
.right-arrow-white {
color: #fff;
border: 2px solid #fff;
width: 48px;
height: 40px;
font-size: 10px;
transition: all .2s;
inset: -40px 0% auto auto;
}
.right-arrow-white:hover {
color: #000;
background-color: #fff;
}
.stay-connected-img {
object-fit: cover;
width: 440px;
height: 187px;
}
.slide-marg {
margin-right: 20px;
}
.cta {
z-index: 3;
padding-top: 118px;
padding-bottom: 118px;
position: relative;
overflow: hidden;
}
.cta.pad-smaller {
padding-top: 95px;
padding-bottom: 95px;
}
.cta-bg {
z-index: 1;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.cta-bg.hdn {
display: none;
}
.footer {
z-index: 3;
background-color: #fff;
padding: 24px 40px;
position: relative;
}
.footer-logo {
width: 121px;
transition: all .2s;
}
.footer-logo:hover {
opacity: .7;
}
.footer-link {
color: #181818;
letter-spacing: .1px;
text-transform: uppercase;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 120%;
text-decoration: none;
transition: all .2s;
}
.footer-link:hover {
color: #181818b3;
}
.footer-link.gray {
color: #18181880;
transition: all .2s;
}
.footer-link.gray:hover {
color: #181818cc;
}
.footer-link.gray.hdn {
display: none;
}
.tb-12 {
color: #18181866;
letter-spacing: .1px;
font-family: Favoritmono, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 120%;
}
.tb-12.black.pro {
color: #181818;
font-family: Favoritpro, sans-serif;
}
.tb-12.white.pro {
color: #fff;
font-family: Favoritpro, sans-serif;
}
.page-wrapper.hdn {
display: none;
}
.page-wrapper.styles-v2 {
font-family: At Surt, Arial, sans-serif;
line-height: 120%;
}
.learn-hero {
z-index: 3;
background-color: #181818;
padding-top: 72px;
position: relative;
}
.learn-hero-bg {
object-fit: cover;
object-position: 50% 0%;
width: 100vw;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.learn-hero-div {
justify-content: flex-start;
align-items: center;
height: auto;
padding: 240px 38px 300px;
position: relative;
overflow: hidden;
}
.learn {
background-color: #181818;
padding: 105px 40px 114px;
}
.container-1190 {
max-width: 1190px;
}
.learn-img {
width: 316px;
}
.learn-img._2 {
width: 356px;
}
.faq {
background-color: #f3f3f3;
padding: 74px 40px;
}
.search-faq {
color: #18181866;
letter-spacing: -.1px;
border: .8px solid #18181833;
justify-content: space-between;
align-items: center;
width: 440px;
padding: 20px;
font-family: Favoritpro, sans-serif;
font-size: 21px;
line-height: 112%;
display: none;
}
.search-faq-arrow {
width: 9px;
}
.dropdown {
color: #181818;
border-top: 0 solid #1818181a;
border-bottom: 1px solid #1818181a;
width: 100%;
font-size: 21px;
line-height: 112%;
}
.dropdown.top {
z-index: 1;
border-top-width: 1px;
overflow: hidden;
}
.dropdown.top.hdn {
display: none;
}
.dropdown-toggle {
grid-column-gap: 10px;
grid-row-gap: 10px;
white-space: normal;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 20px 15px 20px 30px;
display: flex;
}
.dropdown-list {
grid-column-gap: 27px;
grid-row-gap: 27px;
background-color: #0000;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-bottom: 0;
padding-left: 30px;
padding-right: 30px;
display: none;
position: relative;
}
.dropdown-list.w--open {
padding-bottom: 0;
}
.p16 {
color: #18181899;
margin-bottom: 0;
font-family: Favoritpro, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 120%;
}
.p16.white {
color: #fff;
}
.p16.white.center {
text-align: center;
}
.p16.pad-down {
padding-bottom: 84px;
}
.p16.black {
color: #181818;
}
.p16.small-pad {
padding-bottom: 10px;
}
.faq-dd-img {
width: 526px;
padding-top: 27px;
padding-bottom: 84px;
}
.ideas {
background-color: #f6f6f6;
padding: 80px 40px 65px;
}
.container-1360 {
max-width: 1360px;
}
.ideas-link {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #181818;
letter-spacing: .1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
display: flex;
}
.green-span {
color: #299764;
text-decoration: none;
}
.green-span.link {
text-decoration: underline;
}
.blog-div-big {
grid-column-gap: 34px;
grid-row-gap: 34px;
cursor: pointer;
background-color: #fff;
border: 1px solid #0000;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 50%;
max-width: 670px;
padding: 18px 20px;
text-decoration: none;
transition: all .2s;
display: flex;
}
.blog-div-big:hover {
border-color: #0000001a;
}
.blog-link {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #18794e;
letter-spacing: .1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
display: flex;
}
.blog-div-small {
grid-column-gap: 20px;
grid-row-gap: 20px;
cursor: pointer;
background-color: #fff;
border: 1px solid #0000;
padding: 18px 16px;
text-decoration: none;
transition: all .2s;
display: flex;
}
.blog-div-small:hover {
border: 1px solid #0000001a;
}
.blog-div-small-img {
width: 309px;
}
.lpt-hero-div {
justify-content: flex-start;
align-items: center;
padding: 200px 38px;
position: relative;
}
.lpt-hero-div.is-ai {
padding-top: 100px;
padding-bottom: 100px;
padding-right: 0;
}
.lpt-hero {
z-index: 3;
background-color: #181818;
padding-top: 72px;
position: relative;
overflow: hidden;
}
.lpt-hero-bg {
object-fit: cover;
object-position: 50% 80%;
width: 100vw;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.what-is-lpt {
background-color: #181818;
padding: 76px 40px 127px;
}
.container-900 {
max-width: 900px;
}
.container-900.relative {
z-index: 2;
position: relative;
}
.what-is-lpt-map {
width: 520px;
}
.what-is-lpt-collum-div {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 355px;
margin-top: 190px;
display: flex;
}
.dotted-line {
border: 1px dashed #fff3;
width: 355px;
height: .5px;
}
.dotted-line._2 {
width: 368px;
}
.dotted-line._3 {
width: 440px;
}
.dotted-line._4 {
width: 363px;
}
.dotted-line._5 {
width: 470px;
}
.dotted-line.delegate {
border-color: #18181833;
width: 448px;
}
.what-is-lpt-collum-div-2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 355px;
margin-top: 230px;
display: flex;
}
.what-is-lpt-collum-div-3 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 355px;
margin-top: 160px;
display: flex;
}
.what-is-lpt-collum-div-4 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 355px;
margin-top: 190px;
display: flex;
}
.what-is-lpt-collum-div-5 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 355px;
margin-top: 200px;
display: flex;
}
.insights {
padding-top: 176px;
padding-bottom: 176px;
padding-left: 40px;
position: relative;
}
.insights-bg {
object-fit: cover;
width: 50%;
max-width: 50%;
height: 100%;
position: absolute;
inset: 0% 0% 0% auto;
}
.lpt-real-time {
background-color: #181818;
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding: 93px 40px 82px;
display: flex;
}
.lpt-real-time-img {
margin-top: 71px;
}
.lpt-real-time-img.desk {
border: 1px solid #fff3;
border-radius: 10px;
width: 1400px;
display: block;
}
.lpt-real-time-img.mob {
display: none;
}
.cta-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.cta-grid-box {
cursor: pointer;
background-color: #d9d9d933;
padding: 56px 24px 60px;
text-decoration: none;
position: relative;
}
.ltp-exchanges {
padding: 93px 40px 104px;
}
.ltp-exchanges-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.ltp-exchanges-grid-box {
cursor: pointer;
background-color: #f6f6f6;
border: 1px solid #0000;
justify-content: center;
align-items: flex-end;
width: 100%;
height: 260px;
padding: 50px 35px;
text-decoration: none;
display: flex;
position: relative;
}
.ltp-exchanges-grid-box-logo {
width: 97px;
}
.ltp-exchanges-grid-box-logo.kraken {
width: 104px;
}
.ltp-exchanges-grid-box-logo.uniswap {
width: 118px;
}
.ltp-exchanges-grid-box-logo.okex {
width: 110px;
}
.ltp-exchanges-grid-box-logo.huobi {
width: 118px;
}
.exhanges-gb-link {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #18794e;
letter-spacing: .1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
display: flex;
position: absolute;
bottom: 30px;
}
.exhanges-arrow-icon {
width: 9px;
}
.delegate-hero {
z-index: 3;
background-color: #181818;
padding-top: 72px;
position: relative;
overflow: hidden;
}
.delegate-hero-div {
justify-content: flex-start;
align-items: center;
height: auto;
padding: 270px 38px;
position: relative;
}
.delegate-hero-bg {
object-fit: cover;
width: 100vw;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.delegate-exchanges {
padding: 93px 40px 104px;
overflow: hidden;
}
.delegate-exchanges.hdn {
display: none;
}
.delegate-exchanges-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.delegate-exchanges-grid-box {
grid-column-gap: 0px;
grid-row-gap: 0px;
cursor: pointer;
background-color: #f6f6f6;
border: 1px solid #0000;
justify-content: center;
align-items: flex-start;
width: 220px;
padding: 25px 10px 50px;
text-decoration: none;
display: flex;
position: relative;
}
.delegate-exchanges-grid-box-logo {
height: 83px;
}
.delegate-exchanges-grid-box-logo.kraken {
width: 104px;
}
.delegate-exchanges-grid-box-logo.uniswap {
width: 118px;
}
.delegate-exchanges-grid-box-logo.okex {
width: 110px;
}
.delegate-exchanges-grid-box-logo.huobi {
width: 118px;
}
.delegate-gb-link {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #18794e;
letter-spacing: .1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
display: flex;
position: absolute;
bottom: 30px;
}
.delegate-mean {
background-color: #181818;
padding: 94px 40px 62px;
}
.container-750 {
max-width: 750px;
}
.container-750.relative {
z-index: 2;
position: relative;
}
.image-3 {
width: 750px;
}
.delegate-mean-text {
padding: 123px 40px;
position: relative;
}
.container-690 {
max-width: 690px;
}
.container-690.relative {
z-index: 2;
max-width: 690px;
position: relative;
}
.delegator-stats {
background-color: #181818;
padding: 86px 40px 130px;
}
.container-1160 {
max-width: 1160px;
}
.p32 {
color: #fff;
text-align: center;
letter-spacing: -.2px;
margin-bottom: 0;
font-family: Favoritpro, sans-serif;
font-size: 32px;
font-weight: 400;
line-height: 112%;
}
.tb-80 {
color: #fff;
text-align: center;
letter-spacing: -.3px;
white-space: nowrap;
font-family: Favoritpro, sans-serif;
font-size: 70px;
font-weight: 500;
line-height: 100%;
}
.tb-80.green-grad {
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #18794e, #5bb98c);
-webkit-background-clip: text;
background-clip: text;
}
.how-it-works {
padding: 80px 40px 109px;
}
.governance {
padding: 100px 40px;
position: relative;
}
.governance-bg {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.governance-img {
width: 506px;
}
.livepeer-token {
background-color: #181818;
padding: 130px 40px 143px;
}
.token-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
}
.token-grid-box {
grid-column-gap: 53px;
grid-row-gap: 53px;
border: 0 solid #fff3;
flex-flow: column;
justify-content: flex-end;
align-items: center;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.token-grid-icon {
width: 166px;
}
.token-grid-icon._2 {
width: 217px;
}
.token-grid-icon._3 {
width: 137px;
}
.orchestrate-hero-div {
justify-content: flex-start;
align-items: center;
height: auto;
padding: 250px 38px;
position: relative;
}
.orchestrate-hero-bg {
object-fit: cover;
width: 100vw;
height: 100%;
position: absolute;
inset: 0%;
}
.orchestrate-hero {
z-index: 3;
background-color: #181818;
padding-top: 72px;
position: relative;
overflow: hidden;
}
.key-req {
background-color: #181818;
padding: 105px 40px 116px;
}
.key-req-img1 {
width: 448px;
}
.key-req-img2 {
width: 668px;
}
.cta-arrow {
width: 20px;
}
.future-benefits {
padding: 91px 40px 141px;
position: relative;
}
.future-benefits-bg {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.future-benefits-img {
object-fit: cover;
width: 438px;
height: 100%;
}
.steps-become {
background-color: #181818;
padding: 94px 40px 80px;
}
.step-div {
grid-column-gap: 25px;
grid-row-gap: 25px;
background-color: #ffffff1a;
border: 1px solid #fff3;
justify-content: flex-start;
align-items: center;
padding: 35px 100px 35px 35px;
display: flex;
}
.step-arrow {
width: 73px;
}
.step-arrow.mob {
display: none;
}
.delegate-mean-img {
width: 827px;
}
.orchestrate-text {
background-color: #181818;
padding: 84px 40px;
position: relative;
}
.dev-hub-hero-bg {
object-fit: cover;
width: 100vw;
height: 100%;
position: absolute;
inset: 0%;
}
.dev-hub-hero {
z-index: 3;
background-color: #181818;
padding-top: 72px;
position: relative;
}
.dev-hub-hero-div {
justify-content: flex-start;
align-items: center;
height: auto;
padding: 250px 38px 42px;
position: relative;
overflow: hidden;
}
.absolute {
z-index: 2;
position: absolute;
inset: auto auto 42px 40px;
}
.absolute.flex {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.why-build {
background-color: #f3f3f3;
padding: 126px 40px 100px;
}
.why-build-img {
width: 400px;
}
.why-join {
padding: 68px 40px 86px;
}
.key-benefit-grid {
grid-column-gap: 25px;
grid-row-gap: 25px;
grid-template-rows: 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
justify-items: center;
}
.key-benefit-grid-box {
grid-column-gap: 23px;
grid-row-gap: 23px;
border-left: 1px solid #18181833;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-left: 20px;
display: flex;
}
.key-benefit-grid-box-tb-wrap {
height: 47.0313px;
}
.dev-tools {
background-color: #181818;
padding: 93px 40px 122px;
}
.dev-tools-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.dev-tools-grid._1-row {
grid-template-rows: auto;
}
.dev-tools-grid._1-row.marg-top {
margin-top: 20px;
}
.dev-tools-grid-box-big {
grid-column-gap: 33px;
grid-row-gap: 33px;
cursor: pointer;
background-color: #282828;
border: 1px solid #fff3;
justify-content: space-between;
align-items: center;
padding: 65px 30px;
text-decoration: none;
transition: all .7s;
display: flex;
position: relative;
}
.dev-tools-grid-box-big:hover {
box-shadow: 0 0 100px #18794e33;
}
.circle-rel {
z-index: 2;
border-radius: 500px;
justify-content: center;
align-items: center;
width: 226px;
height: 226px;
display: flex;
position: relative;
}
.dev-tools-grid-box-img {
border: 1px solid #181818;
border-radius: 500px;
width: 100%;
height: 100%;
}
.dev-tools-grid-box-img.abs {
border-width: 1px;
height: 100%;
position: absolute;
}
.dev-tools-grid-box-big-bg {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.dev-tools-grid-box-small {
grid-column-gap: 14px;
grid-row-gap: 14px;
cursor: pointer;
background-color: #131716;
border: 1px solid #fff3;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 28px 34px 40px;
text-decoration: none;
display: flex;
position: relative;
}
.builder-programs {
padding: 70px 0 156px;
overflow: hidden;
}
.builder-programs-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1fr 1fr 1fr;
display: none;
}
.builder-programs-grid-box {
grid-column-gap: 53px;
grid-row-gap: 53px;
cursor: pointer;
background-color: #d9d9d933;
border: 1px solid #0000001a;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 365px;
height: 570px;
padding-top: 80px;
padding-bottom: 92px;
text-decoration: none;
transition: all .3s;
display: flex;
position: relative;
}
.builder-programs-grid-box.pad-90 {
height: 516.383px;
padding-top: 97px;
}
.builder-programs-grid-box.no-width {
width: auto;
}
.builder-programs-grid-box-img {
z-index: 2;
width: 142px;
position: relative;
}
.builder-programs-grid-box-img.abs {
z-index: 3;
position: absolute;
top: 80px;
}
.builder-programs-grid-box-img.abs._2 {
width: 162px;
top: 80px;
}
.builder-programs-grid-box-img.abs._3 {
width: 161px;
top: 80px;
}
.builder-programs-grid-box-img.abs._4, .builder-programs-grid-box-img._2 {
width: 205px;
}
.builder-programs-grid-box-bg {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.bp-arrow-link {
z-index: 2;
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #fff;
letter-spacing: .1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 120%;
text-decoration: none;
display: flex;
position: absolute;
bottom: 20px;
}
.bp-arrow-link._2 {
bottom: 50px;
}
.bp-arrow-link-icon {
width: 12px;
}
.builder-programs-grid-box-img2 {
z-index: 2;
width: 162px;
position: relative;
}
.builder-programs-grid-box-img2.abs {
z-index: 3;
width: 131px;
position: absolute;
top: 97px;
}
.builder-programs-grid-box-img-copy {
z-index: 2;
width: 95px;
position: relative;
}
.builder-programs-grid-box-img-copy.abs {
z-index: 3;
position: absolute;
top: 80px;
}
.builder-programs-grid-box-img3 {
z-index: 2;
width: 161px;
position: relative;
}
.builder-programs-grid-box-img3.abs {
z-index: 3;
position: absolute;
top: 80px;
}
.help-you-need {
background-color: #181818;
padding: 94px 40px;
}
.help-you-need-div {
grid-column-gap: 82px;
grid-row-gap: 82px;
background-color: #ffffff1a;
border: 1px solid #fff3;
justify-content: flex-start;
align-items: center;
padding: 30px 176px 30px 20px;
text-decoration: none;
display: flex;
position: relative;
}
.hyn-link {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #18794e;
letter-spacing: .1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
display: flex;
position: absolute;
right: 20px;
}
.hyn-link-arrow-icon {
width: 9px;
}
.help-you-need-text {
width: 221px;
}
.help-you-need-text-2 {
width: 350px;
}
.ecosystem-hero {
z-index: 3;
background-color: #181818;
padding-top: 72px;
position: relative;
}
.ecosystem-hero-div {
justify-content: flex-start;
align-items: center;
height: auto;
padding: 186px 38px 42px;
position: relative;
overflow: hidden;
}
.ecosystem-hero-bg {
object-fit: cover;
width: 100vw;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.ecosystem-hero-div-arrow {
width: 20px;
height: 50px;
position: relative;
}
.ai-apps {
background-color: #181818;
padding: 80px 40px 100px;
}
.ai-apps-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
}
.ai-apps-grid-box {
grid-column-gap: 27px;
grid-row-gap: 27px;
cursor: pointer;
background-color: #131716;
border: 1px solid #fff3;
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 20px;
text-decoration: none;
transition: all .2s;
display: flex;
}
.ai-apps-grid-box:hover {
border-color: #ffffffb3;
}
.ai-apps-grid-box.hdn {
display: none;
}
.ai-apps-grid-box-logo {
background-color: #292929;
border-radius: 100px;
width: 80px;
height: 80px;
}
.apps {
padding: 80px 40px 100px;
}
.apps-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
}
.apps-grid-box {
grid-column-gap: 22px;
grid-row-gap: 22px;
cursor: pointer;
background-color: #d9d9d933;
border: 1px solid #18181800;
justify-content: flex-start;
align-items: center;
padding: 22px 25px;
text-decoration: none;
transition: all .2s;
display: flex;
}
.apps-grid-box:hover {
border: 1px solid #18181833;
}
.apps-grid-box.hdn {
display: none;
}
.apps-grid-box-logo {
background-color: #fff;
border-radius: 100px;
width: 80px;
height: 80px;
}
.nav-menu-button, .nav-menu-mob, .what-is-lpt-an-div {
display: none;
}
.dev-tools-link {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #fff;
letter-spacing: .1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
display: none;
}
.dev-tools-link.abs {
display: none;
position: absolute;
inset: auto 34px 30px auto;
}
.builder-programs-grid-box-big {
justify-content: space-between;
align-items: center;
padding: 60px 48px 60px 54px;
display: none;
position: relative;
}
.builder-programs-grid-box-big-bg {
z-index: 1;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.bp-link {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #fff;
letter-spacing: .1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
display: none;
}
.relative {
position: relative;
}
.relative.pad {
z-index: 2;
background-color: #fff;
justify-content: center;
align-items: center;
padding: 2px;
overflow: hidden;
}
.relative.pad.black {
background-color: #181818;
}
.relative.pad.hdn {
display: none;
}
.relative.primer-1 {
justify-content: center;
align-items: center;
width: 590px;
height: 598.953px;
margin-top: 78px;
margin-left: 92px;
display: flex;
}
.button-border-overlay {
z-index: 1;
background-color: #fff;
position: absolute;
inset: 0%;
}
.button-border-overlay.black {
background-color: #181818;
}
.number {
white-space: nowrap;
}
.img-wrap {
justify-content: center;
align-items: center;
width: 400px;
display: flex;
}
.img-wrap.first {
width: 411px;
}
.img-wrap.bigger {
width: 50%;
}
.img-wrap.logo {
border-radius: 500px;
width: 102px;
height: 102px;
overflow: hidden;
}
.img-wrap.logo._2 {
border-radius: 0;
width: 178px;
overflow: visible;
}
.img-wrap.h {
justify-content: center;
align-items: flex-start;
width: auto;
height: 180px;
min-height: 180px;
}
.img-wrap.big {
width: 540px;
}
.how-it-works-img {
width: 174px;
}
.how-it-works-img._2 {
width: 411px;
}
.how-it-works-img._3 {
width: 386px;
}
.nav-dd {
z-index: 1;
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 180px;
padding-top: 40px;
display: none;
position: absolute;
top: 0;
left: 0%;
right: 0%;
}
.nav-link-arrow-icon-small {
width: 10px;
}
.nav-dd-link {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #fff;
justify-content: flex-start;
align-items: center;
font-size: 14px;
line-height: 17px;
text-decoration: none;
display: flex;
}
.nav-dd-link-icon {
width: 12px;
}
.div-block {
width: 100vw;
}
.nav-dd-bg {
background-color: #181818;
width: 100vw;
position: absolute;
left: 0;
right: 0;
}
.nav-dd-link-1, .nav-dd-link-2, .nav-dd-link-3 {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #fff;
justify-content: flex-start;
align-items: center;
font-size: 14px;
line-height: 17px;
text-decoration: none;
display: flex;
}
.nav-dd-link-icon-3, .nav-dd-link-icon-2, .nav-dd-link-icon-1 {
width: 12px;
}
.scroll-img-5 {
z-index: 1;
border: 1px solid #fff6;
width: 420px;
height: 230px;
position: absolute;
inset: 0 auto auto;
}
.scroll-img-6 {
z-index: 2;
border: 1px solid #fff6;
width: 420px;
height: 230px;
position: absolute;
inset: auto auto 0;
}
.scroll-img-7 {
z-index: 4;
border: 1px solid #fff6;
width: 420px;
height: 230px;
position: absolute;
inset: auto 0 auto auto;
}
.future-benefits-img-1 {
width: 373px;
}
.primer-link-1 {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #fff;
letter-spacing: .1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
transition: all .2s;
display: flex;
}
.primer-link-1:hover {
opacity: .7;
}
.primer-link-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #fff;
letter-spacing: .1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
transition: all .2s;
display: flex;
}
.primer-link-2:hover {
opacity: .7;
}
.primer-link-3 {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #fff;
letter-spacing: .1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
transition: all .2s;
display: flex;
}
.primer-link-3:hover {
opacity: .7;
}
.primer-link-4 {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #fff;
letter-spacing: .1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
transition: all .2s;
display: flex;
}
.primer-link-4:hover {
opacity: .7;
}
.slider-shadow {
z-index: 3;
background-image: linear-gradient(90deg, #fff0, #fff 95%);
width: 70px;
position: absolute;
inset: 0% 0% 0% auto;
}
.slider-shadow._2 {
background-image: linear-gradient(270deg, #fff0, #fff 95%);
width: 70px;
inset: 0% auto 0% 0%;
}
.vision-grid-box-bg {
z-index: 1;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.embrace {
background-color: #181818;
padding: 132px 40px;
}
.embrace-img {
width: 778px;
}
.community-hub-hero {
z-index: 3;
background-color: #181818;
padding-top: 72px;
position: relative;
}
.community-hub-hero-div {
justify-content: flex-start;
align-items: center;
height: auto;
padding: 150px 38px 50px;
position: relative;
overflow: hidden;
}
.community-hub-hero-bg {
object-fit: cover;
width: 100vw;
height: 100%;
position: absolute;
inset: 0%;
}
.get-involved {
background-color: #181818;
padding: 115px 40px 72px;
position: relative;
}
.get-involved-grid {
grid-column-gap: 15px;
grid-row-gap: 15px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.get-involved-grid-box {
grid-column-gap: 50px;
grid-row-gap: 50px;
cursor: pointer;
background-color: #fff;
flex-flow: column;
justify-content: space-between;
align-items: center;
padding: 60px 22px 45px;
text-decoration: none;
display: flex;
position: relative;
}
.get-involved-grid-box-img {
width: 73px;
}
.get-involved-grid-box-img.abs {
position: absolute;
}
.get-involved-grid-box-img._2 {
width: 103px;
}
.get-involved-grid-box-img._3 {
width: 90px;
}
.get-involved-grid-box-img._4 {
width: 99px;
}
.get-involved-grid-box-bg {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.get-involved-bg {
object-fit: cover;
width: 100%;
height: 300px;
position: absolute;
inset: auto 0% 0%;
}
.community-tools {
padding: 70px 40px;
overflow: hidden;
}
.community-tools.hdn {
display: none;
}
.community-tools-grid {
grid-column-gap: 15px;
grid-row-gap: 15px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.community-tools-grid-box {
grid-column-gap: 46px;
grid-row-gap: 46px;
background-color: #f6f6f6;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 268px;
height: auto;
padding: 56px 20px 40px;
text-decoration: none;
display: flex;
}
.community-tools-grid-box.fix-w {
width: 268px;
}
.com-tools-link {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #181818;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
transition: opacity .2s;
display: flex;
}
.com-tools-link:hover {
opacity: .7;
}
.com-tools-link-icon {
width: 10px;
}
.primer-hero {
z-index: 3;
background-color: #181818;
padding-top: 72px;
position: relative;
}
.primer-hero-div {
justify-content: flex-start;
align-items: center;
height: auto;
padding: 277px 38px 50px;
position: relative;
}
.primer-hero-bg {
object-fit: cover;
width: 100vw;
height: 100%;
position: absolute;
inset: 0%;
}
.primer-hero-arrow {
width: 20px;
}
.primer-intro {
background-color: #181818;
padding: 102px 40px 137px;
}
.primer-img {
width: 376px;
}
.primer-img.mob {
display: none;
}
.primer-intro-2 {
padding: 95px 40px;
}
.primer-intro-2-img {
width: 386px;
}
.primer-intro-2-img.desk {
display: block;
}
.primer-intro-2-img.mob {
display: none;
}
.primer-intro-2-block {
justify-content: center;
align-items: center;
padding-top: 76px;
padding-bottom: 76px;
display: flex;
position: relative;
}
.primer-intro-2-block-img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.what-is-livepeer {
padding: 100px 40px 115px;
position: relative;
}
.what-is-livepeer-bg {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.what-is-livepeer-img {
width: 406px;
}
.wil-block {
grid-column-gap: 60px;
grid-row-gap: 60px;
border-top: 1px solid #ffffff80;
justify-content: flex-start;
align-items: flex-start;
padding-top: 34px;
padding-bottom: 34px;
display: flex;
}
.wil-block-img {
width: 95px;
}
.wil-link {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #fff;
letter-spacing: .1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
transition: all .2s;
display: flex;
}
.wil-link:hover {
opacity: .7;
}
.wil-link-icon {
width: 9px;
}
.vision-gb-link-2 {
z-index: 2;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #18794e;
letter-spacing: .1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
display: flex;
position: relative;
}
.vision-gb-link-2.mob {
display: none;
}
.vision-gb-link-2.desk {
display: flex;
}
.vision-gb-link-2.hdn {
display: none;
}
.vision-gb-link-1 {
z-index: 2;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #18794e;
letter-spacing: .1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
display: flex;
position: relative;
}
.vision-gb-link-1.mob {
display: none;
}
.vision-gb-link-1.desk {
display: flex;
}
.vision-gb-link-1.hdn {
display: none;
}
.vision-gb-link-3 {
z-index: 2;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #18794e;
letter-spacing: .1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
display: flex;
position: relative;
}
.vision-gb-link-3.mob {
display: none;
}
.vision-gb-link-3.desk {
display: flex;
}
.vision-gb-link-3.hdn {
display: none;
}
.gi-link1 {
z-index: 2;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #18794e;
letter-spacing: .1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
display: flex;
position: relative;
}
.gi-link1.mob {
display: none;
}
.gi-link1.desk {
display: flex;
}
.gi-link2 {
z-index: 2;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #18794e;
letter-spacing: .1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
display: flex;
position: relative;
}
.gi-link2.mob {
display: none;
}
.gi-link2.desk {
display: flex;
}
.gi-link3 {
z-index: 2;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #18794e;
letter-spacing: .1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
display: flex;
position: relative;
}
.gi-link3.mob {
display: none;
}
.gi-link3.desk {
display: flex;
}
.gi-link4 {
z-index: 2;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #18794e;
letter-spacing: .1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
display: flex;
position: relative;
}
.gi-link4.mob {
display: none;
}
.gi-link4.desk {
display: flex;
}
.gi-link5 {
z-index: 2;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #18794e;
letter-spacing: .1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
display: flex;
position: relative;
}
.gi-link5.mob {
display: none;
}
.gi-link5.desk {
display: flex;
}
.arrow-wrap {
justify-content: center;
align-items: center;
width: 12px;
height: 12px;
display: flex;
position: relative;
overflow: hidden;
}
.primer-news {
padding: 86px 40px;
}
.primer-news-grid {
grid-column-gap: 22px;
grid-row-gap: 22px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.primer-news-grid-box {
grid-column-gap: 27px;
grid-row-gap: 27px;
flex-flow: column;
display: flex;
}
.primer-news-grid-box-img {
object-fit: cover;
height: 187px;
}
.rit {
padding: 120px 40px 145px;
}
.rit-img-1 {
width: 315px;
}
.rit-img-2 {
width: 262px;
}
.rewarding-part {
background-color: #181818;
padding: 100px 40px 123px;
}
.rewarding-part-img {
width: 558px;
}
.key-factors {
padding: 127px 40px 118px;
position: relative;
}
.key-factors-bg {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.key-factors-img1 {
width: 580px;
}
.key-factors-img2 {
width: 370px;
}
.key-factors-arrow {
width: 90px;
}
.key-factors-arrow.desk {
display: block;
}
.key-factors-arrow.mob {
display: none;
}
.key-factors-img3 {
width: 530px;
}
.how-livepeer-works {
background-color: #181818;
padding: 102px 40px 80px;
}
.hlw-circle {
background-color: #242424;
border: 1px solid #fff3;
border-radius: 200px;
justify-content: center;
align-items: center;
width: 155px;
height: 155px;
display: flex;
position: relative;
}
.hlw-circle-img {
width: 80px;
}
.hlw-square {
background-color: #fff;
width: 8px;
height: 8px;
position: absolute;
bottom: -4px;
}
.hlw-circle-img-2 {
width: 96px;
}
.hlw-square-2 {
background-color: #fff;
width: 8px;
height: 8px;
position: absolute;
top: -4px;
bottom: auto;
}
.hlw-img {
width: 260px;
}
.hlw-lines-wrap {
justify-content: flex-end;
align-items: center;
padding-left: 74px;
display: flex;
}
.hlw-square-3 {
background-color: #fff;
width: 8px;
height: 8px;
}
.line-vert {
border-left: 1px dashed #fff;
width: 1px;
height: 67.5px;
}
.line-horz {
border-bottom: 1px dashed #fff;
width: 400px;
height: 1px;
}
.slide-nav-2 {
display: none;
}
.slide {
width: 365px;
height: 100%;
margin-right: 20px;
}
.mask-2 {
overflow: visible;
}
.slider-2 {
background-color: #0000;
width: 100%;
height: 100%;
display: none;
}
.grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
width: 100%;
}
.scroll-slide-wrap {
justify-content: flex-start;
align-items: center;
width: 100%;
margin-top: 66px;
display: none;
overflow: scroll;
}
.slide-cont {
width: 1130px;
margin-left: auto;
margin-right: auto;
}
.box {
grid-column-gap: 53px;
grid-row-gap: 53px;
background-color: #0000;
border: 0 solid #0000;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 220px;
height: 570px;
text-decoration: none;
position: relative;
}
.box.pad-90 {
height: 516.383px;
padding-top: 97px;
}
.learn-hero-bg-mobile {
object-fit: cover;
object-position: 50% 0%;
width: 100vw;
height: 100%;
display: none;
position: absolute;
inset: 0%;
}
.lpt-hero-bg-mobile {
object-fit: cover;
object-position: 50% 80%;
width: 100vw;
height: 100%;
display: none;
position: absolute;
inset: 0%;
}
.delegate-hero-bg-mobile, .orchestrate-hero-bg-mobile, .dev-hub-hero-bg-mobile, .community-hub-hero-bg-mobile, .ecosystem-hero-bg-mobile {
object-fit: cover;
width: 100vw;
height: 100%;
display: none;
position: absolute;
inset: 0%;
}
.mobile-show {
display: none;
}
.swiper.swiper_builder {
cursor: grab;
width: 100%;
padding-left: 10rem;
padding-right: 10rem;
overflow: hidden;
}
.swiper.swiper_builder.show {
padding-left: 0;
padding-right: 0;
overflow: visible;
}
.swiper.swiper_roadmap {
cursor: grab;
width: 100%;
margin-top: 6.25rem;
padding-left: 0;
padding-right: 0;
overflow: visible;
}
.swiper-wrapper.swiper-wrapper_builder, .swiper-wrapper.swiper-wrapper_roadmap {
flex-flow: row;
display: flex;
}
.swiper-slide.swiper-slide_builder, .swiper-slide.swiper-slide_roadmap {
flex: none;
width: 100%;
}
.swiper-builder_component {
width: 100%;
margin-top: 6rem;
position: relative;
overflow: hidden;
}
.swiper-builder_component.show {
overflow: visible;
}
.swiper-builder_component.show.hdn {
display: none;
}
.swiper_controls {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
align-items: center;
margin-top: 4rem;
display: flex;
}
.swiper_button-left {
color: #181818;
background-color: #fff;
border: 2px solid #181818;
justify-content: center;
align-items: center;
width: 48px;
height: 40px;
transition: color .3s ease-in-out, background-color .3s ease-in-out;
display: flex;
}
.swiper_button-left:hover {
color: #fff;
background-color: #181818;
}
.swiper_button-arrow {
display: inline-flex;
}
.swiper_button-right {
cursor: pointer;
background-color: #fff;
border: 2px solid #181818;
border-left-width: 0;
justify-content: center;
align-items: center;
width: 48px;
height: 40px;
transition: color .3s ease-in-out, background-color .3s ease-in-out;
display: flex;
}
.swiper_button-right:hover {
color: #fff;
background-color: #181818;
}
.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;
}
.swiper-roadmap_component {
width: 100%;
position: relative;
overflow: hidden;
}
.introducing-to-ai {
z-index: 5;
padding: 135px 40px;
position: relative;
}
.introducing-to-ai-bg {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.introducing-to-ai-img-1 {
width: 511px;
}
.cta-grid-box-bg {
opacity: 0;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.home-hero-dd-arrow {
width: 10px;
position: absolute;
}
.scroll-img-8 {
z-index: 2;
border: 1px solid #fff6;
width: 440px;
height: 250px;
position: absolute;
inset: auto auto auto 0%;
}
.nav-dd-link-4 {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #fff;
justify-content: flex-start;
align-items: center;
font-size: 14px;
line-height: 17px;
text-decoration: none;
display: flex;
}
.nav-dd-link-icon-4 {
width: 12px;
}
.abt-net-bg {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.abt-net-bg-img {
width: 506px;
}
.abt-net {
padding: 100px 40px;
position: relative;
}
.network-hero {
z-index: 3;
background-color: #181818;
padding-top: 72px;
position: relative;
}
.network-hero-bg-mob {
object-fit: cover;
object-position: 50% 80%;
width: 100vw;
height: 100%;
display: none;
position: absolute;
inset: 0%;
}
.network-hero-bg {
object-fit: cover;
object-position: 50% 100%;
width: 100vw;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.network-hero-div {
justify-content: flex-start;
align-items: center;
height: auto;
padding: 400px 38px 200px;
position: relative;
overflow: hidden;
}
.primer-section-1 {
padding: 85px 0 92px;
}
.container-1180 {
max-width: 1180px;
}
.h48 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Favoritpro, sans-serif;
font-size: 48px;
font-weight: 400;
line-height: 112%;
}
.tb-15 {
color: #000;
letter-spacing: .1px;
font-family: Favoritpro, sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 120%;
}
.primer-section-1-img-1 {
width: 1100px;
position: absolute;
inset: 0% 0% auto;
}
.primer-section-1-img-2 {
width: 1090px;
position: absolute;
inset: -230px 0% auto auto;
}
.primer-section-2 {
padding-bottom: 107px;
}
.container-1090 {
max-width: 1090px;
}
.primer-section-2-img-1 {
width: 451px;
}
.primer-section-2-div {
grid-column-gap: 35px;
grid-row-gap: 35px;
border: 1px solid #8dcec3;
border-radius: 25px;
justify-content: flex-start;
align-items: center;
padding: 40px 40px 40px 24px;
display: flex;
}
.primer-section-2-img-2 {
width: 206px;
}
.tb-24 {
color: #000;
font-family: Favoritpro, sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 112%;
}
.tb-24.medium {
font-weight: 500;
}
.primer-section-3 {
padding-bottom: 164px;
}
.primer-section-3-img-1 {
width: 472px;
}
.primer-section-4 {
padding-bottom: 160px;
}
.h140 {
color: #000;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Favoritpro, sans-serif;
font-size: 140px;
font-weight: 500;
line-height: 80%;
}
.h140.left {
text-align: left;
}
.primer-section-4-img-1 {
height: 76px;
}
.tb-18 {
color: #000;
letter-spacing: .1px;
font-family: Favoritpro, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 120%;
}
.tb-18.center {
text-align: center;
}
.primer-section-5 {
padding-bottom: 45px;
}
.primer-section-5-img-1 {
width: 553px;
}
.primer-section-5-img-2 {
width: 536px;
}
.primer-section-5-img-3 {
width: 513px;
}
.primer-section-5-img-4 {
width: 472px;
}
.primer-section-6 {
padding-bottom: 240px;
}
.primer-section-6-img-1 {
width: 544px;
}
.primer-section-6-img-2 {
width: 347px;
}
.primer-section-6-img-3 {
width: 546px;
}
.tb-28 {
color: #000;
font-family: Favoritpro, sans-serif;
font-size: 28px;
font-weight: 400;
line-height: 110%;
}
.primer-section-7 {
padding-bottom: 180px;
padding-left: 40px;
padding-right: 40px;
}
.primer-section-7-img-1 {
width: 272px;
margin-left: 110px;
}
.primer-section-7-img-2 {
width: 556px;
margin-right: 100px;
}
.primer-section-8 {
padding-bottom: 270px;
padding-left: 40px;
padding-right: 40px;
}
.primer-section-8-img-1 {
width: 590px;
height: 598.953px;
margin-top: 0;
margin-left: 0;
position: absolute;
inset: 0%;
}
.primer-section-8-img-2 {
width: 348px;
margin-top: 0;
}
.primer-section-9 {
padding-bottom: 224px;
padding-left: 40px;
padding-right: 40px;
}
.tb-36 {
color: #000;
font-family: Favoritpro, sans-serif;
font-size: 36px;
line-height: 120%;
}
.primer-section-9-img {
width: 569px;
margin-top: 210px;
margin-left: 79px;
}
.primer-section-10 {
padding-bottom: 116px;
padding-left: 40px;
padding-right: 40px;
}
.primer-grid {
grid-column-gap: 20.5px;
grid-row-gap: 20.5px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.primer-grid-box {
background-color: #ddf0ed;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
height: 602px;
padding: 30px;
display: flex;
}
.primer-grid-box-icon-1 {
width: 105px;
}
.primer-grid-box-icon-2 {
width: 117px;
}
.primer-grid-box-icon-3 {
width: 80px;
}
.code-span {
color: #fff;
background-color: #000;
}
.code {
padding-left: 5px;
padding-right: 5px;
}
.code-p {
color: #fff;
background-color: #000;
margin-bottom: 84px;
padding: 20px;
font-size: 18px;
line-height: 120%;
}
.code-p.small-marg {
margin-bottom: 10px;
}
.mob-show-img._270, .primer-section-1-mob-img {
display: none;
}
.tb-divider {
color: #000;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 30px;
font-family: Favoritpro, sans-serif;
font-size: 30px;
font-weight: 400;
line-height: 150%;
}
.lpt-hero-bg-icon {
z-index: 2;
width: 750px;
position: absolute;
inset: auto -60px -20px auto;
}
.orcherstrate-hero-bg-icon {
z-index: 2;
width: 820px;
position: absolute;
inset: auto -60px -10px auto;
}
.delegate-hero-bg-icon {
z-index: 2;
width: 800px;
position: absolute;
inset: auto -120px -100px auto;
}
.dev-hub-hero-bg-icon {
z-index: 2;
width: 736px;
position: absolute;
inset: auto -20px -10px auto;
}
.ecosystem-hero-bg-icon {
z-index: 2;
width: 780px;
position: absolute;
inset: auto -60px -180px auto;
}
.learn-hero-bg-icon {
z-index: 2;
width: 800px;
position: absolute;
inset: auto -30px 0 auto;
}
.community-hub-hero-bg-icon {
z-index: 2;
width: 930px;
position: absolute;
inset: auto -190px -120px auto;
}
.network-hero-bg-icon {
z-index: 2;
width: 1080px;
position: absolute;
inset: auto -350px -65px auto;
}
.code-embed {
width: 100%;
margin-top: 71px;
}
.max-w-1400 {
width: 100%;
max-width: 1400px;
}
.media-kit-hero {
z-index: 3;
background-color: #181818;
padding-top: 72px;
position: relative;
}
.media-kit-hero-div {
justify-content: flex-start;
align-items: center;
height: auto;
padding: 222px 38px 290px;
position: relative;
overflow: hidden;
}
.media-kit-bg-mob {
object-fit: cover;
object-position: 50% 80%;
width: 100vw;
height: 100%;
display: none;
position: absolute;
inset: 0%;
}
.media-kit-hero-bg {
object-fit: cover;
object-position: 50% 100%;
width: 100vw;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.media-kit-hero-bg-icon {
z-index: 2;
width: 740px;
position: absolute;
inset: auto 24px -62px auto;
}
.media-kit-content {
padding: 100px 32px;
}
.mk-link-arrow {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #181818;
letter-spacing: .1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 120%;
text-decoration: none;
display: flex;
}
.media-kit-img {
width: 100%;
}
.media-kit-grid {
grid-column-gap: 20px;
width: 100%;
}
.media-kit-grid-box {
grid-column-gap: 22px;
grid-row-gap: 22px;
background-color: #f6f6f6;
justify-content: flex-start;
align-items: center;
padding: 21.5px 20px;
text-decoration: none;
transition: all .2s;
display: flex;
}
.media-kit-grid-box:hover {
opacity: .6;
background-color: #f6f6f6;
}
.media-kit-grid-box-icon {
width: 80px;
}
.jobs-content {
padding: 120px 16px;
}
.job-link {
color: #fff;
letter-spacing: -.2px;
cursor: pointer;
background-color: #f5f5f500;
border-bottom: 1px solid #ffffff80;
padding-top: 15px;
padding-bottom: 15px;
font-family: Favoritpro, sans-serif;
font-size: 32px;
font-weight: 400;
line-height: 112%;
text-decoration: none;
transition: all .2s;
position: relative;
}
.job-link:hover {
color: #181818;
background-color: #fff;
padding-left: 20px;
}
.job-link.last {
border-bottom-width: 0;
}
.job-link.last.hdn {
display: none;
}
.job-link.top {
color: #181818;
letter-spacing: -.1px;
border-bottom-color: #0000001a;
padding-top: 34px;
padding-bottom: 34px;
font-size: 21px;
}
.job-link.top:hover {
color: #fff;
background-color: #181818;
}
.job-arrow-div {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #181818;
letter-spacing: .1px;
text-transform: uppercase;
justify-content: flex-start;
align-items: center;
font-family: Favoritmono, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 100%;
text-decoration: none;
display: flex;
position: absolute;
inset: 0% 0 0% auto;
}
.jobs-hero {
z-index: 3;
background-color: #181818;
padding-top: 72px;
position: relative;
}
.jobs-hero-div {
justify-content: flex-start;
align-items: center;
height: auto;
padding: 156px 38px 225px;
position: relative;
overflow: hidden;
}
.jobs-bg-mob {
object-fit: cover;
object-position: 50% 80%;
width: 100vw;
height: 100%;
display: none;
position: absolute;
inset: 0%;
}
.jobs-hero-bg {
object-fit: cover;
object-position: 50% 100%;
width: 100vw;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.jobs-hero-bg-icon {
z-index: 2;
width: 814px;
position: absolute;
inset: auto -67px -53px auto;
}
.op-body {
color: #131418;
font-family: Agrandir Grand, sans-serif;
font-size: 18px;
line-height: 28px;
}
.op-nav {
z-index: 999;
position: fixed;
inset: 0% 0% auto;
}
.container-1200 {
max-width: 1240px;
padding-left: 20px;
padding-right: 20px;
}
.op-nav-wrapper {
justify-content: space-between;
align-items: center;
padding-top: 12px;
padding-bottom: 12px;
display: flex;
}
.op-logo {
width: 123px;
}
.op-button {
grid-column-gap: 18px;
grid-row-gap: 18px;
color: #131418;
text-transform: uppercase;
background-color: #a6adeb;
border: 1.5px solid #000;
border-radius: 5px;
justify-content: center;
align-items: center;
padding: 12px 17px;
font-family: Roboto Mono, sans-serif;
font-size: 16px;
line-height: 19px;
text-decoration: none;
transition: box-shadow .2s;
display: flex;
box-shadow: 3px 3px #000;
}
.op-button:hover {
box-shadow: 0 0 #000;
}
.op-circle {
border: 1.5px solid #000;
border-radius: 50%;
width: 10px;
height: 10px;
}
.op-hero {
justify-content: center;
align-items: center;
padding-top: 365px;
padding-bottom: 365px;
display: flex;
}
.op-hero-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.op-hero-img {
width: 550px;
}
.op-hero-text {
text-transform: uppercase;
font-family: Roboto Mono, sans-serif;
font-size: 28px;
font-weight: 100;
line-height: 38px;
transform: rotate(2deg);
}
.op-hero-text._2 {
font-family: Agrandir Grand, sans-serif;
font-size: 37px;
transform: rotate(-6deg);
}
.op-hero-text._3 {
transform: rotate(3deg);
}
.op-hero-text._6 {
font-family: Agrandir Grand, sans-serif;
font-size: 37px;
transform: rotate(-3deg);
}
.op-hero-text.token {
z-index: 2;
font-family: Agrandir Grand, sans-serif;
font-size: 36px;
line-height: 56px;
position: relative;
transform: rotate(3deg);
}
.op-hero-text.token._2 {
transform: rotate(-3deg);
}
.op-hero-r {
width: 30%;
position: absolute;
right: 0;
}
.op-hero-l {
width: 20%;
position: absolute;
left: 0;
}
.anchor-hero-op {
position: absolute;
bottom: 0;
}
.anchor-arrow {
width: 36px;
}
.op-content {
padding-top: 100px;
padding-bottom: 100px;
overflow: hidden;
}
.container-1024 {
max-width: 1064px;
padding-left: 20px;
padding-right: 20px;
}
.op-section-1 {
grid-column-gap: 120px;
grid-row-gap: 120px;
justify-content: flex-start;
align-items: center;
margin-bottom: 80px;
display: flex;
}
.op-section-1._2 {
justify-content: flex-end;
align-items: center;
}
.op-section-1._3 {
grid-column-gap: 0px;
grid-row-gap: 0px;
margin-top: 120px;
}
.op-section-1._4 {
justify-content: flex-end;
align-items: center;
}
.op-section-1._5 {
justify-content: center;
align-items: center;
}
.op-section-1._5._200mu {
margin-bottom: 200px;
}
.op-section-1._6 {
justify-content: center;
align-items: center;
margin-bottom: 200px;
}
.op-section-1._7 {
margin-bottom: 200px;
}
.op-section-1._8 {
justify-content: center;
align-items: center;
margin-bottom: 60px;
}
.op-section-1.center {
justify-content: center;
align-items: center;
}
.op-section-1.center.gap-45 {
grid-column-gap: 45px;
grid-row-gap: 45px;
}
.op-section-1.right {
justify-content: flex-end;
align-items: center;
}
.op-section-1.right._200mu {
margin-bottom: 200px;
}
.op-section-1.left {
justify-content: flex-start;
align-items: center;
}
.op-section-1.left._200mu {
margin-bottom: 200px;
}
.pie-img {
width: 490px;
}
.op-text-28 {
font-size: 28px;
line-height: 38px;
}
.op-text-28.center {
text-align: center;
}
.op-text-18 {
font-size: 18px;
line-height: 28px;
}
.op-text-18.center {
text-align: center;
}
.op-img2 {
width: 976px;
}
.op-img3 {
flex: none;
width: 503px;
margin-right: 200px;
position: relative;
top: 130px;
}
.op-img4 {
width: 665px;
}
.op-img5 {
width: 749px;
display: block;
}
.op-item {
grid-column-gap: 36px;
grid-row-gap: 36px;
flex-flow: column;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.op-icon {
width: 80px;
}
.op-img-alice {
width: 328px;
}
.op-img-device {
width: 842px;
}
.op-img-device._2 {
width: 785px;
}
.op-img-device._3 {
width: 510px;
}
.op-img-device._3._2 {
width: 361px;
}
.op-img-device._4 {
width: 580px;
}
.op-img-device._5 {
width: 400px;
}
.op-img-operator {
width: 700px;
}
.img-op {
width: 100%;
}
.token-op._2 {
left: auto;
right: 0;
}
.op-circle-orange {
z-index: 1;
background-color: #ffd184;
border-radius: 50%;
width: 215px;
height: 215px;
position: absolute;
}
.op-button-1 {
color: #000;
text-transform: uppercase;
background-color: #ffd184;
border: 2px solid #000;
border-radius: 3px;
padding: 8px 23px;
text-decoration: none;
}
.op-footer {
justify-content: space-between;
align-items: center;
padding: 26px 24px;
display: flex;
}
.op-text-14 {
font-size: 14px;
line-height: 28px;
}
.op-text-14.center {
text-align: center;
}
.arrow-footer {
width: 14px;
transform: rotate(180deg);
}
.primer-section-8-img-1-div {
z-index: 2;
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: center;
align-items: center;
width: 302.21px;
height: 100px;
padding-top: 20px;
display: flex;
position: absolute;
}
.tb-48 {
color: #000;
font-size: 48px;
line-height: 48px;
}
.tag-partc-number {
background-color: #8dcec3;
border: 1px solid #000;
border-radius: 8px;
padding: 9px;
font-size: 21px;
line-height: 112%;
}
.tag-partc-number.white {
background-color: #fff;
}
.h50 {
color: #fff;
text-align: center;
letter-spacing: -.3px;
margin-top: 0;
margin-bottom: 0;
font-family: Favoritpro, sans-serif;
font-size: 50px;
font-weight: 500;
line-height: 100%;
}
.h50.white {
color: #fff;
text-align: left;
}
.h50.white.center {
text-align: center;
}
.h50.left {
text-align: left;
}
.ai-list {
z-index: 3;
color: #000;
background-color: #fff;
padding: 66px 38px 87px;
font-size: 25px;
position: relative;
}
.ai-list.heading-huge {
margin-top: auto;
}
.embed-image {
display: flex;
}
.h38 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Favoritpro, sans-serif;
font-size: 38px;
font-weight: 500;
line-height: 112%;
}
.h38.center {
text-align: center;
font-family: Favoritpro, sans-serif;
font-size: 24px;
font-weight: 300;
}
.h38.black {
color: #181818;
}
.link {
color: #13a35d;
text-decoration: underline;
}
.ai-form {
background-image: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/67239e30eed37ae0b3fc1ec5_form-bg.avif");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-flow: column;
justify-content: center;
align-items: stretch;
width: 100%;
padding: 3rem;
display: flex;
}
.ai-col {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
width: 100%;
display: flex;
}
.is-nav {
z-index: 10;
justify-content: center;
align-items: center;
height: 70px;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.full-width {
width: 100%;
}
.legal-wrapper {
z-index: 3;
color: #000;
background-color: #fff;
padding: 70px 38px 87px;
position: relative;
}
.blog-content.legal {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.legal-h {
justify-content: center;
align-items: center;
padding-top: 35px;
padding-bottom: 55px;
display: flex;
}
.is-quote {
font-size: 24px;
line-height: 140%;
}
.grid-col_04 {
grid-column-gap: 42px;
grid-row-gap: 84px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-col_04.is-solutions {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: 1fr 1fr;
width: 100%;
}
.video_blur {
z-index: 1;
filter: brightness(120%) saturate(100000%) blur(150px);
pointer-events: none;
height: 100%;
position: absolute;
inset: 0%;
transform: scale(.9);
}
.section {
padding-top: 120px;
padding-bottom: 120px;
position: relative;
}
.section.is-solutions {
color: #fff;
background-color: #000;
background-image: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/673227a9af1f7997c06cae5a_bg__grid.webp");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: contain;
border-top: 1px solid #eff5f726;
overflow: hidden;
}
.bold-text-2 {
font-size: 50px;
}
.heading-2 {
text-align: center;
margin-top: 0;
margin-bottom: 0;
line-height: 135%;
}
.video-iframe-wrapper {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.container {
width: 100%;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
padding-left: 40px;
padding-right: 40px;
position: relative;
}
.container.is-nav {
justify-content: space-between;
align-items: center;
padding-top: 1.063rem;
padding-bottom: 1.063rem;
display: flex;
}
.container.is-image, .container.is-cols {
padding-left: 0;
padding-right: 0;
}
.opacity-50 {
opacity: .5;
}
.is-quote-position {
color: #00000080;
line-height: 120%;
}
.soluitons__hero-image {
z-index: 2;
border-radius: 4px;
width: 100%;
position: relative;
}
.colout-asset {
width: 50%;
position: relative;
}
.colout-asset.align-left {
text-align: left;
}
.colout-asset.is-info {
grid-column-gap: 22px;
grid-row-gap: 22px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.colout-asset.col-info {
max-width: 496px;
padding-top: 3rem;
padding-bottom: 3rem;
padding-right: 2rem;
}
.colout-asset.col-scroll {
justify-content: center;
align-items: center;
display: flex;
}
.colout-asset.is-big {
width: 60%;
}
.colout-asset.is-small {
width: 40%;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-top.margin-medium {
margin-top: 3rem;
}
.margin-top.margin-xxlarge, .margin-top.margin-medium {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.emojis {
z-index: 4;
filter: saturate(112%) contrast(110%);
mix-blend-mode: screen;
object-fit: cover;
object-position: 100% 50%;
transform-style: preserve-3d;
border-radius: 24px;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
transform: rotateX(0)rotateY(180deg)rotateZ(0);
}
.heading-huge {
color: #000;
flex: 0 auto;
font-size: 96px;
display: block;
}
.text-size-large {
color: #eff5f7;
-webkit-text-stroke-color: black;
font-size: 32px;
line-height: 120%;
}
.bold-text {
font-size: 50px;
}
.colout {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.colout.is-top {
justify-content: space-between;
align-items: flex-start;
}
.colout.is-vet {
text-align: center;
flex-flow: column;
}
.colout.is-big {
grid-column-gap: 64px;
grid-row-gap: 64px;
}
.colout.is-big.is-pipline {
padding-left: 4rem;
}
.colout.footer-line {
padding-top: 5rem;
}
.button-2 {
color: #fff;
text-transform: uppercase;
background-color: #171717;
border-radius: 100px;
padding: 16px 32px;
font-family: At Surt, Arial, sans-serif;
text-decoration: none;
transition: opacity .15s;
}
.button-2:hover {
opacity: .5;
}
.embed-image-2 {
z-index: 1;
display: flex;
position: relative;
}
.text-gradient {
padding-bottom: 10px;
display: block;
}
.mobile-align-center {
box-sizing: border-box;
object-fit: fill;
display: block;
}
.grid-item-solutions {
grid-column-gap: 24px;
grid-row-gap: 24px;
color: #fff;
text-align: center;
background-color: #151517;
border-radius: 6px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding: 44px 16px;
display: flex;
}
.grid-item-solutions.item-big {
justify-content: center;
align-items: center;
}
.grid-item-solutions.item-big.is-quote {
color: #000;
background-color: #fff;
padding-left: 80px;
padding-right: 80px;
position: static;
}
.grid-item-solutions.item-big.is-bg {
opacity: 1;
color: #000;
-webkit-text-fill-color: inherit;
background-image: url("https://cdn.prod.website-files.com/66b1e1cb750c24d738b2c64b/673227a9af1f7997c06cae48_Screenshot%202024-08-14%20at%202.52.28%E2%80%AFPM.png");
background-position: 25%;
background-size: auto;
background-clip: border-box;
}
.hero-title {
grid-column-gap: 20px;
grid-row-gap: 20px;
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: 700px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.hero-title.is-large {
max-width: 1300px;
}
.div-block-2 {
font-weight: 400;
}
.heading-3 {
text-align: center;
}
.points-h3 {
color: #878383;
text-align: center;
margin-top: 5px;
margin-bottom: 20px;
font-size: 21px;
line-height: 100%;
}
.points-h3.margin-0 {
margin-bottom: 0;
font-weight: 400;
}
.bold-text-3 {
font-size: 40px;
}
.list-item, .list-item-2 {
font-family: Favoritpro, sans-serif;
font-size: 18px;
font-weight: 400;
}
.video-iframe-bg {
pointer-events: none;
position: absolute;
transform: scale(1.5);
}
.video-iframe-embed {
z-index: 5;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
position: relative;
}
.demo {
background-color: #181818;
}
.video {
margin-top: 20px;
margin-bottom: 60px;
}
.heading-4 {
color: #fff;
text-align: center;
margin-top: 40px;
margin-bottom: 40px;
font-family: Favoritpro, sans-serif;
font-size: 40px;
font-weight: 700;
}
.heading-5 {
color: #fff;
text-align: center;
font-family: Favoritpro, sans-serif;
font-size: 40px;
}
.text-block {
color: #fff;
text-align: left;
font-family: Favoritpro, sans-serif;
font-size: 18px;
}
.list-item-3 {
font-size: 18px;
font-weight: 400;
}
.list-item-4 {
font-weight: 400;
}
.bold-text-4, .bold-text-5 {
font-weight: 500;
}
.key-benefit-grid-4-box {
grid-column-gap: 25px;
grid-row-gap: 25px;
grid-template-rows: 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
justify-items: center;
}
.key-benefit-copy {
background-color: #f3f3f3;
padding: 68px 40px 86px;
}
.h56-copy {
color: #181818;
text-align: center;
letter-spacing: -.3px;
margin-top: 0;
margin-bottom: 0;
font-family: Favoritpro, sans-serif;
font-size: 56px;
font-weight: 500;
line-height: 100%;
}
.h56-copy.white {
color: #fff;
text-align: left;
}
.h56-copy.white.center {
text-align: center;
}
.h56-copy.left {
text-align: left;
}
.tb-21-copy {
color: #181818;
text-align: center;
letter-spacing: -.1px;
font-family: Favoritpro, sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 112%;
}
.tb-21-copy.left {
text-align: left;
margin-top: 0;
margin-bottom: 0;
}
.tb-21-copy.left.normal {
font-weight: 400;
}
.tb-21-copy.left.normal.white {
color: #fff;
}
.tb-21-copy.left.normal.white._50 {
color: #ffffff80;
}
.tb-21-copy.left.normal.order-mob {
display: none;
}
.tb-21-copy.left.white, .tb-21-copy.white {
color: #fff;
}
.tb-21-copy.white.normal {
font-weight: 400;
}
.tb-21-copy.white.normal.left.no-wrap {
white-space: nowrap;
}
.tb-21-copy.center.normal, .tb-21-copy.normal {
font-weight: 400;
}
.tb-16-copy {
color: #181818;
font-family: Favoritpro, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 120%;
display: flex;
}
.tb-16-copy.center {
text-align: center;
font-family: Favoritpro, sans-serif;
font-weight: 400;
}
.tb-16-copy.center.fix-h-mob {
height: 38.3906px;
}
.tb-16-copy.center.fix-h-mob.smaller {
height: auto;
font-size: 13px;
}
.tb-16-copy.white {
color: #fff;
}
.tb-16-copy.white._50 {
color: #ffffff80;
}
.tb-16-copy.medium {
font-size: 25px;
font-weight: 500;
}
.tb-16-copy._60 {
color: #18181899;
}
.key-benefit-grid4 {
grid-column-gap: 25px;
grid-row-gap: 25px;
grid-template: ". . . . Area" 1fr
/ 1fr 1fr 1fr 1fr;
grid-auto-columns: .25fr;
justify-items: center;
display: grid;
}
.key-benefit-grid3 {
background-color: #f3f3f3;
grid-template-columns: 1fr 1fr 1fr;
padding-top: 40px;
padding-bottom: 40px;
}
.key-benefit-grid3-copy {
background-color: #0000;
margin-right: 0;
padding: 68px 40px 86px;
}
.who-should-apply {
background-color: #f3f3f3;
padding: 68px 40px 86px;
}
.key-benefit-3grid {
grid-column-gap: 25px;
grid-row-gap: 25px;
grid-template-rows: 1fr;
grid-template-columns: 1fr 1fr 1fr;
justify-items: center;
}
.grid-2 {
grid-row-gap: 16px;
grid-template-columns: 1fr 1fr;
}
.aidemos {
background-color: #181818;
padding: 93px 40px 122px;
}
.dev-tools-grid-copy {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.dev-tools-grid-copy._1-row {
grid-template-rows: auto;
}
.dev-tools-grid-copy._1-row.marg-top {
margin-top: 20px;
}
.dev-tools-grid-box-big-bg-copy {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.dev-tools-grid-box-big-copy {
grid-column-gap: 33px;
grid-row-gap: 33px;
cursor: pointer;
background-color: #282828;
border: 1px solid #fff3;
justify-content: space-between;
align-items: center;
padding: 65px 30px;
text-decoration: none;
transition: all .7s;
display: flex;
position: relative;
}
.dev-tools-grid-box-big-copy:hover {
box-shadow: 0 0 100px #18794e33;
}
.grid-3 {
grid-column-gap: 15px;
grid-row-gap: 15px;
grid-template-rows: 336px;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: stretch;
display: grid;
}
.what-does-the-program-look-like {
padding: 68px 40px 86px;
}
.key-benefit-grid-copy {
grid-column-gap: 25px;
grid-row-gap: 25px;
grid-template-rows: 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
justify-items: center;
}
.code-embed-2 {
box-sizing: border-box;
object-fit: fill;
object-position: 50% 50%;
display: block;
}
.code-embed-3 {
font-size: 21px;
}
.button-group {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.button-group.is-nav-v {
margin-left: 1rem;
}
.padding-global {
padding-left: 1rem;
padding-right: 1rem;
}
.h70 {
color: #fff;
letter-spacing: -.3px;
text-indent: -6px;
justify-content: flex-start;
align-items: center;
margin-top: 0;
margin-bottom: 0;
font-family: Favoritpro, sans-serif;
font-size: 70px;
font-weight: 500;
line-height: 100%;
}
.h70.black {
color: #000;
}
.h70.black.mob-show {
display: none;
}
.h70.center {
text-align: center;
}
.h70.indent {
text-indent: -6px;
}
.hero_image {
box-shadow: 0 0 60px #00000080;
}
.container-hero {
max-width: 1440px;
}
.title-wrapper {
grid-column-gap: 22px;
grid-row-gap: 22px;
text-align: center;
flex-flow: column;
justify-content: space-between;
align-items: center;
max-width: 920px;
margin-bottom: 65px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.col-vet-overlay {
max-width: 900px;
margin-bottom: -322px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.col-vet-overlay-bg {
background-image: linear-gradient(0deg, #0009, #fff0);
position: absolute;
inset: 0%;
}
.embed-hero {
aspect-ratio: 16 / 10.1;
}
.css {
position: fixed;
inset: 0% 0% auto;
}
.bg-image-wrapper {
pointer-events: none;
position: absolute;
inset: 0%;
}
.bg-image-wrapper.ai-bg-hero {
height: 800px;
padding-bottom: 5rem;
}
.hero-section {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
text-align: center;
-webkit-text-fill-color: inherit;
background-clip: content-box;
flex-flow: column;
display: flex;
position: relative;
}
.nav-v {
background-color: #131313;
}
.style-v-separater {
background-color: #53b9ab;
width: 100%;
height: 1px;
margin-top: 1.5rem;
}
.image-bg-gradient {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.image-bg-gradient.is-h {
padding-top: 2rem;
padding-bottom: 2rem;
}
.banner-content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #fff;
flex-flow: row;
justify-content: center;
align-items: center;
padding-top: 12px;
padding-bottom: 12px;
display: flex;
position: relative;
}
.page-wrapper-2 {
color: #181818;
}
.page-wrapper-2.styles-v2 {
color: #171717;
line-height: 120%;
}
.hero-info {
max-width: 48rem;
margin-left: auto;
margin-right: auto;
padding-top: 5rem;
}
.button-group-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.button-group-2.is-vertical {
flex-flow: column;
}
.button-group-2.is-nav {
margin-left: 1rem;
}
._w-full {
width: 100%;
}
.nav-links-v {
justify-content: flex-start;
align-items: center;
display: flex;
}
.embed {
display: flex;
}
.bg-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.header {
padding-bottom: 1rem;
}
.banner-top {
background-color: #171717;
display: flex;
position: relative;
overflow: hidden;
}
.button-v {
color: #fff;
text-transform: uppercase;
background-color: #171717;
border: 1px solid #171717;
flex: 0 auto;
margin-left: 40px;
padding: .5rem 1.25rem;
text-decoration: none;
}
.button-v.is-primary {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #f9f9f9;
background-image: linear-gradient(#2b5e46, #2b5e46);
border-color: #fff0;
border-radius: 4px;
justify-content: center;
align-items: center;
margin-left: 0;
padding: 1.125rem 2rem;
display: flex;
}
.button-v.is-alternative {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #f9f9f900;
border-color: #fff0;
justify-content: center;
align-items: center;
margin-left: 0;
text-decoration: underline;
display: flex;
}
.container-v {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: block;
}
.margin-mid {
margin-top: 0;
}
.nav-link-v {
color: #f9f9f9;
text-transform: uppercase;
padding: .5rem 1rem;
font-size: .875rem;
text-decoration: none;
}
.logo {
margin-right: auto;
}
.title-wrapper-v {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.title-wrapper-v.is-v {
text-align: center;
margin-bottom: 5rem;
}
.title-wrapper-v.is-v.is-left {
text-align: left;
justify-content: center;
align-items: flex-start;
}
.title-wrapper-v.is-v.is-hero {
margin-bottom: 0;
}
.title-wrapper-v.is-left {
text-align: left;
justify-content: center;
align-items: flex-start;
padding: 3rem 3rem 3rem 2rem;
display: block;
}
.item-vertical {
background-color: #171717;
border-radius: 4px;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
display: flex;
overflow: hidden;
}
.margin-large {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 5rem;
display: none;
}
.banner-close {
cursor: pointer;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
right: 0;
}
.item-horizontal {
background-color: #171717;
border-radius: 4px;
justify-content: space-between;
align-items: stretch;
display: flex;
overflow: hidden;
}
.section-v {
padding: 3.5rem 4rem;
}
.section-v.is-hero {
opacity: 1;
-webkit-text-fill-color: inherit;
object-fit: fill;
background-clip: border-box;
padding-top: 2rem;
padding-bottom: 2rem;
display: block;
position: relative;
inset: 0%;
}
.section-v.bg-dark {
color: #fff;
background-color: #171717;
padding: 0;
position: relative;
}
.section-v.padding-full {
padding-top: 7rem;
padding-bottom: 7rem;
}
.section-v.is-separater {
padding-top: 1rem;
padding-bottom: 1rem;
}
.section-v.is-cta {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: var(--white);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
padding-top: 7rem;
padding-bottom: 7rem;
display: none;
}
.section-v.is-footer {
color: var(--white);
background-color: #171717;
padding-top: 5rem;
padding-bottom: 5rem;
}
.section-v.full-b {
padding-bottom: 7rem;
}
.item-info {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 1.5rem 2rem;
display: flex;
}
.grid-v-2 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.h1-v {
letter-spacing: -2px;
margin-top: 0;
margin-bottom: 0;
font-size: 3.5rem;
font-weight: 400;
line-height: 120%;
}
.p-v {
margin-bottom: 20px;
font-size: 1.125rem;
line-height: 120%;
}
.p-v.is-small {
font-size: 1rem;
}
.p-v.is-big {
font-size: 1.313rem;
}
.h2-v {
margin-top: 0;
margin-bottom: 0;
font-size: 3rem;
font-weight: 400;
line-height: 120%;
}
.h3-v {
margin-top: 0;
margin-bottom: 0;
font-size: 1.5rem;
font-weight: 400;
line-height: 120%;
}
.h3-v.is-faq {
font-size: 2rem;
}
.list-item {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: center;
font-size: 1rem;
display: flex;
}
.list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
margin-bottom: 0;
padding-left: 0;
display: flex;
}
.separater {
background-color: #dfdfdf;
height: 1px;
margin-top: 1rem;
margin-bottom: 1rem;
}
.tag-section {
text-transform: uppercase;
margin-bottom: 1rem;
font-size: 1.125rem;
line-height: 120%;
}
.margin-bottom.margin-small {
margin-bottom: 1.5rem;
}
.col-image-scroll-sq {
object-fit: cover;
}
.col-gradient {
width: 50%;
position: absolute;
inset: 0% 0% 0% auto;
}
.faq2_answer {
overflow: hidden;
}
.heading-style-h2 {
font-size: 3rem;
font-weight: 700;
line-height: 1.2;
}
.margin-bottom-2, .margin-bottom-2.margin-xsmall, .margin-bottom-2.margin-xxlarge, .margin-bottom-2.margin-small {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.section_faq2 {
background-color: var(--\);
color: var(--\);
}
.text-size-medium {
font-size: 1.125rem;
}
.faq2_icon-wrapper {
justify-content: center;
align-self: flex-start;
align-items: center;
width: 2rem;
height: 2rem;
display: flex;
}
.faq2_question {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
cursor: pointer;
justify-content: space-between;
align-items: center;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
display: flex;
}
.button-3 {
border: 1px solid var(--\);
background-color: var(--\);
color: var(--\);
text-align: center;
padding: .75rem 1.5rem;
text-decoration: none;
}
.button-3.is-secondary {
color: var(--\);
background-color: #0000;
}
.max-width-large {
width: 100%;
max-width: 48rem;
}
.container-large {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.padding-section-large {
padding-top: 7rem;
padding-bottom: 7rem;
}
.max-width-medium {
width: 100%;
max-width: 35rem;
}
.heading-style-h4 {
font-size: 2rem;
font-weight: 700;
line-height: 1.3;
}
.faq2_list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
display: flex;
}
.icon-embed-small {
flex-direction: column;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
display: flex;
}
.padding-global-2 {
padding-left: 5%;
padding-right: 5%;
}
.faq2_accordion {
border: 1px solid #171717;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.faq-answer {
padding-bottom: 1rem;
}
.custom-ai-form {
border-radius: 4px;
flex-flow: column;
align-items: stretch;
display: flex;
overflow: hidden;
}
.cunstom-ai-field {
text-align: center;
background-color: #17171780;
border: 1px #000;
height: 48px;
margin-bottom: 0;
font-size: 1rem;
display: none;
}
.cunstm-ai-submit {
text-transform: uppercase;
background-color: #171717;
height: 48px;
}
.footer-nav-list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.footer-nav-heading {
color: #236e4a;
text-align: right;
text-transform: uppercase;
margin-bottom: 1rem;
font-size: 18px;
line-height: 120%;
}
.footer-nav-link {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #f9f9f9;
text-align: right;
justify-content: flex-end;
align-items: center;
padding-top: .5rem;
padding-bottom: .5rem;
text-decoration: none;
display: flex;
}
.footer-line-link {
color: #f9f9f9;
text-transform: uppercase;
font-size: 13px;
}
.footer-line-links {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: flex-end;
align-items: center;
display: flex;
}
.faq-rich p {
font-size: 1rem;
line-height: 120%;
}
.text-block-3 {
font-size: 1rem;
}
.text-block-4 {
color: #48a793;
font-size: 1rem;
}
.text-block-5 {
text-align: center;
flex: 1;
align-self: center;
}
.hero_content {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: start;
display: grid;
position: relative;
}
.slider_arrow-left {
justify-content: center;
align-items: center;
display: flex;
}
.text-size-regular {
font-size: 1rem;
}
.container-small {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.form_button {
background-color: #242424;
border-radius: 5px;
box-shadow: 0 3px 4px #00000073;
}
.slider_arrow-right {
justify-content: center;
align-items: center;
display: flex;
}
.hide {
display: none;
}
.hero_social {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-radius: 0;
flex-flow: row;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-self: stretch;
align-items: center;
display: flex;
}
.slider_image {
object-fit: cover;
width: 100%;
height: 100%;
}
.slider_arrow-icon {
background-color: #1a1a1a;
border-radius: 5px;
width: 27px;
height: 27px;
padding: 5px;
font-size: 1rem;
}
.form_text-field {
color: #fff;
background-color: #242424;
border: 1px #000;
border-radius: 5px;
height: 42px;
margin-bottom: 0;
font-size: 16px;
box-shadow: 0 3px 4px #00000073;
}
.hero_grid {
grid-column-gap: 8rem;
grid-row-gap: 8rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 400px;
max-width: 400px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.slider_div {
border-radius: 5px;
height: 200px;
box-shadow: 0 3px 4px #0003;
}
.slider_mask {
border-radius: 5px;
overflow: hidden;
}
.hero_form {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: center;
align-items: center;
display: flex;
}
.hero_form-block {
flex-flow: row;
margin-bottom: 0;
}
.social_auth-div {
background-color: #242424;
border-radius: 5px;
justify-content: center;
align-items: center;
padding: 10px;
display: flex;
box-shadow: 0 3px 4px #00000073;
}
.hero_heading {
font-size: 38px;
line-height: 1.2;
}
.hero_heading-span {
background-color: #1a1a1a;
border-radius: 5px;
padding: 7px 10px 10px;
display: inline-block;
}
.hero_black-block {
background-color: #2b5e46;
border-radius: 20px;
width: 100%;
margin-top: 0;
padding: 20px;
}
.hero_black-block.is-horizontal-flex {
justify-content: space-between;
align-items: center;
margin-top: 0;
display: flex;
}
.code-embed-4 {
display: block;
position: static;
}
.text-block-6 {
color: #171717;
}
.button-v-white {
color: #171717;
text-transform: uppercase;
background-color: #fff;
border: 1px solid #171717;
margin-left: 0;
padding: .5rem 1.25rem;
text-decoration: none;
}
.button-v-white.is-primary {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #f9f9f9;
background-image: linear-gradient(#2b5e46, #2b5e46);
border-color: #fff0;
border-radius: 4px;
justify-content: center;
align-items: center;
padding: 1.125rem 2rem;
display: flex;
}
.button-v-white.is-alternative {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #f9f9f900;
border-color: #fff0;
justify-content: center;
align-items: center;
text-decoration: underline;
display: flex;
}
.text-block-7 {
color: #fff;
text-align: center;
}
.text-block-8 {
text-align: left;
}
.text-block-9 {
font-weight: 600;
}
.italic-text {
box-sizing: border-box;
display: block;
}
.italic-text.p-v {
margin-bottom: 0;
font-family: At Surt, Arial, sans-serif;
font-size: .75rem;
font-weight: 300;
}
.lp-slider-wrapper {
width: 100%;
position: relative;
overflow: hidden;
}
.lp-slide {
z-index: 1;
flex-flow: column;
justify-content: center;
align-items: center;
height: 100%;
max-height: 588px;
padding-top: 80px;
padding-bottom: 112px;
display: flex;
position: relative;
}
.slider-3 {
aspect-ratio: auto;
background-image: linear-gradient(#3a3c3b, #171717);
width: 100%;
height: auto;
position: relative;
overflow: hidden;
}
.nodes-img {
z-index: 2;
object-fit: contain;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
position: relative;
}
.lp-slide-h {
color: #fff;
text-align: center;
max-width: 460px;
margin-top: 0;
margin-bottom: 32px;
font-size: 28px;
font-weight: 400;
}
.glow {
z-index: 0;
aspect-ratio: 1;
filter: blur(600px);
background-image: linear-gradient(#236e4a, #236e4a);
border-radius: 100%;
width: 50%;
height: auto;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: -66% 0% 0%;
}
.container-slider {
width: 100%;
max-width: 1440px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
position: relative;
}
.container-slider.is-nav {
justify-content: space-between;
align-items: center;
padding-top: 1.063rem;
padding-bottom: 1.063rem;
display: flex;
}
.container-slider.is-image, .container-slider.is-cols {
padding-left: 0;
padding-right: 0;
}
.lp-slider-imageset {
z-index: 2;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: center;
align-items: flex-start;
width: 75%;
display: flex;
position: relative;
}
.lp-slider-prompt {
z-index: 3;
color: #d4eed9;
max-width: 22%;
font-size: 95%;
line-height: 140%;
position: absolute;
inset: 53% auto auto 38.5%;
}
.layer1_nodes {
z-index: 1;
filter: blur(2px);
flex: 1;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
margin-top: 34px;
padding-left: 7%;
padding-right: 7%;
display: flex;
position: absolute;
top: -12%;
}
.node-img._21 {
padding-top: 23%;
}
.node-img._23 {
margin-top: 20%;
margin-right: -6%;
}
.node-img._31 {
margin-bottom: 20%;
}
.node-img._12 {
margin-top: -2%;
}
.node-img._24 {
margin-top: 14%;
margin-right: 3%;
}
.layer2_nodes {
z-index: 2;
filter: blur(1px);
flex: 1;
justify-content: space-around;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
top: 171px;
}
.layer3_nodes {
z-index: 3;
flex: 1;
justify-content: space-around;
align-items: center;
width: 100%;
height: 100%;
padding-left: 10%;
padding-right: 10%;
display: flex;
position: absolute;
top: 72%;
}
.arrow {
color: #fff;
transition: all .5s;
}
.arrow:hover {
color: #07fbb2;
}
.connect-wrap-left {
z-index: 1;
opacity: 1;
background-color: #07fbb2;
width: 1px;
height: 1px;
position: absolute;
inset: 16.75% auto auto -17%;
}
.connect-wrap-right {
z-index: 1;
width: 18%;
height: 1px;
position: absolute;
inset: 17% -17% auto auto;
}
.line-fill {
background-color: #07fbb2;
width: 1px;
height: 100%;
}
.text-block-10 {
font-size: 20px;
font-weight: 700;
}
.node-image {
background-color: #171717;
border-radius: 8px;
flex-flow: column;
width: auto;
height: auto;
display: flex;
}
.node-row {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: var(--green-text);
justify-content: space-between;
align-items: center;
padding: 16px 8px;
font-size: 12px;
line-height: 100%;
display: inline-flex;
}
.node-sensor {
background-color: var(--on);
border-radius: 100%;
width: 6px;
height: 6px;
}
.text-node {
font-weight: 400;
}
.node-border {
background-color: #236e4a;
width: 100%;
height: 1px;
}
.node-column {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.image-node {
border-radius: 3px;
width: 100%;
max-width: 320px;
height: 100%;
padding: 0;
}
.prompt-text {
color: #d4eed9;
background-color: #4b4b4b40;
border-radius: 3px;
width: 100%;
min-width: 278px;
max-width: 278px;
min-height: 57px;
padding: 12px 16px;
}
.prompt {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: flex-start;
align-items: center;
padding-bottom: 16px;
padding-left: 8px;
padding-right: 8px;
display: flex;
}
.node-image-wrapper {
justify-content: center;
align-items: center;
padding-bottom: 16px;
padding-left: 8px;
padding-right: 8px;
display: flex;
overflow: hidden;
}
.connector-right {
width: 2rem;
height: 40%;
position: absolute;
inset: 0% auto auto 33%;
}
.image-4 {
object-fit: fill;
width: 100%;
height: 100%;
min-height: 100%;
position: absolute;
inset: 0%;
}
.node-padding {
padding-top: 6px;
}
.node-line {
justify-content: flex-start;
align-items: center;
width: 100%;
height: 1px;
display: flex;
position: absolute;
top: 41.75%;
}
.node-line-fill {
background-color: var(--on);
width: 100%;
height: 1px;
}
@media screen and (max-width: 991px) {
.home-hero {
padding: 154px 16px;
}
.home-hero.full-height {
height: auto;
}
.home-hero.hero-n {
height: auto;
padding-right: 16px;
}
.scroll-section {
display: block;
}
.flex-vertical.gap-60.align-center.mob-horiz {
flex-flow: row;
width: 100%;
}
.flex-vertical.gap-60.gap-38-mob {
grid-column-gap: 38px;
grid-row-gap: 38px;
}
.flex-vertical.gap-60.gap-32-mob {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.flex-vertical.gap-60.mob-gap-38 {
grid-column-gap: 38px;
grid-row-gap: 38px;
}
.flex-vertical.gap-28.left-align {
grid-column-gap: 25px;
grid-row-gap: 25px;
}
.flex-vertical.gap-28.align-center.gap-42-mob {
grid-column-gap: 42px;
grid-row-gap: 42px;
}
.flex-vertical.gap-28.align-center.mob-left {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: flex-start;
align-items: flex-start;
}
.flex-vertical.gap-38.max-w-720 {
grid-column-gap: 26px;
grid-row-gap: 26px;
}
.flex-vertical.gap-38.align-center {
grid-column-gap: 18px;
grid-row-gap: 18px;
}
.flex-vertical.gap-38.align-center.gap-37-mob {
grid-column-gap: 38px;
grid-row-gap: 38px;
}
.flex-vertical.gap-36.align-left {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-36.align-left.align-left-mob {
justify-content: flex-start;
align-items: flex-start;
}
.flex-vertical.gap-36.center._100 {
flex-flow: row;
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-36.center._100.mob-horiz {
grid-column-gap: 31px;
grid-row-gap: 31px;
flex-flow: row;
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-30 {
grid-column-gap: 23px;
grid-row-gap: 23px;
}
.flex-vertical.gap-30.align-left {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-45.mob-gap-30 {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.flex-vertical.gap-7.align-center.abs._2.pad-left {
padding-left: 0;
}
.flex-vertical.gap-7.align-center.abs.pad-right {
padding-right: 0;
}
.flex-vertical.gap-46.bottom-border {
padding-bottom: 46px;
}
.flex-vertical.gap-46.align-center {
grid-column-gap: 27px;
grid-row-gap: 27px;
}
.flex-vertical.gap-31 {
grid-column-gap: 11px;
grid-row-gap: 11px;
}
.flex-vertical.gap-31.gap-26-mob {
grid-column-gap: 26px;
grid-row-gap: 26px;
}
.flex-vertical.gap-20 {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.flex-vertical.gap-20._50 {
width: 100%;
}
.flex-vertical.gap-20.gap-10-mob {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.flex-vertical._100.mob-show {
display: flex;
}
.flex-vertical._100.mob-show.hdn {
display: none;
}
.flex-vertical.gap-43.gap-24-mob {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.flex-vertical.gap-43.max-w-180._26gap-mob, .flex-vertical.gap-43._26-gap-mob {
grid-column-gap: 26px;
grid-row-gap: 26px;
}
.flex-vertical.gap-26.mob-show {
display: flex;
}
.flex-vertical.gap-26.align-center {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.flex-vertical.gap-56.align-center {
grid-column-gap: 23px;
grid-row-gap: 23px;
}
.flex-vertical.gap-8.align-left.mob-show {
display: flex;
}
.flex-vertical.gap-8.relative.gap-22-mob {
grid-column-gap: 22px;
grid-row-gap: 22px;
}
.flex-vertical.align-left.gap-21 {
grid-column-gap: 21px;
grid-row-gap: 21px;
}
.flex-vertical.align-left.gap-21._w-390, .flex-vertical.align-left.gap-21._w-360, .flex-vertical.align-left.gap-21._w-566, .flex-vertical.align-left.gap-21._w-320, .flex-vertical.align-left.gap-21._w-369, .flex-vertical.align-left.gap-21._w-290, .flex-vertical.align-left.gap-21._w-660.op-center._564, .flex-vertical.align-left.gap-21._w-470, .flex-vertical.align-left.gap-21._w-576, .flex-vertical.align-left.gap-21._w-518 {
max-width: none;
}
.flex-vertical.align-left.gap-52 {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-40 {
grid-column-gap: 13px;
grid-row-gap: 13px;
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-40.align-left {
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: flex-start;
align-items: flex-start;
}
.flex-vertical.gap-40.align-left.mob-show {
display: flex;
}
.flex-vertical.gap-40.max-w-530.align-left.mob-pad {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: flex-start;
align-items: flex-start;
max-width: none;
padding-left: 16px;
padding-right: 16px;
}
.flex-vertical.gap-40.align-right {
align-items: stretch;
}
.flex-vertical.gap-40.align-center {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.flex-vertical.gap-40.stretch {
grid-column-gap: 40px;
grid-row-gap: 40px;
align-items: stretch;
}
.flex-vertical.gap-40.pad-bottom-60.align-left {
padding-bottom: 0;
}
.flex-vertical.gap-24 {
width: 100%;
}
.flex-vertical.gap-24.align-left.rel {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-72 {
grid-column-gap: 55px;
grid-row-gap: 55px;
}
.flex-vertical.gap-72.gap-38-mob {
grid-column-gap: 38px;
grid-row-gap: 38px;
}
.flex-vertical.gap-120 {
grid-column-gap: 88px;
grid-row-gap: 88px;
}
.flex-vertical.gap-120._30-gap-mob, .flex-vertical.gap-52.align-center {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.flex-vertical.gap-85.align-center {
grid-column-gap: 44px;
grid-row-gap: 44px;
}
.flex-vertical.gap-85.align-center._100 {
grid-column-gap: 57px;
grid-row-gap: 57px;
}
.flex-vertical.gap-32.align-center.gap-11-mob {
grid-column-gap: 11px;
grid-row-gap: 11px;
}
.flex-vertical.gap-32.align-center.gap-20-mib {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.flex-vertical.gap-52.align-center.gap-25-mob {
grid-column-gap: 25px;
grid-row-gap: 25px;
}
.flex-vertical.gap-52.align-center.gap-33-mob {
grid-column-gap: 33px;
grid-row-gap: 33px;
}
.flex-vertical.gap-34.align-center {
grid-column-gap: 31px;
grid-row-gap: 31px;
}
.flex-vertical.gap-34.gap-26-mob {
grid-column-gap: 26px;
grid-row-gap: 26px;
}
.flex-vertical.gap-34.gap-20-mob {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.flex-vertical.gap-75.align-center {
grid-column-gap: 42px;
grid-row-gap: 42px;
}
.flex-vertical.gap-12.align-center.gap-5-mob {
grid-column-gap: 5px;
grid-row-gap: 5px;
}
.flex-vertical.gap-80.align-center {
grid-column-gap: 33px;
grid-row-gap: 33px;
}
.flex-vertical.gap-80.gap-65-mob {
grid-column-gap: 65px;
grid-row-gap: 65px;
}
.flex-vertical.gap-80.gap-43-mob {
grid-column-gap: 43px;
grid-row-gap: 43px;
}
.flex-vertical.gap-80.align-left._32-gap-mob {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.flex-vertical.gap-80.align-left._32-gap-mob.mob-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-50.align-left {
grid-column-gap: 47px;
grid-row-gap: 47px;
}
.flex-vertical.gap-50.align-center {
grid-column-gap: 31px;
grid-row-gap: 31px;
}
.flex-vertical.gap-58.align-center, .flex-vertical.gap-93.align-center._100 {
grid-column-gap: 46px;
grid-row-gap: 46px;
}
.flex-vertical.gap-44 {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.flex-vertical.gap-116 {
grid-column-gap: 67px;
grid-row-gap: 67px;
}
.flex-vertical.gap-55.center {
grid-column-gap: 37px;
grid-row-gap: 37px;
}
.flex-vertical.gap-54 {
grid-column-gap: 21px;
grid-row-gap: 21px;
}
.flex-vertical.gap-87 {
grid-column-gap: 57px;
grid-row-gap: 57px;
}
.flex-vertical.gap-37.align-center {
grid-column-gap: 36px;
grid-row-gap: 36px;
}
.flex-vertical.gap-37.mob-20-gap {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.flex-vertical.gap-66.align-center {
grid-column-gap: 27px;
grid-row-gap: 27px;
}
.flex-vertical.gap-66.mob-center {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-13.desk {
display: none;
}
.flex-vertical.gap-13.mob {
display: flex;
position: relative;
}
.flex-vertical.gap-83.align-center {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.flex-vertical.gap-63 {
grid-column-gap: 64px;
grid-row-gap: 64px;
}
.flex-vertical.gap-208 {
grid-column-gap: 100px;
grid-row-gap: 100px;
}
.flex-vertical.gap-95.align-center {
grid-column-gap: 48px;
grid-row-gap: 48px;
}
.flex-vertical.gap-95.mob-horz {
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
width: 100%;
}
.flex-vertical.gap-25.relative.mob-left {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: center;
align-items: flex-start;
width: 70%;
}
.flex-vertical.gap-185 {
grid-column-gap: 200px;
grid-row-gap: 200px;
}
.flex-vertical.gap-100._100.align-center {
grid-column-gap: 75px;
grid-row-gap: 75px;
}
.flex-vertical.gap-100.gap-66-mob {
grid-column-gap: 66px;
grid-row-gap: 66px;
}
.flex-vertical.gap-100._60-gap-mob {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.flex-vertical.gap-100.gap-84-mob {
grid-column-gap: 84px;
grid-row-gap: 84px;
}
.flex-vertical.gap-70 {
grid-column-gap: 35px;
grid-row-gap: 35px;
}
.flex-vertical.gap-70.align-left.relative {
grid-column-gap: 63px;
grid-row-gap: 63px;
}
.flex-vertical.gap-70.align-left.relative.align-cente {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-84 {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.flex-vertical.gap-62.mob-horz {
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
width: 100%;
}
.flex-vertical.gap-65._100 {
grid-column-gap: 34px;
grid-row-gap: 34px;
}
.flex-vertical.gap-65._100._92-gap-mob {
grid-column-gap: 92px;
grid-row-gap: 92px;
}
.flex-vertical.gap-65.mob-horz {
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
width: 100%;
}
.flex-vertical.gap-130 {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.flex-vertical.gap-130._140-mob {
grid-column-gap: 140px;
grid-row-gap: 140px;
}
.flex-vertical.gap-156.align-center {
grid-column-gap: 76px;
grid-row-gap: 76px;
}
.flex-vertical.gap-108 {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.flex-vertical.gap-35.align-center {
grid-column-gap: 26px;
grid-row-gap: 26px;
}
.flex-vertical.gap-112.align-center {
grid-column-gap: 33px;
grid-row-gap: 33px;
}
.flex-vertical.gap-112.gap-65-mob {
grid-column-gap: 65px;
grid-row-gap: 65px;
}
.flex-vertical.gap-112.gap-43-mob {
grid-column-gap: 43px;
grid-row-gap: 43px;
}
.flex-vertical.relative.gap-320.pad-bottom-300 {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: flex-start;
align-items: center;
padding-bottom: 70px;
}
.flex-vertical.gap-145.align-center {
grid-column-gap: 110px;
grid-row-gap: 110px;
}
.flex-vertical.gap-134.align-right.center-mob {
grid-column-gap: 73px;
grid-row-gap: 73px;
justify-content: flex-start;
align-items: center;
}
.h56 {
font-size: 32px;
}
.h56.left.center-mob {
text-align: center;
}
.h56._42-mob {
font-size: 42px;
}
.flex-horizontal.gap-20.space-between.mob-vert {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.flex-horizontal.gap-20.align-center.mob-vert, .flex-horizontal.gap-20.relative.mob-vert {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.flex-horizontal.gap-20.relative.mob-vert.left {
justify-content: flex-start;
align-items: flex-start;
}
.flex-horizontal.gap-20.stack {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.flex-horizontal.space-between.pad-sides {
flex-flow: column;
padding-bottom: 30px;
}
.flex-horizontal.space-between.pad-sides.pad-down, .flex-horizontal.space-between.pad-sides.pad-top {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.flex-horizontal.space-between.gap-135 {
grid-column-gap: 44px;
grid-row-gap: 44px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.flex-horizontal.space-between.align-bottom._100.mob-vert.spread {
grid-column-gap: 75px;
grid-row-gap: 75px;
justify-content: space-between;
align-items: center;
}
.flex-horizontal.space-between.align-bottom.mob-vert {
justify-content: space-between;
align-items: center;
}
.flex-horizontal.space-between._100.mob-vert {
grid-column-gap: 37px;
grid-row-gap: 37px;
flex-flow: column;
}
.flex-horizontal.space-between._100.align-botom.mob-vert.align-center {
justify-content: space-between;
align-items: center;
}
.flex-horizontal.space-between.gap-100.align-top.mob-vert {
grid-column-gap: 33px;
grid-row-gap: 33px;
align-items: stretch;
}
.flex-horizontal.space-between.gap-100.mob-vert {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-flow: column;
}
.flex-horizontal.space-between.align-top.mob-vert.center-mob {
grid-column-gap: 74px;
grid-row-gap: 74px;
justify-content: space-between;
align-items: center;
}
.flex-horizontal.space-between.align-top.mob-vert.gap-10 {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: space-between;
align-items: center;
}
.flex-horizontal.space-between.align-top.mob-vert.mob-gap-30 {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.flex-horizontal.space-between.mob-vert {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
}
.flex-horizontal.space-between.mob-vert.gap-85-mob {
grid-column-gap: 85px;
grid-row-gap: 85px;
}
.flex-horizontal.space-between.mob-vert.gap-50-mob {
grid-column-gap: 50px;
grid-row-gap: 50px;
}
.flex-horizontal.space-between.mob-vert.mob-center {
grid-column-gap: 56px;
grid-row-gap: 56px;
justify-content: space-between;
align-items: center;
}
.flex-horizontal.gap-32 {
display: none;
}
.flex-horizontal.gap-32.mob {
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.flex-horizontal.gap-32.desk {
display: none;
}
.flex-horizontal.gap-40 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: space-between;
align-items: center;
}
.flex-horizontal.gap-40.align-center {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.flex-horizontal.gap-40.op-section-flex {
align-items: stretch;
margin-bottom: 100px;
}
.flex-horizontal.gap-120.align-bottom {
grid-column-gap: 35px;
grid-row-gap: 35px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.flex-horizontal.pad-top-bot {
grid-column-gap: 41px;
grid-row-gap: 41px;
border-bottom-width: 0;
flex-flow: column;
padding-bottom: 50px;
}
.flex-horizontal.gap-52, .flex-horizontal.pad-top.mob-vert {
flex-flow: column;
}
.flex-horizontal.gap-108.align-top.mob-vert {
flex-flow: column;
width: 100%;
}
.flex-horizontal.gap-90.align-top.hdn-mob {
display: none;
}
.flex-horizontal.gap-90.align-top.mob-grid {
grid-column-gap: 35px;
grid-row-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.flex-horizontal.gap-25.align-center.hdn-mob {
display: none;
}
.flex-horizontal.gap-116.align-bottom.mob-vert {
grid-column-gap: 63px;
grid-row-gap: 63px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.flex-horizontal.gap-16 {
justify-content: space-between;
align-items: center;
width: 100%;
}
.flex-horizontal.gap-16.desk {
display: none;
}
.flex-horizontal.gap-140.space-between.mob-vert {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.flex-horizontal.gap-140.space-between.spread.mob-vert {
justify-content: flex-start;
align-items: center;
}
.flex-horizontal.gap-30.align-center._100.mob-hide {
display: none;
}
.flex-horizontal.gap-50.align-center.mob-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.flex-horizontal.relative.pad-top-98 {
grid-column-gap: 75px;
grid-row-gap: 75px;
padding-top: 0;
padding-bottom: 75px;
}
.flex-horizontal.relative.pad-top-98.mob-vert {
flex-flow: column;
padding-bottom: 0;
}
.flex-horizontal.gap-86.align-top.mob-vert {
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.flex-horizontal.gap-80.align-center.mob-vert {
flex-flow: column;
}
.flex-horizontal.gap-154.align-bottom.mob-vert {
grid-column-gap: 80px;
grid-row-gap: 80px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.flex-horizontal.gap-60.space-between.align-top.mob-vert {
justify-content: space-between;
align-items: center;
}
.flex-horizontal.gap-190.mob-vert {
flex-flow: column;
}
.flex-horizontal.gap-190.mob-vert.align-center {
grid-column-gap: 80px;
grid-row-gap: 80px;
justify-content: flex-start;
align-items: center;
}
.flex-horizontal.gap-200.align-center.align-top.mob-vert {
flex-flow: column;
}
.flex-horizontal.gap-200.align-center.align-top.mob-vert.center-mob {
grid-column-gap: 80px;
grid-row-gap: 80px;
justify-content: center;
align-items: center;
}
.vision-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.vision-grid-box {
grid-column-gap: 24px;
grid-row-gap: 24px;
height: auto;
padding: 44px 20px 50px;
}
.tb-32.center, .tb-32.white.normal, .tb-32.white.mob-21 {
font-size: 21px;
}
.tb-32.white.mob-16 {
text-align: center;
font-size: 16px;
line-height: 120%;
}
.tb-32.white.mob-center, .tb-32.normal.center-mob {
text-align: center;
}
.tb-32.mob-21 {
font-size: 21px;
}
.tb-16.center {
font-size: 12px;
}
.tb-16.center.fix-h-mob {
height: 14.3984px;
}
.tb-16.center.fix-h-mob.smaller {
font-size: 10px;
}
.tb-16.white {
font-size: 14px;
}
.tb-16.white._50 {
color: #fff;
font-size: 12px;
}
.tb-16.white.hdn-mob {
display: none;
}
.tb-16.white.mob-center {
text-align: center;
}
.tb-16.medium {
font-weight: 500;
}
.tb-16.center-mob, .tb-14.white.center-mob {
text-align: center;
}
.tb-14.normal.mob-hide {
display: none;
}
.tb-14.normal.mob-left {
text-align: left;
}
.vision-gb-link.mob {
display: flex;
}
.vision-gb-link.desk {
display: none;
}
.h32.black.center {
text-align: left;
}
.home-hero-bg {
object-fit: cover;
height: 100%;
top: 0;
}
.container-1342.relative {
z-index: 3;
}
.h80 {
font-size: 42px;
}
.h80.black.mob-center {
text-align: center;
}
.h80.black.hdn-mob {
display: none;
}
.h80.black.mob-show {
display: block;
}
.p21 {
font-size: 16px;
}
.p21.black.center.hdn-mob {
display: none;
}
.p21.black._60.center-mob {
text-align: center;
}
.p21.black._60.mob-left {
text-align: left;
}
.p21._60 {
text-align: center;
}
.button {
padding-left: 37px;
padding-right: 37px;
}
.button.smaller.mob {
text-align: center;
padding: 11px 13px;
font-size: 10px;
}
.button.smaller._100--mob {
text-align: center;
width: 100%;
}
.button.center {
text-align: center;
transition: all .2s;
}
.button.center:active {
background-color: #44cb8d;
}
.button.desk {
display: none;
}
.button.mob {
display: block;
}
.h-wrap._550, .h-wrap._440 {
max-width: none;
}
.h-wrap._580 {
max-width: 580svh;
}
.h-wrap._500.hdn-mob {
display: none;
}
.h-wrap._570.marg-left-86.relative {
max-width: none;
margin-left: 0;
}
.h-wrap._540, .p-wrap {
max-width: none;
}
.p-wrap._522.hdn-mob {
display: none;
}
.p-wrap._560, .p-wrap._505, .p-wrap._560, .p-wrap._420, .p-wrap._530, .p-wrap._480, .p-wrap._530, .p-wrap._450, .p-wrap._575, .p-wrap._477, .p-wrap._536, .p-wrap._556, .p-wrap._555, .p-wrap._550 {
max-width: none;
}
.p-wrap._500 {
max-width: 310px;
}
.nav {
padding: 22px 16px;
}
.nav-link-arrow {
display: none;
}
.search-div {
justify-content: space-between;
align-items: center;
padding-top: 12px;
padding-bottom: 12px;
transition: all .2s;
}
.search-div:active, .search-div:focus {
color: #181818;
background-color: #fff;
}
.home-hero-dd {
display: none;
}
.circle {
border-color: #181818;
width: 20px;
height: 20px;
}
.line1 {
background-color: #181818;
width: 8px;
}
.line2 {
background-color: #181818;
height: 8px;
}
.role-block {
border-bottom: 1px solid #ffffff1a;
border-left-width: 0;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: none;
padding-top: 55px;
padding-bottom: 55px;
}
.role-block.last {
border-bottom-width: 0;
}
.role-img {
width: 200px;
height: auto;
}
.role-img._2, .role-img._3, .role-img._4 {
width: 200px;
}
.primer-arrow-icon {
width: 10px;
}
.roadmap {
padding-bottom: 120px;
}
.slider {
margin-top: 60px;
}
.right-arrow {
inset: 0 -48px -300px 0;
}
.left-arrow {
inset: 0 0 -300px -48px;
}
.slider-div {
padding-bottom: 0;
}
.slider-div._2 {
justify-content: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
}
.grad-circle.pad-left {
margin-left: 0;
}
.grad-circle.pad-right {
margin-right: 0;
}
.tb-21 {
font-size: 16px;
}
.tb-21.left {
font-size: 16px;
font-weight: 400;
}
.tb-21.left.normal.white {
font-size: 16px;
}
.tb-21.left.normal.white._50 {
color: #fff;
}
.tb-21.left.normal.last-mob {
order: 1;
}
.tb-21.left.normal.order-mob {
order: 2;
display: block;
}
.tb-21.left.normal.hdn-mob {
display: none;
}
.tb-21.left.normal.center-mob {
text-align: center;
}
.tb-21.left.bold-mob {
font-weight: 700;
}
.tb-21.mob-hide {
display: none;
}
.tb-21.mob-left {
text-align: left;
}
.tb-wrap._370.no-max-mob {
max-width: none;
}
.tb-wrap._294 {
max-width: 270px;
}
.tb-wrap._356 {
max-width: none;
}
.tb-wrap._356._300-mob {
max-width: 300px;
}
.tb-wrap._610, .tb-wrap._500, .tb-wrap._690, .tb-wrap._503, .tb-wrap._566 {
max-width: none;
}
.tb-wrap._225 {
max-width: 225px;
}
.tb-wrap._300 {
max-width: 300px;
}
.tb-wrap._380 {
max-width: none;
}
.tb-wrap._250-mob {
max-width: 250px;
}
.tb-wrap._554, .tb-wrap._424, .tb-wrap._609, .tb-wrap._400, .tb-wrap._530, .tb-wrap._430 {
max-width: none;
}
.tb-wrap._430.marg-right {
margin-right: 0;
}
.tb-wrap._290, .tb-wrap._440 {
max-width: none;
}
.tb-wrap._440.marg-left-85.relative {
margin-left: 0;
}
.tb-wrap._480, .tb-wrap._450, .tb-wrap._560, .tb-wrap._390, .tb-wrap._555 {
max-width: none;
}
.tb-wrap._380.pad-bot-170 {
padding-bottom: 80px;
}
.tb-wrap._240px-mob {
max-width: 240px;
}
.events-link.hdn-mob {
display: none;
}
.event-thumb {
object-fit: cover;
width: 440px;
height: 190px;
}
.event-div {
grid-column-gap: 20px;
grid-row-gap: 20px;
max-width: none;
}
.proposal-link {
font-size: 21px;
}
.proposal-link.last {
border-bottom-width: 1px;
}
.proposal-link.top {
border-top: 1px solid #ffffff80;
}
.proposal-arrow-div, .slider1 {
display: none;
}
.cta {
padding: 44px 16px;
}
.cta.pad-bigger-mob {
padding-top: 85px;
padding-bottom: 85px;
}
.footer {
padding: 33px 16px 16px;
}
.footer-link {
width: 59.5px;
}
.footer-link.gray {
width: auto;
}
.tb-12.black {
color: #181818;
font-family: Favoritpro, sans-serif;
font-weight: 400;
}
.tb-12.white {
color: #fff;
font-family: Favoritpro, sans-serif;
}
.learn-hero-div {
padding: 100px 16px 300px;
}
.learn {
padding: 50px 16px;
}
.learn-img, .learn-img._2 {
width: 100%;
}
.faq {
padding: 43px 16px 70px;
}
.search-faq, .dropdown-toggle {
font-size: 16px;
}
.p16.white {
font-size: 12px;
}
.blog-div-big {
width: 100%;
max-width: none;
}
.blg-div-big-img {
width: 100%;
}
.lpt-hero-div {
padding-top: 163px;
padding-bottom: 300px;
}
.dotted-line.delegate {
width: 100%;
}
.insights {
padding: 0 0 80px;
}
.insights-bg {
width: 100%;
max-width: 100%;
height: 357px;
margin-bottom: 35px;
position: static;
}
.lpt-real-time-img {
margin-top: 27px;
}
.lpt-real-time-img.desk {
display: none;
}
.lpt-real-time-img.mob {
width: 100%;
display: block;
}
.cta-grid {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.cta-grid-box {
padding-top: 56px;
padding-bottom: 56px;
}
.ltp-exchanges {
padding: 53px 16px;
}
.ltp-exchanges-grid {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.ltp-exchanges-grid-box {
justify-content: center;
align-items: flex-end;
height: auto;
padding: 14px 20px 22px;
}
.ltp-exchanges-grid-box-logo, .ltp-exchanges-grid-box-logo.kraken, .ltp-exchanges-grid-box-logo.uniswap, .ltp-exchanges-grid-box-logo.okex, .ltp-exchanges-grid-box-logo.huobi {
width: 54px;
}
.exhanges-gb-link {
display: none;
}
.delegate-hero-div {
padding: 130px 16px 320px;
}
.delegate-exchanges {
padding: 41px 16px 58px;
}
.delegate-exchanges-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto auto auto auto auto auto auto;
grid-template-columns: 1fr;
}
.delegate-exchanges-grid-box {
width: auto;
padding: 26px 60px 26px 28px;
}
.delegate-exchanges-grid-box-logo {
width: 60px;
height: 60px;
}
.delegate-gb-link {
display: none;
}
.delegate-mean {
padding: 37px 16px 45px;
}
.delegate-mean-text {
padding: 156px 16px;
}
.delegator-stats {
padding: 70px 16px 78px;
}
.tb-80 {
font-size: 52px;
}
.how-it-works {
padding: 40px 16px 63px;
}
.governance {
padding: 45px 16px;
}
.governance-img {
order: -1;
width: 307px;
}
.livepeer-token {
padding: 37px 16px 53px;
}
.token-grid {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.token-grid-box {
grid-column-gap: 27px;
grid-row-gap: 27px;
padding-top: 40px;
padding-bottom: 34px;
}
.token-grid-icon._2 {
width: 146px;
}
.token-grid-icon._3 {
width: 108px;
}
.orchestrate-hero-div {
padding-top: 184px;
padding-bottom: 184px;
}
.key-req {
padding: 37px 16px 50px;
}
.key-req-img1 {
width: 243px;
}
.key-req-img2 {
order: 1;
width: 343px;
}
.cta-arrow {
width: 10px;
}
.future-benefits {
padding: 40px 16px 78px;
}
.steps-become {
padding: 40px 16px 38px;
}
.step-div {
grid-column-gap: 15px;
grid-row-gap: 15px;
padding: 22px 60px 22px 14px;
}
.step-arrow {
display: none;
}
.step-arrow.mob {
width: 30px;
display: block;
}
.step-arrow.desk {
display: none;
}
.delegate-mean-img {
width: 170px;
}
.orchestrate-text {
padding: 0 16px 37px;
}
.dev-hub-hero-div {
padding-top: 90px;
padding-bottom: 50px;
}
.absolute.flex.gap-115 {
grid-column-gap: 4px;
grid-row-gap: 4px;
bottom: 16px;
left: 16px;
}
.absolute.flex.vert-mob {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 90%;
bottom: 22px;
left: 16px;
}
.absolute.hlw {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
inset: 0% 0% auto auto;
}
.absolute.hlw.top-18 {
top: 18px;
}
.why-build {
padding: 37px 16px 88px;
}
.why-build-img {
width: 260px;
}
.why-join {
padding: 55px 16px;
}
.key-benefit-grid {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr;
place-items: stretch start;
}
.key-benefit-grid-box {
grid-column-gap: 18px;
grid-row-gap: 18px;
border-bottom: 1px solid #18181833;
border-left-width: 0;
padding-bottom: 30px;
padding-left: 0;
}
.key-benefit-grid-box-tb-wrap {
height: auto;
}
.dev-tools {
padding: 40px 16px;
}
.dev-tools-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr 1fr;
}
.dev-tools-grid-box-big {
flex-flow: column;
padding: 20px 16px 26px;
}
.circle-rel {
order: -1;
width: 112px;
height: 112px;
}
.dev-tools-grid-box-img {
width: 57px;
}
.dev-tools-grid-box-img.abs {
width: 57px;
display: none;
}
.dev-tools-grid-box-big-bg {
display: none;
}
.dev-tools-grid-box-small {
grid-column-gap: 11px;
grid-row-gap: 11px;
justify-content: flex-start;
align-items: center;
padding: 21px 21px 24px;
}
.builder-programs {
padding-top: 40px;
padding-bottom: 40px;
}
.builder-programs-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
width: 100%;
}
.builder-programs-grid-box {
grid-column-gap: 23px;
grid-row-gap: 23px;
width: auto;
padding-top: 36px;
padding-bottom: 38px;
}
.builder-programs-grid-box.no-width {
height: 510px;
}
.builder-programs-grid-box-img.abs, .builder-programs-grid-box-bg, .bp-arrow-link {
display: none;
}
.help-you-need {
padding: 39px 16px 63px;
}
.help-you-need-div {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 18px 16px;
}
.hyn-link {
display: none;
}
.help-you-need-text, .help-you-need-text-2 {
width: auto;
}
.ecosystem-hero-div {
padding: 80px 16px 42px;
}
.ai-apps {
padding: 40px 16px 50px;
}
.ai-apps-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr;
}
.ai-apps-grid-box {
flex-flow: row;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 20px;
}
.ai-apps-grid-box-logo {
width: 62px;
height: 62px;
}
.apps {
padding: 40px 16px;
}
.apps-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr;
}
.apps-grid-box {
grid-column-gap: 17px;
grid-row-gap: 17px;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 20px;
}
.apps-grid-box-logo {
width: 62px;
height: 62px;
}
.footer-lin-mob {
color: #181818;
text-transform: uppercase;
border-top: 0 solid #18181833;
border-bottom: 1px solid #18181833;
justify-content: space-between;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
font-family: Favoritmono, sans-serif;
font-size: 14px;
line-height: 120%;
display: flex;
}
.footer-lin-mob.top {
border-top-width: 1px;
}
.nav-menu-button {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-flow: column;
width: 22px;
display: flex;
}
.nav-menu-button-line1, .nav-menu-button-line2, .nav-menu-button-line3 {
background-color: #fff;
border-radius: 50px;
width: 100%;
height: 2px;
padding: 1px;
}
.nav-menu-mob {
z-index: 2;
background-color: #181818;
flex-flow: column;
padding: 82px 16px 23px;
display: flex;
position: fixed;
inset: 0%;
}
.nav-menu-mob.space-between {
justify-content: space-between;
align-items: stretch;
display: none;
}
.nav-menu-mob-btn {
color: #fff;
letter-spacing: -.1px;
border-top: 0 solid #ffffff1a;
border-bottom: 1px solid #ffffff1a;
width: 100%;
padding-top: 13px;
padding-bottom: 13px;
font-family: Favoritpro, sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 112%;
}
.nav-menu-mob-btn.top {
border-top-width: 1px;
}
.nav-menu-mob-dd-btn {
color: #fff;
width: 100%;
padding: 0;
}
.nav-menu-mob-dd {
color: #fff;
letter-spacing: -.1px;
border-top: 0 solid #ffffff1a;
border-bottom: 1px solid #ffffff1a;
width: 100%;
padding-top: 13px;
padding-bottom: 13px;
font-family: Favoritpro, sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 112%;
overflow: hidden;
}
.nav-menu-mob-dd.top {
border-top-width: 1px;
}
.dropdown-list-2 {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: #0000;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 21px;
padding-bottom: 23px;
position: relative;
}
.nav-menu-mob-dd-link {
color: #fff9;
font-size: 16px;
text-decoration: none;
transition: all .2s;
}
.nav-menu-mob-dd-link:active {
color: #44cb8d;
}
.what-is-lpt-an-div {
padding-top: 82px;
display: block;
position: relative;
}
.what-is-lpt-an-div.hdn {
display: none;
}
.what-is-lpt-an-div-img {
z-index: 1;
width: 200px;
position: absolute;
inset: 0% 0% 0% auto;
}
.what-is-lpt-an-div-ball-wrap {
border-radius: 100px;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
display: flex;
position: relative;
}
.what-is-lpt-an-div-ball-div {
grid-column-gap: 4px;
grid-row-gap: 4px;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.what-is-lpt-an-div-ball-div._2 {
margin-top: 126px;
}
.what-is-lpt-an-div-ball-div._3 {
margin-top: 36px;
}
.what-is-lpt-an-div-ball-div._4 {
margin-top: 105px;
}
.what-is-lpt-an-div-ball-div._5 {
margin-top: 85px;
}
.what-is-lpt-an-div-ball {
background-color: #fff;
border-radius: 1000px;
width: 12px;
height: 12px;
padding: 1px;
}
.what-is-lpt-an-div-line {
border-top: 1px dashed #fff3;
width: 60%;
height: 1px;
padding-top: 1px;
padding-bottom: 1px;
}
.what-is-lpt-an-text-div {
z-index: 3;
grid-column-gap: 6px;
grid-row-gap: 6px;
background-color: #fff;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 16px 40px 20px 18px;
display: none;
position: absolute;
left: 40%;
}
.what-is-lpt-an-div-cross-icon {
z-index: 2;
width: 12px;
position: absolute;
inset: 10px 10px auto auto;
}
.what-is-lpt-an-div-ball-shade {
background-color: #fff3;
border-radius: 100px;
width: 100%;
height: 100%;
padding: 1px;
position: absolute;
}
.first {
order: -1;
}
.dev-tools-link {
margin-top: 10px;
display: flex;
}
.builder-programs-grid-box-big {
grid-column-gap: 37px;
grid-row-gap: 37px;
flex-flow: column;
padding: 48px;
}
.bp-link {
color: #18794e;
margin-top: 10px;
display: flex;
}
.relative.pad.black._100 {
text-align: center;
width: 100%;
}
.relative.primer-1 {
margin-top: 0;
margin-left: 0;
}
.img-wrap {
width: auto;
}
.img-wrap.first {
width: 100%;
}
.img-wrap.bigger.last-mob {
order: 1;
}
.img-wrap.logo, .img-wrap.logo._2 {
width: 70px;
height: 70px;
}
.img-wrap.big {
order: 1;
width: 331px;
}
.how-it-works-img._2 {
width: 411px;
}
.slider-shadow, .vision-grid-box-bg {
display: none;
}
.embrace {
padding: 37px 16px 88px;
}
.embrace-img {
width: 260px;
}
.community-hub-hero-div {
padding-top: 90px;
padding-bottom: 50px;
}
.get-involved {
padding: 40px 16px;
}
.get-involved-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr;
width: 100%;
}
.get-involved-grid-box {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: row;
justify-content: flex-start;
align-items: center;
padding: 30px 40px 30px 25px;
}
.get-involved-grid-box-img {
width: 60px;
}
.get-involved-grid-box-img.abs {
display: none;
}
.get-involved-grid-box-img._2 {
width: 70px;
}
.get-involved-grid-box-img._3, .get-involved-grid-box-img._4 {
width: 60px;
}
.get-involved-grid-box-bg {
display: none;
}
.get-involved-bg {
height: 390px;
}
.community-tools {
padding: 40px 16px;
}
.community-tools-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr;
width: 100%;
}
.community-tools-grid-box {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: row;
padding-top: 40px;
padding-left: 22px;
}
.primer-hero-div {
padding: 221px 16px 25px;
}
.primer-intro {
padding: 43px 16px 56px;
}
.primer-img {
order: 1;
}
.primer-img.desk {
display: none;
}
.primer-img.mob {
width: 288px;
display: block;
}
.primer-intro-2 {
padding: 52px 16px 62px;
}
.primer-intro-2-img.desk {
display: none;
}
.primer-intro-2-img.mob {
width: 307px;
margin-top: 53px;
display: block;
}
.primer-intro-2-block {
padding: 37px 20px;
}
.what-is-livepeer {
padding: 45px 16px 66px;
}
.what-is-livepeer-img {
width: 272px;
}
.wil-link-icon {
width: 10px;
}
.vision-gb-link-2.mob {
display: flex;
}
.vision-gb-link-2.desk {
display: none;
}
.vision-gb-link-1.mob {
display: flex;
}
.vision-gb-link-1.desk {
display: none;
}
.vision-gb-link-3.mob {
display: flex;
}
.vision-gb-link-3.desk {
display: none;
}
.gi-link1.mob {
display: flex;
}
.gi-link1.desk {
display: none;
}
.gi-link2.mob {
display: flex;
}
.gi-link2.desk {
display: none;
}
.gi-link3.mob {
display: flex;
}
.gi-link3.desk {
display: none;
}
.gi-link4.mob {
display: flex;
}
.gi-link4.desk {
display: none;
}
.gi-link5.mob {
display: flex;
}
.gi-link5.desk {
display: none;
}
.primer-news {
padding: 45px 16px;
}
.primer-news-grid {
grid-column-gap: 43px;
grid-row-gap: 43px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.rit {
padding: 50px 16px 72px;
}
.rit-img-1 {
width: 169px;
}
.rit-img-2 {
width: 114px;
}
.rewarding-part {
padding: 53px 16px;
}
.rewarding-part-img {
width: 280px;
}
.key-factors {
padding: 72px 16px 58px;
}
.key-factors-img1 {
width: 300px;
}
.key-factors-img2 {
width: 225px;
}
.key-factors-arrow.desk {
display: none;
}
.key-factors-arrow.mob {
width: 13px;
display: block;
}
.key-factors-img3 {
width: 257px;
}
.how-livepeer-works {
padding: 44px 16px 65px;
}
.box {
grid-column-gap: 23px;
grid-row-gap: 23px;
width: auto;
padding-top: 36px;
padding-bottom: 38px;
}
.mobile-show {
width: 335px;
display: block;
}
.hlw-mob-img-1 {
width: 95px;
}
.hlw-mob-img-2 {
width: 268px;
}
.swiper.swiper_builder, .swiper.swiper_roadmap {
padding-left: 0;
padding-right: 0;
}
.introducing-to-ai {
padding: 40px 16px 78px;
}
.abt-net-bg-img {
order: -1;
width: 307px;
}
.abt-net {
padding: 45px 16px;
}
.network-hero-div {
padding-top: 163px;
padding-bottom: 150px;
}
.primer-section-1 {
padding: 32px 20px 75px;
}
.primer-section-1-img-1, .primer-section-1-img-2 {
display: none;
}
.primer-section-2 {
padding-bottom: 92px;
padding-left: 20px;
padding-right: 20px;
}
.primer-section-2-img-1 {
width: 320px;
}
.primer-section-2-div {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 32px 18px 18px;
}
.primer-section-3 {
padding-bottom: 136px;
padding-left: 20px;
padding-right: 20px;
}
.primer-section-3-img-1 {
width: 328px;
}
.primer-section-4 {
padding-bottom: 140px;
padding-left: 20px;
padding-right: 20px;
}
.h140 {
font-size: 54px;
}
.primer-section-5 {
padding-bottom: 140px;
padding-left: 20px;
padding-right: 20px;
}
.primer-section-5-img-1 {
width: 331px;
}
.primer-section-5-img-2 {
order: 1;
width: 331px;
}
.primer-section-5-img-3 {
order: 1;
width: 328px;
}
.primer-section-5-img-4 {
order: -1;
width: 333px;
}
.primer-section-6 {
padding-left: 20px;
padding-right: 20px;
}
.primer-section-6-img-1 {
width: 331px;
}
.primer-section-6-img-3 {
width: 330px;
}
.primer-section-7 {
padding-bottom: 140px;
padding-left: 20px;
padding-right: 20px;
}
.primer-section-7-img-1 {
margin-left: 0;
}
.primer-section-7-img-2 {
width: 331px;
margin-right: 0;
}
.primer-section-8 {
padding-bottom: 122px;
padding-left: 20px;
padding-right: 20px;
}
.primer-section-8-img-1 {
order: 1;
margin-top: 0;
margin-left: 0;
}
.primer-section-8-img-2 {
width: 331px;
margin-top: 0;
}
.primer-section-9 {
padding-bottom: 80px;
padding-left: 20px;
padding-right: 20px;
}
.tb-36 {
text-align: center;
font-size: 24px;
}
.primer-section-9-img {
order: 1;
width: 331px;
margin-top: 0;
margin-left: 0;
}
.primer-section-10 {
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.primer-grid {
grid-column-gap: 22px;
grid-row-gap: 22px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.primer-grid-box {
height: 455px;
padding: 20px;
}
.mob-show-img._270 {
width: 270px;
display: block;
}
.primer-section-1-mob-img {
width: 100%;
display: block;
}
.lpt-hero-bg-icon {
width: 490px;
position: absolute;
bottom: 0;
}
.orcherstrate-hero-bg-icon {
width: 570px;
position: absolute;
bottom: 0;
}
.delegate-hero-bg-icon {
width: 600px;
max-width: 600px;
position: absolute;
bottom: 0;
}
.dev-hub-hero-bg-icon {
width: 480px;
max-width: 480px;
position: absolute;
bottom: 0;
right: -50px;
}
.ecosystem-hero-bg-icon {
width: 500px;
max-width: 500px;
position: absolute;
bottom: -130px;
right: -140px;
}
.learn-hero-bg-icon {
width: 600px;
max-width: 600px;
position: absolute;
bottom: -60px;
right: -20px;
}
.community-hub-hero-bg-icon {
width: 540px;
max-width: 540px;
position: absolute;
bottom: -10px;
right: -80px;
}
.network-hero-bg-icon {
width: 600px;
max-width: 600px;
position: absolute;
bottom: -30px;
right: -180px;
}
.media-kit-hero-div {
padding-top: 163px;
padding-bottom: 150px;
}
.media-kit-hero-bg-icon {
width: 600px;
max-width: 600px;
position: absolute;
bottom: -30px;
right: -180px;
}
.media-kit-content {
padding: 64px 16px;
}
.media-kit-img {
margin-top: 41px;
}
.media-kit-grid {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
margin-top: 41px;
}
.media-kit-grid-box {
grid-column-gap: 16px;
grid-row-gap: 16px;
padding-top: 33px;
padding-bottom: 33px;
}
.media-kit-grid-box-icon {
width: 56px;
}
.jobs-content {
padding-top: 80px;
padding-bottom: 80px;
}
.job-link {
font-size: 21px;
}
.job-link.last {
border-bottom-width: 1px;
}
.job-link.top {
border-top: 1px solid #ffffff80;
font-size: 16px;
line-height: 120%;
}
.job-link.top:hover {
color: #181818;
background-color: #fff;
padding-left: 0;
}
.job-arrow-div {
display: flex;
right: 0;
}
.jobs-hero-div {
padding-top: 163px;
padding-bottom: 150px;
}
.jobs-hero-bg-icon {
width: 530px;
max-width: 530px;
position: absolute;
bottom: -30px;
right: -180px;
}
.op-hero {
padding-top: 150px;
padding-bottom: 150px;
position: relative;
}
.op-hero-img {
width: 320px;
}
.op-hero-text {
font-size: 21px;
}
.op-hero-r {
width: 20%;
}
.op-hero-l {
width: 10%;
}
.op-content {
padding-bottom: 0;
}
.op-section-1 {
grid-column-gap: 70px;
grid-row-gap: 70px;
flex-flow: column;
margin-bottom: 40px;
}
.op-section-1._4 {
margin-bottom: 40px;
}
.op-section-1._5._200mu {
margin-bottom: 100px;
}
.op-section-1._6 {
margin-bottom: 90px;
}
.op-section-1._7, .op-section-1.left._200mu {
margin-bottom: 100px;
}
.op-section-1.left.mob-right {
justify-content: center;
align-items: flex-end;
}
.pie-img {
width: 100%;
}
.op-img2 {
width: 100%;
position: relative;
right: -10%;
}
.op-img3 {
order: 1;
width: 100%;
margin-right: 0;
top: 0;
left: -10%;
}
.op-img4 {
width: 100%;
margin-top: 30px;
}
.op-img5 {
order: 1;
width: 100%;
}
.op-item.marg-down-mob {
margin-bottom: 50px;
}
.op-img-alice {
order: 1;
}
.op-img-device {
order: 1;
width: 100%;
}
.op-img-device._2, .op-img-device._3, .op-img-device._3._2 {
width: 100%;
}
.op-img-device._4 {
width: 340px;
}
.op-img-device._5, .op-img-operator, .img-op {
width: 100%;
}
.token-op {
display: none;
}
.h50 {
font-size: 32px;
}
.h50.left.center-mob {
text-align: center;
}
.h50._42-mob {
font-size: 42px;
}
.h38.black.center {
text-align: left;
}
.section {
padding-top: 60px;
padding-bottom: 60px;
}
.container {
padding-left: 15px;
padding-right: 15px;
}
.colout-asset {
order: 1;
width: 100%;
}
.colout-asset.col-info {
padding-right: 0;
}
.colout-asset.is-small {
width: 100%;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.colout {
grid-column-gap: 70px;
grid-row-gap: 70px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.colout.is-big.is-pipline {
justify-content: space-between;
align-items: center;
padding-left: 0;
}
.colout.footer-line {
flex-flow: row;
}
.button-2:hover {
opacity: 1;
}
.key-benefit-grid-4-box {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr;
}
.key-benefit-copy {
padding: 55px 16px;
}
.h56-copy {
font-size: 32px;
}
.h56-copy.left.center-mob {
text-align: center;
}
.h56-copy._42-mob {
font-size: 42px;
}
.tb-21-copy {
font-size: 16px;
}
.tb-21-copy.left {
font-size: 16px;
font-weight: 400;
}
.tb-21-copy.left.normal.white {
font-size: 16px;
}
.tb-21-copy.left.normal.white._50 {
color: #fff;
}
.tb-21-copy.left.normal.last-mob {
order: 1;
}
.tb-21-copy.left.normal.order-mob {
order: 2;
display: block;
}
.tb-21-copy.left.normal.hdn-mob {
display: none;
}
.tb-21-copy.left.normal.center-mob {
text-align: center;
}
.tb-21-copy.left.bold-mob {
font-weight: 700;
}
.tb-21-copy.mob-hide {
display: none;
}
.tb-21-copy.mob-left {
text-align: left;
}
.tb-16-copy.center {
font-size: 12px;
}
.tb-16-copy.center.fix-h-mob {
height: 14.3984px;
}
.tb-16-copy.center.fix-h-mob.smaller {
font-size: 10px;
}
.tb-16-copy.white {
font-size: 14px;
}
.tb-16-copy.white._50 {
color: #fff;
font-size: 12px;
}
.tb-16-copy.white.hdn-mob {
display: none;
}
.tb-16-copy.white.mob-center {
text-align: center;
}
.tb-16-copy.medium {
font-weight: 500;
}
.tb-16-copy.center-mob {
text-align: center;
}
.key-benefit-grid4 {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr;
}
.who-should-apply {
padding: 55px 16px;
}
.key-benefit-3grid {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
place-items: stretch start;
}
.aidemos {
padding: 40px 16px;
}
.dev-tools-grid-copy {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr 1fr;
}
.dev-tools-grid-box-big-bg-copy {
display: none;
}
.dev-tools-grid-box-big-copy {
flex-flow: column;
padding: 20px 16px 26px;
}
.what-does-the-program-look-like {
padding: 55px 16px;
}
.key-benefit-grid-copy {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: stretch;
place-items: stretch start;
display: grid;
}
.h70 {
font-size: 42px;
}
.h70.black.mob-center {
text-align: center;
}
.h70.black.hdn-mob {
display: none;
}
.h70.black.mob-show {
display: block;
}
.col-vet-overlay {
margin-bottom: -211px;
}
.nav-links-v {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: #171717;
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding-top: 3rem;
padding-bottom: 3rem;
}
.title-wrapper-v {
text-align: left;
}
.title-wrapper-v.is-v {
text-align: center;
}
.grid-v-2 {
grid-template-columns: 1fr;
}
.col-gradient {
object-fit: fill;
width: 100%;
height: 50%;
top: auto;
left: 0;
}
.heading-style-h2 {
font-size: 2.75rem;
}
.margin-bottom-2 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-section-large {
padding-top: 6rem;
padding-bottom: 6rem;
}
.heading-style-h4 {
font-size: 1.75rem;
}
.nav-mobile, .nav-mobile.w--open {
background-color: #c8c8c800;
}
.hero_grid {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-columns: 1fr;
}
.container-slider {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (max-width: 767px) {
.flex-vertical.gap-120.align-left {
grid-column-gap: 27px;
grid-row-gap: 27px;
}
.flex-vertical.gap-63 {
grid-column-gap: 164px;
grid-row-gap: 164px;
}
.flex-vertical.gap-208 {
grid-column-gap: 150px;
grid-row-gap: 150px;
}
.flex-horizontal.space-between {
flex-flow: wrap;
}
.flex-horizontal.space-between.pad-sides.pad-down {
grid-column-gap: 60px;
grid-row-gap: 60px;
padding-bottom: 30px;
}
.flex-horizontal.space-between.pad-sides.pad-top {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.button.relative.mob-smaller {
padding-left: 20px;
padding-right: 20px;
}
.learn-hero-bg {
display: none;
}
.learn-hero-div {
padding-top: 100px;
padding-bottom: 300px;
}
.learn {
padding-top: 50px;
padding-bottom: 60px;
}
.learn-img, .learn-img._2 {
width: 100%;
}
.lpt-hero-div {
padding-top: 40px;
padding-bottom: 300px;
}
.lpt-hero-bg {
display: none;
}
.delegate-hero-div {
padding-top: 40px;
padding-bottom: 280px;
}
.delegate-hero-bg {
display: none;
}
.orchestrate-hero-div {
padding-top: 46px;
padding-bottom: 330px;
}
.orchestrate-hero-bg, .dev-hub-hero-bg {
display: none;
}
.dev-hub-hero-div {
padding-top: 50px;
}
.ecosystem-hero-div {
padding-top: 39px;
padding-bottom: 39px;
}
.ecosystem-hero-bg {
display: none;
}
.what-is-lpt-an-div-line {
width: 40%;
}
.relative.primer-1 {
width: 400px;
}
.img-wrap {
width: auto;
}
.community-hub-hero-div {
padding: 40px 16px 20px;
}
.community-hub-hero-bg {
display: none;
}
.learn-hero-bg-mobile {
object-position: 50% 50%;
display: block;
}
.lpt-hero-bg-mobile, .delegate-hero-bg-mobile, .orchestrate-hero-bg-mobile, .dev-hub-hero-bg-mobile, .community-hub-hero-bg-mobile, .ecosystem-hero-bg-mobile, .network-hero-bg-mob {
display: block;
}
.network-hero-bg {
display: none;
}
.network-hero-div {
padding-top: 40px;
padding-bottom: 300px;
}
.lpt-hero-bg-icon {
width: 470px;
max-width: 470px;
inset: auto -115px -70px auto;
}
.orcherstrate-hero-bg-icon {
width: 620px;
max-width: 620px;
inset: auto -307px -10px auto;
}
.delegate-hero-bg-icon {
width: 424px;
max-width: 424px;
inset: auto -123px -60px auto;
}
.dev-hub-hero-bg-icon {
inset: auto -160px -10px auto;
}
.ecosystem-hero-bg-icon, .learn-hero-bg-icon {
width: 420px;
max-width: 420px;
top: auto;
left: auto;
}
.community-hub-hero-bg-icon {
width: 400px;
max-width: 400px;
top: auto;
left: auto;
}
.network-hero-bg-icon {
top: auto;
left: auto;
}
.media-kit-hero-div {
padding-top: 40px;
padding-bottom: 300px;
}
.media-kit-bg-mob {
display: block;
}
.media-kit-hero-bg {
display: none;
}
.media-kit-hero-bg-icon {
width: 530px;
top: auto;
left: auto;
}
.jobs-hero-div {
padding-top: 40px;
padding-bottom: 300px;
}
.jobs-bg-mob {
display: block;
}
.jobs-hero-bg {
display: none;
}
.jobs-hero-bg-icon {
width: 420px;
max-width: 420px;
inset: auto -110px -40px auto;
}
.op-hero-r, .op-hero-l {
display: none;
}
.grid-col_04 {
grid-row-gap: 42px;
grid-template-columns: 1fr 1fr;
}
.colout-asset.is-big, .colout-asset.is-small {
width: 100%;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.colout.is-big.is-pipline {
padding-left: 1rem;
padding-right: 1rem;
}
.colout.footer-line {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
}
.grid-3 {
grid-template-rows: 336px 336px;
grid-template-columns: 1fr;
}
.col-vet-overlay {
margin-bottom: -186px;
}
.image-bg-gradient.is-h {
padding-left: 1rem;
padding-right: 1rem;
}
.header {
padding-bottom: 0;
}
.section-v {
padding-left: 1rem;
padding-right: 1rem;
}
.section-v.is-hero {
padding-bottom: 3.5rem;
}
.section-v.is-separater {
padding-top: 0;
padding-bottom: 0;
}
.h3-v.is-faq {
font-size: 1.5rem;
}
.heading-style-h2 {
font-size: 2.25rem;
}
.margin-bottom-2 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.text-size-medium {
font-size: 1rem;
}
.faq2_icon-wrapper {
width: 1.75rem;
height: 1.75rem;
}
.faq2_question {
padding-top: 1rem;
padding-bottom: 1rem;
}
.padding-section-large {
padding-top: 4rem;
padding-bottom: 4rem;
}
.heading-style-h4 {
font-size: 1.5rem;
line-height: 1.4;
}
.footer-line-links {
justify-content: flex-start;
align-items: center;
}
}
@media screen and (max-width: 479px) {
.scroll-section {
display: block;
}
.scroll-img-main {
height: 110vh;
}
.scroll-img-1 {
width: 250px;
height: 140px;
left: 5%;
}
.scroll-img-2 {
width: 300px;
height: 190px;
bottom: 8%;
}
.scroll-img-3 {
width: 260px;
height: 140px;
top: 30%;
}
.scroll-img-4 {
width: 280px;
height: 150px;
top: 16%;
}
.our-vision {
padding-top: 52px;
padding-bottom: 52px;
}
.flex-vertical.gap-28.left-align.gap-18-mob, .flex-vertical.gap-38.relative.left-align.gap-18-mob {
grid-column-gap: 18px;
grid-row-gap: 18px;
}
.flex-vertical.gap-36.center._100 {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.flex-vertical.gap-7.align-center.abs._2.pad-left {
padding-left: 0;
}
.flex-vertical.gap-7.align-center.abs.pad-right {
padding-right: 0;
}
.flex-vertical.gap-31 {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.flex-vertical._100.mob-show.hdn {
display: none;
}
.flex-vertical.gap-43.align-center {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.flex-vertical.gap-16.mob-gap-8 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.flex-vertical.gap-8.align-left.max-w {
max-width: 262px;
}
.flex-vertical.align-left.gap-80 {
grid-column-gap: 54px;
grid-row-gap: 54px;
}
.flex-vertical.align-left.gap-80._40-mob {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.flex-vertical.align-left.gap-52 {
justify-content: flex-start;
align-items: center;
}
.flex-vertical.gap-40._100.align-left {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.flex-vertical.gap-120.align-left {
grid-column-gap: 220px;
grid-row-gap: 220px;
}
.flex-vertical.gap-12 {
flex-flow: column;
}
.flex-vertical.gap-13.mob {
position: relative;
}
.flex-vertical.gap-63 {
grid-column-gap: 163px;
grid-row-gap: 163px;
}
.flex-vertical.gap-111 {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.flex-vertical.gap-208 {
grid-column-gap: 100px;
grid-row-gap: 100px;
}
.flex-vertical.gap-150 {
grid-column-gap: 130px;
grid-row-gap: 130px;
}
.flex-vertical.gap-100.gap-mob-43 {
grid-column-gap: 43px;
grid-row-gap: 43px;
}
.flex-vertical.gap-160 {
grid-column-gap: 120px;
grid-row-gap: 120px;
}
.flex-vertical.gap-200 {
grid-column-gap: 100px;
grid-row-gap: 100px;
}
.flex-vertical.gap-180 {
grid-column-gap: 110px;
grid-row-gap: 110px;
}
.flex-vertical.gap-140 {
grid-column-gap: 70px;
grid-row-gap: 70px;
}
.flex-horizontal {
flex-flow: wrap;
}
.flex-horizontal.gap-20.relative.mob-vert {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.flex-horizontal.gap-20.mob-vert {
flex-flow: column;
}
.flex-horizontal.gap-20.mob-vert.align-left {
justify-content: flex-start;
align-items: flex-start;
}
.flex-horizontal.gap-20.stack {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
width: 100%;
}
.flex-horizontal.space-between.pad-sides.pad-down, .flex-horizontal.space-between.pad-sides.pad-top {
padding-left: 0;
padding-right: 0;
}
.flex-horizontal.space-between.align-bottom.mob-vert.align-left {
justify-content: space-between;
align-items: flex-start;
}
.flex-horizontal.space-between.align-top.mob-vert.gap-10 {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.flex-horizontal.space-between.mob-vert.gap-85-mob {
grid-column-gap: 50px;
grid-row-gap: 50px;
}
.flex-horizontal.gap-40.op-section-flex {
margin-bottom: 70px;
}
.flex-horizontal.pad-top.mob-vert {
flex-flow: column;
padding-top: 0;
padding-bottom: 0;
}
.flex-horizontal.gap-108.align-top.mob-vert {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.flex-horizontal.gap-100.align-top {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.flex-horizontal.gap-50.align-center.mob-vert {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.flex-horizontal.gap-50.align-center.mob-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
}
.vision-grid {
padding-left: 16px;
padding-right: 16px;
}
.vision-grid-box {
max-width: none;
}
.tb-32.white.mob-center {
font-size: 21px;
}
.tb-14.white.center-mob {
text-align: center;
}
.tb-14.normal.mob-left {
text-align: left;
}
.home-hero-bg {
height: 110vh;
top: -3vh;
}
.h80, .h80.black.mob-show, .p21 {
text-align: center;
}
.p21.no-margin {
text-align: left;
}
.button.smaller.mob {
letter-spacing: .1px;
text-transform: uppercase;
justify-content: center;
align-items: center;
padding: 18px 20px 16px;
font-size: 14px;
display: flex;
}
.h-wrap._240-mob {
max-width: 240px;
}
.p-wrap._670 {
max-width: none;
}
.home-hero-wrap {
top: 0;
}
.nav {
padding-top: 27px;
padding-bottom: 27px;
}
.role-img {
width: 200px;
height: auto;
}
.role-img._2, .role-img._3, .role-img._4 {
width: 200px;
}
.right-arrow {
right: -47px;
}
.left-arrow {
left: -47px;
}
.slider-div {
padding-bottom: 0;
}
.slider-div._2 {
padding-top: 0;
padding-bottom: 0;
}
.grad-circle.pad-left {
margin-left: 0;
}
.grad-circle.pad-right {
margin-right: 0;
}
.gray-line.vert {
margin-left: 15px;
margin-right: 15px;
}
.tb-21.left.white {
font-size: 21px;
}
.stay-connected {
padding-left: 16px;
padding-right: 16px;
}
.tb-wrap._500 {
max-width: 90%;
}
.tb-wrap._500.mob {
max-width: 250px;
}
.tb-wrap._90 {
max-width: 80%;
}
.tb-wrap._240px-mob {
max-width: 250px;
}
.footer {
padding: 20px 15px 15px;
}
.footer-logo {
margin-bottom: 10px;
}
.page-wrapper {
overflow: hidden;
}
.page-wrapper.show {
overflow: visible;
}
.learn-hero-div {
padding-top: 46px;
padding-bottom: 300px;
}
.learn {
padding-left: 20px;
padding-right: 20px;
}
.search-faq {
width: 100%;
}
.dropdown-toggle {
white-space: normal;
padding-left: 10px;
}
.ideas {
padding: 50px 20px;
}
.blog-div-small {
flex-flow: column;
}
.lpt-hero-div {
padding-left: 16px;
padding-right: 16px;
}
.lpt-hero-div.is-ai {
padding-bottom: 40px;
padding-right: 16px;
}
.what-is-lpt {
padding-left: 16px;
padding-right: 16px;
}
.insights-bg {
max-width: 100%;
}
.lpt-real-time-img.mob {
border: 1px solid #fff3;
border-radius: 10px;
}
.delegate-hero-div {
padding-bottom: 330px;
}
.delegate-exchanges-grid-box {
justify-content: center;
align-items: center;
width: auto;
padding-right: 30px;
}
.governance-img {
width: auto;
}
.orchestrate-hero-div {
padding-left: 16px;
padding-right: 16px;
}
.key-req-img1 {
width: auto;
}
.step-div {
grid-column-gap: 15px;
grid-row-gap: 15px;
padding-right: 40px;
}
.step-arrow {
width: 30px;
}
.step-arrow.mob {
display: block;
}
.step-arrow.desk {
display: none;
}
.delegate-mean-img {
width: 100%;
}
.dev-hub-hero-div {
padding-bottom: 40px;
}
.absolute.flex.gap-115 {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
right: 16px;
}
.absolute.flex.vert-mob {
width: 90%;
}
.why-build {
padding-top: 37px;
padding-bottom: 88px;
padding-left: 16px;
}
.why-build-img {
width: auto;
}
.dev-tools {
padding-top: 40px;
padding-left: 16px;
padding-right: 16px;
}
.dev-tools-grid {
grid-template-columns: 1fr;
}
.dev-tools-grid._1-row.marg-top {
margin-top: 10px;
}
.dev-tools-grid-box-big:hover {
box-shadow: none;
}
.circle-rel, .dev-tools-grid-box-img {
width: 156px;
height: 156px;
}
.ecosystem-hero-div {
grid-column-gap: 120px;
grid-row-gap: 120px;
flex-flow: column;
padding-bottom: 42px;
}
.ai-apps-grid-box {
grid-column-gap: 17px;
grid-row-gap: 17px;
flex-flow: row;
}
.apps-grid {
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto;
}
.apps-grid._3 {
grid-template-rows: auto auto auto;
}
.apps-grid._11 {
grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
}
.apps-grid._4 {
grid-template-rows: auto auto auto auto;
}
.nav-menu-mob.space-between {
display: none;
}
.nav-menu-mob-btn, .nav-menu-mob-btn.top {
text-decoration: none;
}
.dropdown-list-2 {
padding-top: 0;
padding-bottom: 0;
}
.nav-menu-mob-dd-link.top {
margin-top: 20px;
}
.nav-menu-mob-dd-link.bottom {
margin-bottom: 20px;
}
.what-is-lpt-an-div-img {
width: 200px;
}
.what-is-lpt-an-div-ball-div._2 {
margin-top: 90px;
}
.what-is-lpt-an-div-ball-div._3 {
margin-top: 100px;
}
.what-is-lpt-an-div-ball-div._4 {
margin-top: 90px;
}
.what-is-lpt-an-div-ball-div._5 {
margin-top: 150px;
}
.what-is-lpt-an-div-line, .what-is-lpt-an-div-line._2 {
width: 30%;
}
.what-is-lpt-an-div-line._3 {
width: 40%;
}
.what-is-lpt-an-div-line._4 {
width: 30%;
}
.what-is-lpt-an-div-line._5 {
width: 40%;
}
.what-is-lpt-an-text-div {
display: none;
left: 20%;
}
.relative.pad.mob-hide {
display: none;
}
.relative.primer-1 {
width: 330px;
height: 330px;
}
.img-wrap.bigger._2, .img-wrap.bigger._100 {
width: 100%;
}
.how-it-works-img {
width: 130px;
}
.how-it-works-img._2, .how-it-works-img._3 {
width: 100%;
}
.icon {
margin-right: 10px;
}
.scroll-img-5 {
width: 260px;
height: 140px;
}
.scroll-img-6 {
width: 260px;
height: 160px;
bottom: 90px;
}
.scroll-img-7 {
width: 230px;
height: 150px;
}
.future-benefits-img-1 {
width: auto;
}
.embrace {
padding-top: 37px;
padding-bottom: 88px;
padding-left: 16px;
}
.embrace-img {
width: 100%;
}
.community-hub-hero-div {
padding-bottom: 40px;
}
.get-involved-grid-box {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.get-involved-grid-box-img._3, .get-involved-grid-box-img._4 {
width: 80px;
}
.community-tools-grid-box, .community-tools-grid-box.fix-w {
width: 100%;
}
.primer-hero-div {
padding-left: 16px;
padding-right: 16px;
}
.wil-block {
grid-column-gap: 34px;
grid-row-gap: 34px;
padding-top: 30px;
}
.wil-block-img {
width: 82px;
}
.primer-news {
padding: 45px 16px;
}
.introducing-to-ai-img-1 {
width: auto;
}
.scroll-img-8 {
width: 320px;
height: 180px;
}
.abt-net-bg-img {
width: auto;
}
.network-hero-div {
padding-left: 16px;
padding-right: 16px;
}
.primer-section-8-img-1 {
width: 330px;
height: 330px;
}
.lpt-hero-bg-icon {
width: 450px;
max-width: 450px;
overflow: visible;
}
.orcherstrate-hero-bg-icon {
width: 600px;
max-width: 600px;
overflow: visible;
}
.delegate-hero-bg-icon {
overflow: visible;
}
.dev-hub-hero-bg-icon {
width: 450px;
max-width: 450px;
overflow: visible;
}
.ecosystem-hero-bg-icon {
overflow: visible;
}
.learn-hero-bg-icon {
width: 330px;
max-width: 350px;
overflow: visible;
}
.community-hub-hero-bg-icon {
width: 400px;
max-width: 400px;
overflow: visible;
}
.network-hero-bg-icon {
width: 470px;
max-width: 470px;
overflow: visible;
}
.media-kit-hero-div {
padding-left: 16px;
padding-right: 16px;
}
.media-kit-hero-bg-icon {
width: 440px;
max-width: 440px;
right: -140px;
overflow: visible;
}
.jobs-hero-div {
padding-left: 16px;
padding-right: 16px;
}
.jobs-hero-bg-icon {
width: 410px;
max-width: 410px;
overflow: visible;
}
.op-hero-text._6 {
font-size: 30px;
}
.op-hero-text.token {
margin-left: 15%;
}
.op-section-1._5._200mu {
margin-bottom: 50px;
}
.op-section-1.right._200mu {
margin-bottom: 100px;
}
.op-text-28 {
font-size: 22px;
line-height: 32px;
}
.op-text-18 {
font-size: 15px;
line-height: 24px;
}
.op-img3 {
margin-right: 0;
left: -10%;
}
.op-item.marg-down-mob {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.op-icon {
width: 50px;
}
.primer-section-8-img-1-div {
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 320px;
height: 90px;
padding-top: 10px;
}
.tb-48 {
font-size: 28px;
line-height: 28px;
}
.h38 {
font-size: 24px;
}
.ai-col {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.legal-wrapper {
padding-left: 16px;
padding-right: 16px;
}
.link-p {
overflow-wrap: anywhere;
}
.is-quote {
font-size: 16px;
}
.grid-col_04 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: 1fr;
}
.grid-col_04.is-solutions {
flex: 0 auto;
align-self: auto;
display: block;
}
.heading-2 {
line-height: 135%;
}
.video-iframe-wrapper {
justify-content: center;
align-items: center;
}
.soluitons__hero-image {
object-fit: cover;
border-radius: 4px;
max-height: 250px;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.emojis {
object-fit: cover;
object-position: 100% 50%;
}
.heading-huge {
font-size: 48px;
}
.text-size-large {
font-size: 26px;
}
.hide-mobile {
display: none;
}
.bold-text {
white-space: normal;
word-break: normal;
overflow-wrap: normal;
display: inline;
}
.colout {
grid-column-gap: 50px;
grid-row-gap: 50px;
}
.colout.is-top {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.mobile-align-center {
text-align: center;
text-transform: capitalize;
column-count: auto;
line-height: 175%;
}
.grid-item-solutions.item-big.is-quote {
padding-left: 32px;
padding-right: 32px;
}
.video-iframe-bg {
transform: scale(1.7);
}
.tb-21-copy.left.white {
font-size: 21px;
}
.key-benefit-grid3 {
padding-top: 40px;
}
.aidemos {
padding-top: 40px;
padding-left: 16px;
padding-right: 16px;
}
.dev-tools-grid-copy {
grid-template-columns: 1fr;
}
.dev-tools-grid-copy._1-row.marg-top {
margin-top: 10px;
}
.dev-tools-grid-box-big-copy:hover {
box-shadow: none;
box-shadow: none;
}
.grid-3 {
grid-template-rows: 336px 336px;
}
.h70, .h70.black.mob-show {
text-align: center;
}
.col-vet-overlay {
margin-bottom: -115px;
}
.bg-image-wrapper.ai-bg-hero {
padding-bottom: 2rem;
}
.hero-section {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
}
.image-bg-gradient {
max-height: 12rem;
overflow: hidden;
}
.image-bg-gradient.is-h.order-last {
order: 1;
}
.banner-content {
padding-right: 40px;
}
.hero-info {
padding-top: 2.4rem;
}
.title-wrapper-v.is-v {
margin-bottom: 3rem;
}
.item-horizontal {
flex-flow: column;
}
.section-v.is-hero {
padding-bottom: 2rem;
}
.section-v.padding-full, .section-v.is-cta {
padding-top: 3.5rem;
padding-bottom: 3.5rem;
}
.item-info {
padding-left: 1rem;
padding-right: 1rem;
}
.h1-v {
letter-spacing: -1px;
font-size: 2rem;
}
.p-v.is-small, .p-v.is-big {
font-size: 1rem;
}
.h2-v {
font-size: 1.8rem;
}
.h3-v {
font-size: 1.2rem;
}
.tag-section {
font-size: .8rem;
}
.margin-bottom-2 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.faq2_accordion {
padding-left: 1rem;
padding-right: 1rem;
}
.footer-line-links {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.hero_heading {
font-size: 2.5rem;
}
}
#w-node-_5a549b9e-bdcf-ba3d-afe3-1f0f7389b8a3-843432ef, #w-node-_439d52e6-6f6f-5be3-1cfd-2ad154d13eee-843432ef, #w-node-ffafd7de-7d70-9cca-53cb-e0a8ba75fb0c-843432ef, #w-node-ffafd7de-7d70-9cca-53cb-e0a8ba75fb1e-843432ef, #w-node-_33340063-a252-8e76-68db-ab6e6a5bb879-843432ef {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-afb81308-29e1-910b-600b-9964becf2c7e-df2dd94c {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_8466f9c7-f029-4e98-aa6a-219f83302bef-df2dd94c {
grid-area: span 2 / span 1 / span 2 / span 1;
align-self: auto;
}
#w-node-f931a807-f6b3-99aa-d931-46ee673c7bec-15ab59c2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3598a2b1-3989-188e-1736-23ddc8d70819-15ab59c2 {
place-self: center;
}
#w-node-_042906da-8ba9-47ef-36ee-b8469a0aae83-15ab59c2 {
justify-self: start;
}
#w-node-f931a807-f6b3-99aa-d931-46ee673c7bf7-15ab59c2, #w-node-f931a807-f6b3-99aa-d931-46ee673c7bec-898db04f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_042906da-8ba9-47ef-36ee-b8469a0aae83-898db04f {
justify-self: start;
}
#w-node-f931a807-f6b3-99aa-d931-46ee673c7bf7-898db04f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4d6f0a09-94ca-7ba2-4a35-f0b09880d3dc-898db04f {
justify-self: start;
}
@media screen and (max-width: 991px) {
#w-node-_5a549b9e-bdcf-ba3d-afe3-1f0f7389b8a3-843432ef, #w-node-_439d52e6-6f6f-5be3-1cfd-2ad154d13eee-843432ef {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-d9244183-9040-856b-046c-f54004dc4556-843432ef, #w-node-_9f781c94-2845-96a1-f18f-7c17fdb325c0-843432ef, #w-node-_33340063-a252-8e76-68db-ab6e6a5bb879-843432ef, #w-node-_192903e8-841a-bf7e-393d-6a8f509db000-843432ef, #w-node-_6ca15c6a-4cfe-bd86-7340-15364d3b5632-843432ef {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}
@media screen and (max-width: 767px) {
#w-node-afb81308-29e1-910b-600b-9964becf2c7e-df2dd94c {
grid-row: span 1 / span 1;
}
}
@media screen and (max-width: 479px) {
#w-node-_5a549b9e-bdcf-ba3d-afe3-1f0f7389b8a3-843432ef, #w-node-_439d52e6-6f6f-5be3-1cfd-2ad154d13eee-843432ef, #w-node-ffafd7de-7d70-9cca-53cb-e0a8ba75fb0c-843432ef, #w-node-ffafd7de-7d70-9cca-53cb-e0a8ba75fb1e-843432ef {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-afb81308-29e1-910b-600b-9964becf2c7e-df2dd94c, #w-node-_8466f9c7-f029-4e98-aa6a-219f83302bef-df2dd94c {
grid-row: span 1 / span 1;
}
}