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: 700
}
dfn {
font-style: italic
}
h1 {
margin: .67em 0;
font-size: 2em
}
mark {
color: #000;
background: #ff0
}
small {
font-size: 80%
}
sub,
sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
hr {
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: 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: 700
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
@font-face {
font-family: webflow-icons;
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)format("truetype");
font-weight: 400;
font-style: normal
}
[class^=w-icon-],
[class*=\ w-icon-] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: 400;
line-height: 1;
font-family: webflow-icons !important
}
.w-icon-slider-right:before {
content: ""
}
.w-icon-slider-left:before {
content: ""
}
.w-icon-nav-menu:before {
content: ""
}
.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
content: ""
}
.w-icon-file-upload-remove:before {
content: ""
}
.w-icon-file-upload-icon:before {
content: ""
}
* {
box-sizing: border-box
}
html {
height: 100%
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: 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: 700
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px
}
p {
margin-top: 0;
margin-bottom: 10px
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px
}
figure {
margin: 0 0 10px
}
figcaption {
text-align: center;
margin-top: 5px
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px
}
.w-list-unstyled {
padding-left: 0;
list-style: none
}
.w-embed:before,
.w-embed:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-embed:after {
clear: both
}
.w-video {
width: 100%;
padding: 0;
position: relative
}
.w-video iframe,
.w-video object,
.w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
fieldset {
border: 0;
margin: 0;
padding: 0
}
button,
[type=button],
[type=reset] {
cursor: pointer;
-webkit-appearance: button;
border: 0
}
.w-form {
margin: 0 0 15px
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none
}
label {
margin-bottom: 5px;
font-weight: 700;
display: block
}
.w-input,
.w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block
}
.w-input::placeholder,
.w-select::placeholder {
color: #999
}
.w-input:focus,
.w-select:focus {
border-color: #3898ec;
outline: 0
}
.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
cursor: not-allowed
}
.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input,
fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee
}
textarea.w-input,
textarea.w-select {
height: auto
}
.w-select {
background-color: #f3f3f3
}
.w-select[multiple] {
height: auto
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: 400;
display: inline-block
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block
}
.w-radio:before,
.w-radio:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-radio:after {
clear: both
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal
}
.w-file-upload {
margin-bottom: 10px;
display: block
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden
}
.w-file-upload-default,
.w-file-upload-uploading,
.w-file-upload-success {
color: #333;
display: inline-block
}
.w-file-upload-error {
margin-top: 10px;
display: block
}
.w-file-upload-default.w-hidden,
.w-file-upload-uploading.w-hidden,
.w-file-upload-error.w-hidden,
.w-file-upload-success.w-hidden {
display: none
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: 400;
display: flex
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: 400;
display: block
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: 400;
display: inline-block
}
.w-icon-file-upload-icon,
.w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block
}
.w-icon-file-upload-uploading {
height: 20px
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto
}
.w-container:before,
.w-container:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-container:after {
clear: both
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px
}
.w-row:before,
.w-row:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-row:after {
clear: both
}
.w-row .w-row {
margin-left: 0;
margin-right: 0
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative
}
.w-col .w-col {
padding-left: 0;
padding-right: 0
}
.w-col-1 {
width: 8.33333%
}
.w-col-2 {
width: 16.6667%
}
.w-col-3 {
width: 25%
}
.w-col-4 {
width: 33.3333%
}
.w-col-5 {
width: 41.6667%
}
.w-col-6 {
width: 50%
}
.w-col-7 {
width: 58.3333%
}
.w-col-8 {
width: 66.6667%
}
.w-col-9 {
width: 75%
}
.w-col-10 {
width: 83.3333%
}
.w-col-11 {
width: 91.6667%
}
.w-col-12 {
width: 100%
}
.w-hidden-main {
display: none !important
}
@media screen and (max-width:991px) {
.w-container {
max-width: 728px
}
.w-hidden-main {
display: inherit !important
}
.w-hidden-medium {
display: none !important
}
.w-col-medium-1 {
width: 8.33333%
}
.w-col-medium-2 {
width: 16.6667%
}
.w-col-medium-3 {
width: 25%
}
.w-col-medium-4 {
width: 33.3333%
}
.w-col-medium-5 {
width: 41.6667%
}
.w-col-medium-6 {
width: 50%
}
.w-col-medium-7 {
width: 58.3333%
}
.w-col-medium-8 {
width: 66.6667%
}
.w-col-medium-9 {
width: 75%
}
.w-col-medium-10 {
width: 83.3333%
}
.w-col-medium-11 {
width: 91.6667%
}
.w-col-medium-12 {
width: 100%
}
.w-col-stack {
width: 100%;
left: auto;
right: auto
}
}
@media screen and (max-width:767px) {
.w-hidden-main,
.w-hidden-medium {
display: inherit !important
}
.w-hidden-small {
display: none !important
}
.w-row,
.w-container .w-row {
margin-left: 0;
margin-right: 0
}
.w-col {
width: 100%;
left: auto;
right: auto
}
.w-col-small-1 {
width: 8.33333%
}
.w-col-small-2 {
width: 16.6667%
}
.w-col-small-3 {
width: 25%
}
.w-col-small-4 {
width: 33.3333%
}
.w-col-small-5 {
width: 41.6667%
}
.w-col-small-6 {
width: 50%
}
.w-col-small-7 {
width: 58.3333%
}
.w-col-small-8 {
width: 66.6667%
}
.w-col-small-9 {
width: 75%
}
.w-col-small-10 {
width: 83.3333%
}
.w-col-small-11 {
width: 91.6667%
}
.w-col-small-12 {
width: 100%
}
}
@media screen and (max-width:479px) {
.w-container {
max-width: none
}
.w-hidden-main,
.w-hidden-medium,
.w-hidden-small {
display: inherit !important
}
.w-hidden-tiny {
display: none !important
}
.w-col {
width: 100%
}
.w-col-tiny-1 {
width: 8.33333%
}
.w-col-tiny-2 {
width: 16.6667%
}
.w-col-tiny-3 {
width: 25%
}
.w-col-tiny-4 {
width: 33.3333%
}
.w-col-tiny-5 {
width: 41.6667%
}
.w-col-tiny-6 {
width: 50%
}
.w-col-tiny-7 {
width: 58.3333%
}
.w-col-tiny-8 {
width: 66.6667%
}
.w-col-tiny-9 {
width: 75%
}
.w-col-tiny-10 {
width: 83.3333%
}
.w-col-tiny-11 {
width: 91.6667%
}
.w-col-tiny-12 {
width: 100%
}
}
.w-widget {
position: relative
}
.w-widget-map {
width: 100%;
height: 400px
}
.w-widget-map label {
width: auto;
display: inline
}
.w-widget-map img {
max-width: inherit
}
.w-widget-map .gm-style-iw {
text-align: center
}
.w-widget-map .gm-style-iw>button {
display: none !important
}
.w-widget-twitter {
overflow: hidden
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: 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: 50%;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0
}
.w-lightbox-left {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==);
display: none;
bottom: 0;
left: 0
}
.w-lightbox-right {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);
display: none;
bottom: 0;
right: 0
}
.w-lightbox-close {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
background-size: 18px;
height: 2.6em;
right: 0
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate(0, 0)
}
.w-lightbox-active {
opacity: .3
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translateY(-50%)
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%)
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px
}
.w-lightbox-hide {
display: none
}
.w-lightbox-noscroll {
overflow: hidden
}
@media (min-width:768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh
}
.w-lightbox-view,
.w-lightbox-view:before {
height: 96vh
}
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
height: 84vh
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh
}
.w-lightbox-left,
.w-lightbox-right {
opacity: .5;
display: block
}
.w-lightbox-close {
opacity: .8
}
.w-lightbox-control:hover {
opacity: 1
}
}
.w-lightbox-inactive,
.w-lightbox-inactive:hover {
opacity: 0
}
.w-richtext:before,
.w-richtext:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-richtext:after {
clear: both
}
.w-richtext[contenteditable=true]:before,
.w-richtext[contenteditable=true]:after {
white-space: initial
}
.w-richtext ol,
.w-richtext ul {
overflow: hidden
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,
.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after,
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
.w-richtext .w-richtext-figure-selected[data-rt-type=image] div {
outline: 2px solid #2895f7
}
.w-richtext figure.w-richtext-figure-type-video>div:after,
.w-richtext figure[data-rt-type=video]>div:after {
content: "";
display: none;
position: absolute;
inset: 0
}
.w-richtext figure {
max-width: 60%;
position: relative
}
.w-richtext figure>div:before {
cursor: default !important
}
.w-richtext figure img {
width: 100%
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6
}
.w-richtext figure div {
color: #0000;
font-size: 0
}
.w-richtext figure.w-richtext-figure-type-image,
.w-richtext figure[data-rt-type=image] {
display: table
}
.w-richtext figure.w-richtext-figure-type-image>div,
.w-richtext figure[data-rt-type=image]>div {
display: inline-block
}
.w-richtext figure.w-richtext-figure-type-image>figcaption,
.w-richtext figure[data-rt-type=image]>figcaption {
caption-side: bottom;
display: table-caption
}
.w-richtext figure.w-richtext-figure-type-video,
.w-richtext figure[data-rt-type=video] {
width: 60%;
height: 0
}
.w-richtext figure.w-richtext-figure-type-video iframe,
.w-richtext figure[data-rt-type=video] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.w-richtext figure.w-richtext-figure-type-video>div,
.w-richtext figure[data-rt-type=video]>div {
width: 100%
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,
.w-richtext figure.w-richtext-align-center[data-rt-type=image]>div {
max-width: 100%
}
.w-richtext figure.w-richtext-align-normal {
clear: both
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block
}
.w-richtext figure.w-richtext-align-fullwidth>div {
padding-bottom: inherit;
display: inline-block
}
.w-richtext figure.w-richtext-align-fullwidth>figcaption {
display: block
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative
}
.w-nav:before,
.w-nav:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-nav:after {
clear: both
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative
}
.w-nav-link.w--current {
color: #0082f3
}
.w-nav-menu {
float: right;
position: relative
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important
}
.w--nav-link-open {
display: block;
position: relative
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden
}
.w-nav-overlay [data-nav-menu-open] {
top: 0
}
.w-nav[data-animation=over-left] .w-nav-overlay {
width: auto
}
.w-nav[data-animation=over-left] .w-nav-overlay,
.w-nav[data-animation=over-left] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto
}
.w-nav[data-animation=over-right] .w-nav-overlay {
width: auto
}
.w-nav[data-animation=over-right] .w-nav-overlay,
.w-nav[data-animation=over-right] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative
}
.w-nav-button:focus {
outline: 0
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8
}
.w-nav[data-collapse=all] .w-nav-menu {
display: none
}
.w-nav[data-collapse=all] .w-nav-button,
.w--nav-dropdown-open,
.w--nav-dropdown-toggle-open {
display: block
}
.w--nav-dropdown-list-open {
position: static
}
@media screen and (max-width:991px) {
.w-nav[data-collapse=medium] .w-nav-menu {
display: none
}
.w-nav[data-collapse=medium] .w-nav-button {
display: block
}
}
@media screen and (max-width:767px) {
.w-nav[data-collapse=small] .w-nav-menu {
display: none
}
.w-nav[data-collapse=small] .w-nav-button {
display: block
}
.w-nav-brand {
padding-left: 10px
}
}
@media screen and (max-width:479px) {
.w-nav[data-collapse=tiny] .w-nav-menu {
display: none
}
.w-nav[data-collapse=tiny] .w-nav-button {
display: block
}
}
.w-tabs {
position: relative
}
.w-tabs:before,
.w-tabs:after {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-tabs:after {
clear: both
}
.w-tab-menu {
position: relative
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative
}
.w-tab-link.w--current {
background-color: #c8c8c8
}
.w-tab-link:focus {
outline: 0
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden
}
.w-tab-pane {
display: none;
position: relative
}
.w--tab-active {
display: block
}
@media screen and (max-width:479px) {
.w-tab-link {
display: block
}
}
.w-ix-emptyfix:after {
content: ""
}
@keyframes spin {
0% {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px
}
.w-dyn-hide,
.w-dyn-bind-empty,
.w-condition-invisible {
display: none !important
}
.wf-layout-layout {
display: grid
}
.w-code-component>* {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
:root {
--black\: black;
--white: white;
--silver\: #c8c8c8;
--gainsboro\: #e1e8ea;
--blue-7\: #5529d3;
--black-2\: #181818;
--floral-white\: #eaeae1;
--blue-5\: #5529d3;
--blue-3\: #5529d3;
--light-steel-blue-2\: #c8beff;
--floral-white-3\: #eaeae1;
--gainsboro-3\: #e5e5e5;
--light-steel-blue-3\: #c8beff;
--blue-2\: #5529d3;
--dim-grey\: #595959;
--light-steel-blue-4\: #c8beff;
--light-goldenrod-yellow-2\: #def8cb;
--peach-puff\: #fed0ab;
--gainsboro-2\: #e1e8ea;
--pink-2\: #f8cbd6;
--light-goldenrod-yellow\: #def8cb;
--sky-blue\: #96daef;
--peach-puff-2\: #fed0ab;
--black-3\: #2d2d2d;
--floral-white-4\: #eaeae1;
--ghost-white\: #f6f3ff;
--gainsboro-4\: #e1e8ea;
--light-grey\: #cbd8dc;
--medium-slate-blue: #815ff7;
--medium-slate-blue-2\: #815ff7;
--blue-6\: #5529d3;
--untitled-ui-gray400\: #98a2b3;
--untitled-ui-gray500\: #667085;
--untitled-ui-gray600\: #475467;
--untitled-ui-primary700\: #6941c6;
--untitled-ui-gray900\: #101828;
--untitled-ui-primary600\: #7f56d9;
--untitled-ui-white\: white;
--untitled-ui-primary100\: #f4ebff;
--untitled-ui-gray300\: #d0d5dd;
--untitled-ui-gray700\: #344054;
--untitled-ui-gray50\: #f9fafb;
--untitled-ui-gray800\: #1d2939;
--untitled-ui-gray100\: #f2f4f7;
--bg-dark: #0a090f;
--divider: #353539;
--text-white-0-6: #efefe599;
--error: #ec4b44;
--text-white: #efefe5;
--untitled-ui--primary800: #53389e;
--untitled-ui--success50: #ecfdf3;
--untitled-ui--success700: #027a48
}
.w-layout-vflex {
flex-direction: column;
align-items: flex-start;
display: flex
}
.w-layout-hflex {
flex-direction: row;
align-items: flex-start;
display: flex
}
.w-users-userformpagewrap {
flex-direction: column;
justify-content: center;
align-items: stretch;
max-width: 340px;
height: 100vh;
margin-left: auto;
margin-right: auto;
display: flex
}
.w-users-userformheader {
text-align: center
}
.w-form-formradioinput--inputType-custom {
border: 1px solid #ccc;
border-radius: 50%;
width: 12px;
height: 12px
}
.w-form-formradioinput--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec
}
.w-form-formradioinput--inputType-custom.w--redirected-checked {
border-width: 4px;
border-color: #3898ec
}
.w-pagination-wrapper {
flex-wrap: wrap;
justify-content: center;
display: flex
}
.w-pagination-previous {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block
}
.w-pagination-previous-icon {
margin-right: 4px
}
.w-pagination-next {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.w-users-userloginformwrapper {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
position: relative
}
.w-users-userformbutton {
text-align: center;
width: 100%
}
.w-users-userformfooter {
justify-content: space-between;
margin-top: 12px;
display: flex
}
.w-users-userformerrorstate {
margin-left: 20px;
margin-right: 20px;
position: absolute;
top: 100%;
left: 0%;
right: 0%
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block
}
.w-users-userresetpasswordformwrapper {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
position: relative
}
.w-users-userformsuccessstate {
display: none
}
.w-users-usersignupformwrapper {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
position: relative
}
.w-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block
}
.w-checkbox:before {
content: " ";
grid-area: 1/1/2/2;
display: table
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1/1/2/2;
display: table
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal
}
.w-checkbox-input--inputType-custom {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url(../images/custom-checkbox-checkmark.589d534424.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec
}
.w-users-usersignupverificationmessage {
display: none
}
.w-users-userupdatepasswordformwrapper {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
position: relative
}
.w-users-useraccountwrapper {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px
}
.w-users-blockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex
}
.w-users-blockcontent {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
margin-bottom: 20px;
padding: 20px
}
.w-users-useraccountformsavebutton {
text-align: center;
margin-right: 8px
}
.w-users-useraccountformcancelbutton {
text-align: center;
color: #333;
background-color: #d3d3d3
}
.w-commerce-commercecartwrapper {
display: inline-block;
position: relative
}
.w-commerce-commercecartopenlink {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #3898ec;
border-width: 0;
border-radius: 0;
align-items: center;
padding: 9px 15px;
text-decoration: none;
display: flex
}
.w-commerce-commercecartopenlinkicon {
margin-right: 8px
}
.w-commerce-commercecartopenlinkcount {
color: #3898ec;
text-align: center;
background-color: #fff;
border-radius: 9px;
min-width: 18px;
height: 18px;
margin-left: 8px;
padding-left: 6px;
padding-right: 6px;
font-size: 11px;
font-weight: 700;
line-height: 18px;
display: inline-block
}
.w-commerce-commercecartcontainerwrapper {
z-index: 1001;
background-color: #000c;
position: fixed;
inset: 0
}
.w-commerce-commercecartcontainerwrapper--cartType-modal {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex
}
.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
display: flex
}
.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
flex-direction: row;
justify-content: flex-end;
align-items: stretch;
display: flex
}
.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
background-color: #0000;
position: absolute;
inset: 100% auto auto 0
}
.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
background-color: #0000;
position: absolute;
inset: 100% 0 auto auto
}
.w-commerce-commercecartcontainer {
background-color: #fff;
flex-direction: column;
width: 100%;
min-width: 320px;
max-width: 480px;
display: flex;
overflow: auto;
box-shadow: 0 5px 25px #00000040
}
.w-commerce-commercecartheader {
border-bottom: 1px solid #e6e6e6;
flex: none;
justify-content: space-between;
align-items: center;
padding: 16px 24px;
display: flex;
position: relative
}
.w-commerce-commercecartheading {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0
}
.w-commerce-commercecartcloselink {
width: 16px;
height: 16px
}
.w-commerce-commercecartformwrapper {
flex-direction: column;
flex: 1;
display: flex
}
.w-commerce-commercecartform {
flex-direction: column;
flex: 1;
justify-content: flex-start;
display: flex
}
.w-commerce-commercecartlist {
-webkit-overflow-scrolling: touch;
flex: 1;
padding: 12px 24px;
overflow: auto
}
.w-commerce-commercecartitem {
align-items: flex-start;
padding-top: 12px;
padding-bottom: 12px;
display: flex
}
.w-commerce-commercecartitemimage {
width: 60px;
height: 0%
}
.w-commerce-commercecartiteminfo {
flex-direction: column;
flex: 1;
margin-left: 16px;
margin-right: 16px;
display: flex
}
.w-commerce-commercecartproductname {
font-weight: 700
}
.w-commerce-commercecartoptionlist {
margin-bottom: 0;
padding-left: 0;
text-decoration: none;
list-style-type: none
}
.w-commerce-commercecartquantity {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 60px;
height: 38px;
margin-bottom: 10px;
padding: 8px 6px 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecartquantity::placeholder {
color: #999
}
.w-commerce-commercecartquantity:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecartfooter {
border-top: 1px solid #e6e6e6;
flex-direction: column;
flex: none;
padding: 16px 24px 24px;
display: flex
}
.w-commerce-commercecartlineitem {
flex: none;
justify-content: space-between;
align-items: baseline;
margin-bottom: 16px;
display: flex
}
.w-commerce-commercecartordervalue {
font-weight: 700
}
.w-commerce-commercecartapplepaybutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #000;
border-width: 0;
border-radius: 2px;
align-items: center;
height: 38px;
min-height: 30px;
margin-bottom: 8px;
padding: 0;
text-decoration: none;
display: flex
}
.w-commerce-commercecartapplepayicon {
width: 100%;
height: 50%;
min-height: 20px
}
.w-commerce-commercecartquickcheckoutbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #000;
border-width: 0;
border-radius: 2px;
justify-content: center;
align-items: center;
height: 38px;
margin-bottom: 8px;
padding: 0 15px;
text-decoration: none;
display: flex
}
.w-commerce-commercequickcheckoutgoogleicon,
.w-commerce-commercequickcheckoutmicrosofticon {
margin-right: 8px;
display: block
}
.w-commerce-commercecartcheckoutbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
text-align: center;
background-color: #3898ec;
border-width: 0;
border-radius: 2px;
align-items: center;
padding: 9px 15px;
text-decoration: none;
display: block
}
.w-commerce-commercecartemptystate {
flex: 1;
justify-content: center;
align-items: center;
padding-top: 100px;
padding-bottom: 100px;
display: flex
}
.w-commerce-commercecarterrorstate {
background-color: #ffdede;
flex: none;
margin: 0 24px 24px;
padding: 10px
}
.w-commerce-commerceaddtocartform {
margin: 0 0 15px
}
.w-commerce-commerceaddtocartoptionpillgroup {
margin-bottom: 10px;
display: flex
}
.w-commerce-commerceaddtocartoptionpill {
color: #000;
cursor: pointer;
background-color: #fff;
border: 1px solid #000;
margin-right: 10px;
padding: 8px 15px
}
.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
color: #fff;
background-color: #000
}
.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
color: #666;
cursor: not-allowed;
background-color: #e6e6e6;
border-color: #e6e6e6;
outline-style: none
}
.w-commerce-commerceaddtocartquantityinput {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 60px;
height: 38px;
margin-bottom: 10px;
padding: 8px 6px 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commerceaddtocartquantityinput::placeholder {
color: #999
}
.w-commerce-commerceaddtocartquantityinput:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commerceaddtocartbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #3898ec;
border-width: 0;
border-radius: 0;
align-items: center;
padding: 9px 15px;
text-decoration: none;
display: flex
}
.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
color: #666;
cursor: not-allowed;
background-color: #e6e6e6;
border-color: #e6e6e6;
outline-style: none
}
.w-commerce-commercebuynowbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #3898ec;
border-width: 0;
border-radius: 0;
align-items: center;
margin-top: 10px;
padding: 9px 15px;
text-decoration: none;
display: inline-block
}
.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
color: #666;
cursor: not-allowed;
background-color: #e6e6e6;
border-color: #e6e6e6;
outline-style: none
}
.w-commerce-commerceaddtocartoutofstock {
background-color: #ddd;
margin-top: 10px;
padding: 10px
}
.w-commerce-commerceaddtocarterror {
background-color: #ffdede;
margin-top: 10px;
padding: 10px
}
.w-pagination-next-icon {
margin-left: 4px
}
.w-commerce-commercecheckoutformcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px
}
.w-commerce-commercelayoutcontainer {
justify-content: center;
align-items: flex-start;
display: flex
}
.w-commerce-commercelayoutmain {
flex: 0 800px;
margin-right: 20px
}
.w-commerce-commercecheckoutcustomerinfowrapper {
margin-bottom: 20px
}
.w-commerce-commercecheckoutblockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex
}
.w-commerce-commercecheckoutblockcontent {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
padding: 20px
}
.w-commerce-commercecheckoutlabel {
margin-bottom: 8px
}
.w-commerce-commercecheckoutemailinput {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutemailinput::placeholder {
color: #999
}
.w-commerce-commercecheckoutemailinput:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutshippingaddresswrapper {
margin-bottom: 20px
}
.w-commerce-commercecheckoutshippingfullname {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutshippingfullname::placeholder {
color: #999
}
.w-commerce-commercecheckoutshippingfullname:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutshippingstreetaddress {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
color: #999
}
.w-commerce-commercecheckoutshippingstreetaddress:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutshippingstreetaddressoptional {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
color: #999
}
.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutrow {
margin-left: -8px;
margin-right: -8px;
display: flex
}
.w-commerce-commercecheckoutcolumn {
flex: 1;
padding-left: 8px;
padding-right: 8px
}
.w-commerce-commercecheckoutshippingcity {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutshippingcity::placeholder {
color: #999
}
.w-commerce-commercecheckoutshippingcity:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutshippingstateprovince {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutshippingstateprovince::placeholder {
color: #999
}
.w-commerce-commercecheckoutshippingstateprovince:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutshippingzippostalcode {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
color: #999
}
.w-commerce-commercecheckoutshippingzippostalcode:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutshippingcountryselector {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutshippingcountryselector::placeholder {
color: #999
}
.w-commerce-commercecheckoutshippingcountryselector:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutshippingmethodswrapper {
margin-bottom: 20px
}
.w-commerce-commercecheckoutshippingmethodslist {
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6
}
.w-commerce-commercecheckoutshippingmethoditem {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
flex-direction: row;
align-items: baseline;
margin-bottom: 0;
padding: 16px;
font-weight: 400;
display: flex
}
.w-commerce-commercecheckoutshippingmethoddescriptionblock {
flex-direction: column;
flex-grow: 1;
margin-left: 12px;
margin-right: 12px;
display: flex
}
.w-commerce-commerceboldtextblock {
font-weight: 700
}
.w-commerce-commercecheckoutshippingmethodsemptystate {
text-align: center;
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
padding: 64px 16px
}
.w-commerce-commercecheckoutpaymentinfowrapper {
margin-bottom: 20px
}
.w-commerce-commercecheckoutcardnumber {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutcardnumber::placeholder {
color: #999
}
.w-commerce-commercecheckoutcardnumber:focus,
.w-commerce-commercecheckoutcardnumber.-wfp-focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutcardexpirationdate {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutcardexpirationdate::placeholder {
color: #999
}
.w-commerce-commercecheckoutcardexpirationdate:focus,
.w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutcardsecuritycode {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutcardsecuritycode::placeholder {
color: #999
}
.w-commerce-commercecheckoutcardsecuritycode:focus,
.w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutbillingaddresstogglewrapper {
flex-direction: row;
display: flex
}
.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
margin-top: 4px
}
.w-commerce-commercecheckoutbillingaddresstogglelabel {
margin-left: 8px;
font-weight: 400
}
.w-commerce-commercecheckoutbillingaddresswrapper {
margin-top: 16px;
margin-bottom: 20px
}
.w-commerce-commercecheckoutbillingfullname {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutbillingfullname::placeholder {
color: #999
}
.w-commerce-commercecheckoutbillingfullname:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutbillingstreetaddress {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
color: #999
}
.w-commerce-commercecheckoutbillingstreetaddress:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutbillingstreetaddressoptional {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
color: #999
}
.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutbillingcity {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutbillingcity::placeholder {
color: #999
}
.w-commerce-commercecheckoutbillingcity:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutbillingstateprovince {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutbillingstateprovince::placeholder {
color: #999
}
.w-commerce-commercecheckoutbillingstateprovince:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutbillingzippostalcode {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
color: #999
}
.w-commerce-commercecheckoutbillingzippostalcode:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutbillingcountryselector {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block
}
.w-commerce-commercecheckoutbillingcountryselector::placeholder {
color: #999
}
.w-commerce-commercecheckoutbillingcountryselector:focus {
border-color: #3898ec;
outline-style: none
}
.w-commerce-commercecheckoutorderitemswrapper {
margin-bottom: 20px
}
.w-commerce-commercecheckoutsummaryblockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex
}
.w-commerce-commercecheckoutorderitemslist {
margin-bottom: -20px
}
.w-commerce-commercecheckoutorderitem {
margin-bottom: 20px;
display: flex
}
.w-commerce-commercecheckoutorderitemdescriptionwrapper {
flex-grow: 1;
margin-left: 16px;
margin-right: 16px
}
.w-commerce-commercecheckoutorderitemquantitywrapper {
white-space: pre-wrap;
display: flex
}
.w-commerce-commercecheckoutorderitemoptionlist {
margin-bottom: 0;
padding-left: 0;
text-decoration: none;
list-style-type: none
}
.w-commerce-commercelayoutsidebar {
flex: 0 0 320px;
position: sticky;
top: 20px
}
.w-commerce-commercecheckoutordersummarywrapper {
margin-bottom: 20px
}
.w-commerce-commercecheckoutsummarylineitem,
.w-commerce-commercecheckoutordersummaryextraitemslistitem {
flex-direction: row;
justify-content: space-between;
margin-bottom: 8px;
display: flex
}
.w-commerce-commercecheckoutsummarytotal {
font-weight: 700
}
.w-commerce-commercecheckoutplaceorderbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
text-align: center;
background-color: #3898ec;
border-width: 0;
border-radius: 3px;
align-items: center;
margin-bottom: 20px;
padding: 9px 15px;
text-decoration: none;
display: block
}
.w-commerce-commercecheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px
}
.w-commerce-commercepaypalcheckoutformcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px
}
.w-commerce-commercecheckoutcustomerinfosummarywrapper {
margin-bottom: 20px
}
.w-commerce-commercecheckoutsummaryitem,
.w-commerce-commercecheckoutsummarylabel {
margin-bottom: 8px
}
.w-commerce-commercecheckoutsummaryflexboxdiv {
flex-direction: row;
justify-content: flex-start;
display: flex
}
.w-commerce-commercecheckoutsummarytextspacingondiv {
margin-right: .33em
}
.w-commerce-commercecheckoutpaymentsummarywrapper {
margin-bottom: 20px
}
.w-commerce-commercepaypalcheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px
}
.w-commerce-commerceorderconfirmationcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px
}
.w-commerce-commercecheckoutshippingsummarywrapper {
margin-bottom: 20px
}
@media screen and (max-width:991px) {
.w-layout-blockcontainer {
max-width: 728px
}
}
@media screen and (max-width:767px) {
.w-layout-blockcontainer {
max-width: none
}
.w-commerce-commercelayoutcontainer {
flex-direction: column;
align-items: stretch
}
.w-commerce-commercelayoutmain {
flex-basis: auto;
margin-right: 0
}
.w-commerce-commercelayoutsidebar {
flex-basis: auto
}
}
@media screen and (max-width:479px) {
.w-commerce-commercecartcontainerwrapper--cartType-modal {
flex-direction: row;
justify-content: center;
align-items: stretch
}
.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown,
.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
flex-direction: row;
justify-content: center;
align-items: stretch;
display: flex;
position: fixed;
inset: 0
}
.w-commerce-commercecartquantity,
.w-commerce-commerceaddtocartquantityinput,
.w-commerce-commercecheckoutemailinput,
.w-commerce-commercecheckoutshippingfullname,
.w-commerce-commercecheckoutshippingstreetaddress,
.w-commerce-commercecheckoutshippingstreetaddressoptional {
font-size: 16px
}
.w-commerce-commercecheckoutrow {
flex-direction: column
}
.w-commerce-commercecheckoutshippingcity,
.w-commerce-commercecheckoutshippingstateprovince,
.w-commerce-commercecheckoutshippingzippostalcode,
.w-commerce-commercecheckoutshippingcountryselector,
.w-commerce-commercecheckoutcardnumber,
.w-commerce-commercecheckoutcardexpirationdate,
.w-commerce-commercecheckoutcardsecuritycode,
.w-commerce-commercecheckoutbillingfullname,
.w-commerce-commercecheckoutbillingstreetaddress,
.w-commerce-commercecheckoutbillingstreetaddressoptional,
.w-commerce-commercecheckoutbillingcity,
.w-commerce-commercecheckoutbillingstateprovince,
.w-commerce-commercecheckoutbillingzippostalcode,
.w-commerce-commercecheckoutbillingcountryselector {
font-size: 16px
}
}
body {
background: linear-gradient(135deg, #000000, #0A0F1F, #101D2D);
background-attachment: fixed;
color: #fff;
box-shadow: 0 0 40px rgba(10, 15, 31, 0.6);
font-family: Violetsans, Arial, sans-serif;
font-size: 1rem;
line-height: 1.5
}
h1 {
margin-top: 0;
margin-bottom: 1.25rem;
font-size: 3.75rem;
font-weight: 400;
line-height: 1.07
}
h2 {
color: #efefe5;
letter-spacing: .09rem;
margin-top: 0;
margin-bottom: 1.25rem;
font-family: Violetsans, Arial, sans-serif;
font-size: 3.7rem;
font-weight: 400;
line-height: 1.07
}
h3 {
margin-top: 0;
margin-bottom: 1.25rem;
font-size: 1.75rem;
font-weight: 400;
line-height: 1.2
}
h4 {
margin-top: 0;
margin-bottom: 10px;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.2
}
h5 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 1rem;
font-weight: 400;
line-height: 1.2
}
h6 {
margin-top: 10px;
margin-bottom: 10px;
font-size: .875rem;
font-weight: 700;
line-height: 1.2
}
p {
color: #efefe5;
margin-bottom: 1.25rem;
font-family: Violetsans, Arial, sans-serif
}
a {
color: #efefe5;
text-decoration: underline
}
a:hover {
text-decoration: none
}
li {
margin-bottom: 1rem
}
img {
max-width: 100%;
height: auto;
display: inline-block
}
.email-div {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: row;
justify-content: space-between;
display: flex
}
.navbar {
background-color: #fff;
justify-content: center;
align-items: center;
display: none
}
.menu {
flex: 1;
justify-content: center;
align-items: center;
display: flex
}
.nav-menu {
flex: 1;
justify-content: flex-end;
align-items: center;
display: flex
}
.link {
color: var(--black\);
flex-direction: column;
font-family: Opensaucesans;
font-size: 16px;
line-height: 24px;
display: block
}
.nav-link-2 {
color: var(--black\);
font-family: Opensaucesans;
font-size: 14px;
line-height: 24px
}
.nav-link-2.w--current {
color: var(--black\)
}
.brand {
flex: 0 auto;
margin-top: 20px;
margin-bottom: 10px;
display: flex
}
.container-2 {
flex: 1;
max-width: 1360px;
margin-left: 40px;
margin-right: 40px;
display: flex;
position: relative
}
.body-02 {
color: var(--white);
text-align: left;
justify-content: flex-start;
align-items: center;
max-width: 600px;
margin-bottom: 0;
font-family: Opensaucesans;
font-size: 18px;
line-height: 28px;
display: flex
}
.body-02.scope {
color: var(--black\);
text-align: center;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 40px;
font-weight: 600
}
.body-02.about {
color: var(--black\);
justify-content: flex-start;
margin-bottom: 40px;
font-weight: 700
}
.body-02.blog-hero {
color: var(--black\);
text-align: center;
max-width: 740px;
margin-top: 24px
}
.body-02.card1-description {
border-bottom: 1px solid var(--silver\);
color: var(--black\);
text-align: left;
max-width: 496px;
margin-top: 4px;
padding-bottom: 40px
}
.body-02.price-body {
color: var(--black\);
text-align: center;
max-width: 702px;
margin: 24px auto 0
}
.body-02.online-web-store {
color: var(--white);
flex: 1;
justify-content: flex-start;
align-items: flex-start
}
.body-02.basic-plan {
color: var(--white);
max-width: 600px
}
.body-02.services {
color: #000;
text-align: left;
justify-content: flex-start;
margin-bottom: 24px;
font-weight: 700
}
.body-02.web {
color: var(--black\);
text-align: left;
border: 1px #000;
max-width: 100%;
height: 64px
}
.body-02.style-body {
color: var(--black\);
text-align: center;
max-width: 500px
}
.body-02.color-name {
text-align: left;
justify-content: flex-start;
margin-top: 12px;
margin-bottom: 4px;
font-weight: 700
}
.body-02.style-body-02 {
color: var(--black\);
text-align: left;
justify-content: flex-start
}
.body-02.licence-body-text {
max-width: 736px
}
.body-02.licence-body-text.text-color-black {
color: var(--black\)
}
.body-02.unplash {
text-align: left;
justify-content: flex-start;
font-weight: 700
}
.body-02.unplash.text-color-black {
color: var(--black\)
}
.body-02.licence-body {
text-align: left;
justify-content: flex-start;
margin-top: 12px;
margin-bottom: 32px
}
.body-02.licence-body.text-color-black {
color: var(--black\)
}
.body-02.open {
text-align: left;
justify-content: flex-start;
font-weight: 700;
position: relative
}
.body-02.open.text-color-black {
color: var(--black\)
}
.body-02.project-body02 {
color: var(--black\);
max-width: 655px
}
.body-02.position {
color: var(--black\);
display: none
}
.body-02.hero-description {
float: none;
color: var(--black\);
text-align: center;
margin-bottom: 0;
padding-bottom: 0;
display: block;
overflow: visible
}
.body-02.development {
text-align: left;
margin-top: 18px;
margin-bottom: 64px;
font-size: 18px;
line-height: 25px
}
.body-02.work-description {
color: var(--black\);
text-align: left;
margin-top: 24px;
margin-bottom: 40px;
font-size: 17px;
line-height: 24px
}
.body-02.text-align {
text-align: left
}
.body-02.text-size {
color: var(--black\);
max-width: 660px;
margin-left: auto;
margin-right: auto
}
.body-02.text-color {
color: var(--black\);
text-align: left
}
.body-02.text-color.text-align {
text-align: center;
margin-top: 24px;
margin-bottom: 40px;
padding-top: 0
}
.body-02.benefits-color {
color: var(--black\);
font-size: 16px
}
.main-heading {
font-size: 14px;
line-height: 20px
}
.hero-section {
background-color: var(--gainsboro\);
overflow: hidden
}
.hero-content {
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 750px;
display: flex;
position: relative
}
.hero-container {
background-color: var(--gainsboro\);
justify-content: center;
align-items: center;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
padding-top: 149px;
padding-bottom: 202px;
font-size: 48px;
line-height: 64px;
display: flex;
position: static
}
.button-1 {
background-color: var(--blue-7\);
text-align: left;
letter-spacing: .32px;
cursor: pointer;
border-radius: 48px;
padding: 13px 30px;
font-family: Opensaucesans;
font-size: 16px;
font-weight: 700;
line-height: 24px;
display: inline-block;
overflow: visible
}
.hero-text {
text-align: center;
justify-content: flex-end;
align-items: center;
max-width: 655px;
margin-top: 24px;
margin-bottom: 38px;
display: block
}
.button-01 {
flex-direction: column;
margin-left: 0;
display: block;
position: relative;
overflow: hidden
}
.image {
width: 100%;
height: 100%
}
.image._1 {
perspective-origin: 100% 0;
transform-origin: 100% 0;
object-fit: cover
}
.image-2 {
max-width: 36%;
position: absolute;
inset: -20% auto auto -35%
}
.image-3 {
max-width: 23%;
position: absolute;
inset: auto auto 7% -15%
}
.image-4 {
max-width: 30%;
position: absolute;
inset: auto -27% -13% auto
}
.image-5 {
max-width: 17%;
position: absolute;
inset: auto -10% 20% auto
}
.image-6 {
max-width: 13%;
position: absolute;
inset: auto -20% 22% auto
}
.image-7 {
max-width: 28%;
position: absolute;
inset: -11% -25% auto auto
}
.profile-description {
margin-left: 16px
}
.client-sub-conent-02 {
max-width: 469px
}
.client-content-01 {
grid-column-gap: 0px;
grid-row-gap: 16px;
border: 1px solid var(--black-2\);
grid-template-rows: auto;
grid-template-columns: 1.75fr minmax(200px, 1.25fr);
grid-auto-columns: 1fr;
display: grid
}
.profile-div {
margin-bottom: 64px;
display: flex
}
.profile-desc {
max-width: 401px;
margin-top: 48px;
margin-left: 34px;
margin-right: 34px
}
.profile-name {
color: var(--black\);
font-family: Satoshi;
font-size: 20px;
font-weight: 700;
line-height: 28px;
display: none
}
.profile-name.text-coor-white {
color: var(--white);
display: block
}
.pprofile-image {
flex: 0 auto;
justify-content: center;
align-items: center;
display: block
}
.client-container {
color: #fff;
background-color: #000;
flex: 1;
max-width: 1160px;
margin-left: 40px;
margin-right: 40px
}
.client-heading {
color: var(--white);
letter-spacing: -.16px;
max-width: 645px;
margin-bottom: 64px;
margin-left: 0;
font-family: Epilogue;
font-size: 44px;
font-weight: 700;
line-height: 64px
}
.client-sub-content-01 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: row;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 690px;
display: grid
}
.client-section {
border-top: 0 solid #000;
border-bottom: 0px solid var(--black-2\);
background-color: var(--black\);
border-left-style: solid;
border-left-width: 0;
justify-content: center;
align-items: center;
padding-top: 70px;
padding-bottom: 140px;
display: flex
}
.about-us-section {
background-color: var(--floral-white\);
justify-content: center;
align-items: center;
padding-top: 140px;
padding-bottom: 140px;
display: flex;
overflow: hidden
}
.about-container {
background-color: var(--white);
border: 1px solid #000;
flex: 1;
max-width: 1160px;
margin-left: 40px;
margin-right: 40px;
position: relative
}
.jagura-image-58 {
object-fit: cover;
width: 100%;
height: 100%
}
.project-card-profile {
border-bottom: 1px solid #000;
margin-top: 28px;
padding-bottom: 40px;
display: flex
}
.button-web-designbrand {
max-width: 350px;
margin-bottom: 18px;
display: flex
}
.project-card-heading {
color: var(--black\);
letter-spacing: -2px;
margin-bottom: 0;
font-family: Epilogue;
font-size: 40px;
font-weight: 700;
line-height: 48px
}
.start-up-desc {
flex-direction: column;
flex: 1;
justify-content: flex-start;
max-width: 528px;
display: flex
}
.project-card-image {
flex: 1;
justify-content: flex-start;
align-items: flex-end;
max-width: 480px;
height: 556px;
margin-right: 60px;
display: flex;
position: relative;
overflow: hidden
}
.services-section {
background-color: var(--black\);
justify-content: center;
align-items: center;
padding-top: 140px;
padding-bottom: 140px;
display: flex
}
.sub-heading-01 {
color: #fff;
max-width: 250px;
font-family: Epilogue;
font-size: 26px;
line-height: 40px
}
.sub-heading-01.from {
color: var(--black\);
max-width: 496px;
margin-top: 0;
font-family: Epilogue;
font-weight: 700;
text-decoration: none
}
.sub-heading-01.price-card-heading1 {
color: var(--black\);
text-align: center;
margin-bottom: 16px;
font-weight: 700
}
.sub-heading-01.store {
max-width: 344px;
margin-bottom: 60px
}
.sub-heading-01.style-sub-heading-01 {
color: var(--black\);
max-width: none;
font-weight: 700
}
.sub-heading-01.text-color {
color: var(--black\);
font-weight: 600
}
.service-container {
background-color: #000;
flex: 1;
max-width: 1160px;
margin-left: 40px;
margin-right: 40px
}
.heading-02 {
color: var(--black\);
letter-spacing: -2px;
margin-top: 0;
margin-bottom: 52px;
font-family: Epilogue;
font-size: 72px;
font-weight: 700;
line-height: 80px
}
.heading-02.service-heading {
color: var(--white);
text-align: left;
letter-spacing: -.32px;
max-width: 700px
}
.heading-02.project {
text-align: center;
max-width: 789px;
margin-bottom: 0
}
.heading-02.price-heading {
text-align: center;
letter-spacing: -2px;
margin-bottom: 0;
font-size: 52px;
font-weight: 700;
line-height: 60px
}
.heading-02.right-plans {
text-align: center;
letter-spacing: -.32px;
max-width: 800px;
margin-bottom: 80px;
margin-left: auto;
margin-right: auto;
font-size: 65px
}
.heading-02.words {
text-align: center;
letter-spacing: -3px;
max-width: 816px;
margin-left: auto;
margin-right: auto
}
.heading-02.blog-hero-heading {
text-align: center;
letter-spacing: -2px;
max-width: 964px
}
.heading-02.pricing-faq-heading {
margin-bottom: 0
}
.heading-02.style-hero-heading {
margin-bottom: 16px;
margin-left: auto;
margin-right: auto
}
.heading-02.style-heading,
.heading-02.style-heading-02,
.heading-02.button {
margin-bottom: 0
}
.heading-02.lincence-hero-heading {
margin-bottom: 16px;
margin-left: auto;
margin-right: auto;
font-size: 60px
}
.heading-02.image-text,
.heading-02.v1 {
margin-bottom: 0
}
.heading-02._2 {
margin-bottom: 24px
}
.heading-02.work-heading {
margin-bottom: 0;
font-size: 40px;
line-height: 60px
}
.heading-02.blog-heading {
max-width: 95%
}
.heading-02.color {
color: var(--white);
text-align: center;
max-width: 789px;
margin-bottom: 0
}
.heading-02.text-color {
color: var(--white);
letter-spacing: -2px;
max-width: 560px
}
.heading-02.spacing {
margin-bottom: 24px
}
.heading-02.spacing._2 {
margin-bottom: 0
}
.heading-02.blog-heading-copy {
max-width: 95%
}
.button-7 {
background-color: var(--blue-5\);
color: #fff;
border-radius: 40px;
flex-direction: row;
padding: 20px 40px;
font-family: Opensaucesans;
font-weight: 700
}
.service-content-01 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 80px;
display: flex
}
.web-design-cerd {
border: 1px solid #1f1f1f;
border-radius: 1px;
max-width: 360px;
padding: 40px 38px
}
.service-content-02 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.free-call-button {
flex: 0 auto
}
.how-its-work-section {
background-color: var(--gainsboro\);
justify-content: center;
align-items: center;
padding-top: 140px;
padding-bottom: 140px;
display: flex
}
.work-container {
grid-column-gap: 0px;
grid-row-gap: 16px;
flex-direction: row;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 600px 380px;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
max-width: 1160px;
margin-left: 40px;
margin-right: 40px;
display: flex
}
.bold-text-4 {
color: var(--black-2\);
line-height: 80px
}
.purpose-div {
position: static;
inset: 0% 0% auto auto
}
.purpose-content,
.brand-size {
background-color: var(--white);
border: 1px solid #000;
border-radius: 124px;
padding: 28px 36px 28px 40px;
display: flex
}
.services-size {
background-color: var(--white);
border: 1px solid #000;
border-radius: 124px;
margin-top: 20px;
padding: 28px 36px 28px 40px;
display: flex
}
.product-size {
background-color: var(--black\);
color: var(--white);
border: 1px solid #000;
border-radius: 124px;
margin-top: 20px;
padding: 28px 36px 28px 40px;
display: flex;
position: static;
inset: auto 15% 0% auto
}
.service-div {
position: static;
inset: auto 0% 176px auto
}
.work-content-02 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex: 1;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: 420px;
height: 512px;
margin-top: -54px;
display: grid
}
.work-content-01 {
flex-direction: column;
flex: 1;
max-width: 600px;
display: flex
}
.image-64 {
perspective-origin: 100% 0;
transform-origin: 100% 0;
width: 55%;
height: 202.726%;
position: absolute;
top: 80%;
right: -5%
}
.image-65 {
perspective-origin: 0 0;
transform-origin: 0 0;
width: 81%;
height: 173.142%;
position: absolute;
inset: auto auto -145% -15%
}
.image-66 {
perspective-origin: 50% 0;
transform-origin: 50% 0;
width: 32%;
height: 76.684%;
position: absolute;
inset: auto 38% -76% auto
}
.faq-section {
justify-content: center;
align-items: center;
padding-top: 160px;
padding-bottom: 160px;
display: flex
}
.footer-subscribe {
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex
}
.footer-description {
flex: 0 auto;
margin-right: 40px
}
.text-block-43 {
margin-top: 32px;
margin-bottom: 16px;
padding-bottom: 0;
font-family: Opensaucesans;
font-size: 16px;
line-height: 24px
}
.social {
margin-top: 10px;
display: flex
}
.text-block-44 {
text-align: center;
font-family: Opensaucesans;
font-size: 16px;
line-height: 24px
}
.footer-sub-content {
grid-column-gap: 0px;
grid-row-gap: 16px;
border-bottom: 1px solid #2d2d2d;
grid-template-rows: auto;
grid-template-columns: 1.25fr 1.5fr 2.25fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-bottom: 22px;
padding-bottom: 140px;
display: flex
}
.form {
justify-content: space-between;
align-items: center;
display: flex
}
.submit-button {
background-color: var(--blue-3\);
letter-spacing: .64px;
border-radius: 48px;
flex: none;
margin-left: 18px;
padding: 20px 30px;
font-family: Epilogue;
font-size: 16px;
font-weight: 700;
line-height: 24px
}
.footer-content {
color: #fff
}
.text-block-45 {
max-width: 260px;
margin-top: 24px;
font-family: Epilogue;
font-size: 18px;
line-height: 28px
}
.footer-container {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #000;
flex: 1;
grid-template-rows: auto;
grid-template-columns: .5fr .5fr .75fr;
grid-auto-columns: 1fr;
max-width: 1160px;
margin-left: 40px;
margin-right: 40px
}
.text-block-46 {
font-size: 18px;
line-height: 28px
}
.footer-sec {
background-color: var(--black\);
justify-content: center;
align-items: center;
padding-top: 140px;
padding-bottom: 22px;
display: flex
}
.text-field {
color: var(--white);
background-color: #ffffff0a;
background-image: url(../images/64354b8ce4872acc631c7c41_Group%201915.png);
background-position: 10%;
background-repeat: no-repeat;
background-size: auto;
border: 1px #000;
border-radius: 48px;
flex: 1;
max-width: 278px;
height: 64px;
margin-bottom: 0;
padding: 0 0 0 56px
}
.text-field::placeholder {
color: #fff;
font-size: 16px;
line-height: 24px
}
.social-content {
border: 1px solid #f5f5f5;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 55px;
height: 55px;
margin-right: 12px;
display: flex
}
.faq-question {
justify-content: space-between;
align-items: center;
display: flex
}
.faq-wrap {
background-color: #fff;
border: 1px solid #e5e5e5;
margin-bottom: 18px;
padding: 28px 20px
}
.faq-answer {
overflow: hidden
}
.question {
color: var(--black\);
font-family: Epilogue;
font-size: 22px;
font-weight: 600;
line-height: 32px
}
.plus-wrap {
flex: none;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
margin-left: 20px;
display: flex;
position: relative
}
.plus-horizontal {
background-color: var(--black\);
width: 100%;
height: 2px;
display: flex
}
.plus-verticle {
background-color: var(--black\);
width: 2px;
height: 100%;
display: flex;
position: absolute
}
.about-content-01 {
display: flex;
overflow: hidden
}
.about-heading {
background-color: var(--light-steel-blue-2\);
border-bottom: 1px solid #000;
border-right: 1px solid #000;
flex: 1;
max-width: 820px;
padding: 54px 55px 54px 34px;
position: relative
}
.about-image-01 {
border-bottom: 1px solid #000;
border-left: 1px #000;
position: relative;
overflow: hidden
}
.about-content-02 {
display: flex
}
.about-text {
flex: 1;
padding: 66px 56px 30px 57px
}
.about-image-02 {
border-right: 1px solid #000;
flex-direction: row;
flex: 1;
max-width: 540px;
display: flex;
position: relative;
overflow: hidden
}
.cta-text {
color: var(--black\);
font-size: 16px;
line-height: 24px
}
.know-more {
margin-top: 40px;
display: flex
}
.image-68 {
margin-left: 13px
}
.image-70 {
object-fit: cover;
width: 100%;
max-width: 100%;
height: 100%
}
.image-71 {
max-width: 27%;
position: absolute;
inset: auto 2% 5% auto
}
.image-72 {
position: absolute;
inset: 14% 1% auto auto
}
.image-73 {
max-width: 18%;
position: absolute;
inset: auto -8% -18% auto
}
.purpose {
justify-content: flex-end;
display: flex;
position: relative
}
.bbrand {
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.service {
justify-content: flex-end;
align-items: flex-start;
display: flex;
position: relative
}
.product {
justify-content: flex-end;
align-items: flex-end;
margin-top: 56px;
margin-left: 32px;
display: flex
}
.image-74 {
max-width: 39%;
margin-right: 14px
}
.product-content {
text-align: center;
flex: 0 auto
}
.bold-text-6 {
font-family: Epilogue
}
.bold-text-7 {
font-size: 22px;
line-height: 12px
}
.faq-tabs {
flex: none;
justify-content: space-between;
align-items: flex-start;
width: 100%;
display: flex
}
.tabs-menu {
border-top: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
flex-direction: column;
flex: 1;
max-width: 400px;
display: flex
}
.tabs-content {
flex: 1;
margin-left: 80px
}
.miscellaneous {
color: #000;
background-color: #fff;
background-image: url(../images/64354b8ce4872ad9491c7b37_Group%201930.svg);
background-position: 95%;
background-repeat: no-repeat;
background-size: auto;
border-bottom: 1px solid #e5e5e5;
flex: 0 auto;
padding: 28px 60px 28px 28px;
font-family: Epilogue;
font-size: 22px;
font-weight: 700;
line-height: 32px
}
.miscellaneous.w--current {
color: #fff;
background-color: #815ff7;
background-image: url(../images/64354b8ce4872ade2c1c7b78_Group%201929.svg);
padding: 28px 60px 28px 28px
}
.blog-section {
background-color: var(--floral-white-3\);
justify-content: center;
align-items: center;
padding-top: 100px;
padding-bottom: 100px;
display: none;
overflow: hidden
}
.blog-container {
flex: 1;
max-width: 1160px;
margin-left: 40px;
margin-right: 40px
}
.blog-title {
position: relative
}
.blog-slider {
max-width: 1160px;
margin-top: 80px
}
.slide-nav {
display: none
}
.left-arrow {
background-color: var(--black\);
border-radius: 50%;
width: 64px;
height: 64px;
inset: -38% 10% auto auto
}
.right-arrow {
background-color: var(--black\);
border-radius: 50%;
width: 64px;
height: 64px;
inset: -38% 2% auto auto
}
.slide {
border: 1px solid var(--black\);
background-color: var(--white);
max-width: 460px;
margin-right: 40px;
padding: 18px;
overflow: visible
}
.mask {
width: 460px;
overflow: visible
}
.slider {
background-color: #0000;
max-width: 1160px;
height: auto
}
.sub-heading-02 {
color: #efefe5;
min-height: 3.25rem;
margin-top: 0;
margin-bottom: 0;
font-family: Violetsans, Arial, sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 140%
}
.sub-heading-02.style-sub-heading-02 {
margin-top: 0;
margin-bottom: 0
}
.sub-heading-02.discover {
margin-top: 0;
margin-bottom: 0;
font-size: 18px
}
.sub-heading-02.design {
margin-top: 0;
margin-bottom: 0
}
.sub-heading-02.development {
margin-top: 0;
margin-bottom: 0;
font-size: 19px;
line-height: 20px
}
.sub-heading-02.result {
color: var(--white);
margin-top: 0;
margin-bottom: 0
}
.sub-heading-02.sub-heading-old {
color: #000;
font-family: Epilogue;
font-size: 24px;
font-weight: 700
}
.information {
align-items: center;
margin-top: auto;
display: flex
}
.profile-image {
width: 32px;
height: 32px;
display: flex
}
.profile-info {
grid-column-gap: 12px;
text-transform: uppercase;
flex-direction: row;
align-items: center;
margin-left: 18px;
font-family: Roboto Mono, sans-serif;
display: flex
}
.body-03 {
border-bottom: 1px solid var(--gainsboro-3\);
color: var(--black\);
max-width: 424px;
margin-bottom: 45px;
padding-bottom: 16px;
font-family: Opensaucesans;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-decoration: none
}
.body-03.price-descriotion1 {
text-align: center;
border-bottom-style: none;
border-bottom-width: 0;
max-width: 268px;
margin-bottom: 0;
padding-bottom: 0
}
.body-03.price-card-button-01 {
background-color: var(--black\);
color: var(--white);
text-align: center;
letter-spacing: -1px;
border-bottom-style: none;
border-bottom-width: 0;
border-radius: 42px;
flex: 0 auto;
justify-content: center;
align-items: center;
max-width: 328px;
height: 64px;
margin-bottom: 0;
padding: 20px 97px;
font-weight: 700;
display: flex
}
.body-03.address {
text-align: center;
border-bottom-style: none;
margin-top: 16px;
margin-bottom: 0;
padding-bottom: 0;
font-weight: 700
}
.body-03.blog-card-1 {
border-bottom-color: var(--silver\);
margin-bottom: 24px;
padding-bottom: 40px
}
.body-03.share {
margin-bottom: 24px;
padding-bottom: 0;
font-weight: 500
}
.body-03.pricing-faq-description {
text-align: center;
border-bottom-style: none;
max-width: 960px;
margin-top: 24px;
margin-bottom: 80px;
padding-bottom: 0
}
.body-03.case-study {
color: var(--white);
border-bottom-style: none;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding-bottom: 0;
display: flex
}
.body-03.color-code {
margin-bottom: 0;
padding-bottom: 0
}
.body-03.style-body-03 {
border-bottom-style: none;
margin-bottom: 0;
padding-bottom: 0
}
.body-03.text-color-white {
color: var(--white);
text-align: center;
border-bottom-style: none;
max-width: 100%;
margin-top: 32px;
margin-bottom: 16px;
padding-bottom: 0
}
.blog-profile-name {
color: #efefe5;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
font-weight: 400;
line-height: 140%
}
.cta-section {
z-index: 0;
background-color: var(--light-steel-blue-3\);
justify-content: center;
align-items: center;
padding-top: 121px;
padding-bottom: 103px;
display: flex;
position: relative
}
.cta-container {
flex: 1;
max-width: 1160px;
margin-left: 40px;
margin-right: 40px
}
.heading-01 {
color: var(--black\);
text-align: center;
letter-spacing: -.48px;
max-width: 850px;
font-family: Epilogue;
font-size: 75px;
font-weight: 400;
line-height: 65px
}
.heading-01.style-heading-01 {
text-align: left
}
.heading-01.project-heading01 {
max-width: 937px;
margin-bottom: 24px
}
.heading-01.about-us-heading01 {
text-align: left;
max-width: 660px;
font-size: 60px;
font-weight: 400
}
.cta-heading {
color: var(--black\);
justify-content: center;
align-items: center;
font-family: Epilogue;
display: flex;
position: relative
}
.cta-text-div {
justify-content: center;
align-items: center;
margin-top: 24px;
margin-bottom: 20px;
display: flex;
position: relative
}
.body-01 {
color: var(--black\);
font-family: Opensaucesans;
font-size: 18px;
line-height: 32px
}
.body-01.client-description {
color: var(--white);
margin-top: 38px;
margin-bottom: 28px
}
.body-01.bolix {
font-style: italic
}
.cta-contact {
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.button-8 {
background-color: var(--black\);
color: #fff;
letter-spacing: .96px;
text-transform: uppercase;
cursor: pointer;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 134px;
height: 134px;
margin-right: 20px;
font-size: 16px;
line-height: 25px;
display: flex;
transform: rotate(-29deg)
}
.image-76 {
max-width: 8%;
position: absolute;
inset: -25% auto auto -8%
}
.image-77 {
z-index: -1;
max-width: 30%;
font-family: Opensauceone;
position: absolute;
inset: auto auto -34% 34%
}
.image-78 {
max-width: 10%;
position: absolute;
inset: 0% 8% 0% auto
}
.image-79 {
max-width: 14%;
position: absolute;
inset: -129% auto auto -6%
}
.image-80 {
max-width: 13%;
position: absolute;
inset: auto 0% -77% auto
}
.flash {
border-right: 1px solid var(--black-2\);
border-bottom: 1px solid var(--black-2\);
background-color: var(--black\);
justify-content: center;
align-items: center;
width: 230px;
height: 140px;
display: flex
}
.flash:hover {
background-color: var(--blue-2\)
}
.flash.pritom,
.flash.adobaco,
.flash.invert {
border-bottom-style: none
}
.banner-container {
background-color: #000;
flex: 1;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 12px;
padding-bottom: 12px;
display: none;
overflow: hidden
}
.text-block-51 {
color: var(--white);
margin-right: 14px;
font-family: Opensaucesans;
font-size: 16px;
line-height: 24px
}
.top-banner-link-1 {
flex: none;
align-items: center;
margin-right: 56px;
text-decoration: none;
display: flex
}
.footer-menu {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex
}
.pages {
flex-direction: column;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
margin-right: 80px;
display: block
}
.text-block-52 {
margin-bottom: 32px;
font-family: Epilogue;
font-size: 18px;
line-height: 28px
}
.link-2 {
color: var(--white);
margin-bottom: 16px;
font-family: Opensaucesans;
font-size: 16px;
font-style: normal;
line-height: 24px;
text-decoration: none;
display: block
}
.text-block-53 {
margin-bottom: 32px;
font-family: Epilogue;
font-size: 18px;
line-height: 28px
}
.utility {
flex: 0 auto;
display: block
}
.footer-form {
flex: 1;
max-width: 455px
}
.bold-text-9 {
font-family: Epilogue
}
.image-84 {
max-width: 69%
}
.banner-content-01 {
flex: none;
display: flex
}
.about-hero {
justify-content: center;
align-items: center;
padding-top: 100px;
padding-bottom: 103px;
display: flex;
overflow: hidden
}
.about-containerr {
flex: 1;
max-width: 1160px;
margin-left: 40px;
margin-right: 40px
}
.about-us-content-01 {
justify-content: flex-start;
display: flex
}
.text-block-57 {
color: var(--black\);
text-align: left;
max-width: 400px;
font-family: Opensaucesans;
font-size: 20px;
line-height: 28px
}
.about-us-text {
justify-content: center;
align-items: center;
display: flex
}
.about-main-heading {
flex: 1;
margin-right: 100px
}
.about-us-content-02 {
margin-top: 67.91px;
display: flex;
position: relative
}
.about-sub-content-02 {
margin-left: 14.37px;
margin-right: 14.37px
}
.image-85 {
max-width: 4%;
position: absolute;
inset: auto auto -2% 0%
}
.image-86 {
max-width: 2%;
position: absolute;
inset: 8% auto auto -5%
}
.image-87 {
max-width: 3%;
position: absolute;
inset: 25% -3% 0% auto
}
.cracked-result {
background-color: var(--black\);
justify-content: center;
align-items: center;
padding-top: 140px;
padding-bottom: 422px;
display: flex
}
.cracked-container {
flex: 1;
max-width: 1160px;
margin-left: 40px;
margin-right: 40px;
position: relative
}
.cracked-heading {
justify-content: center;
align-items: center;
display: flex
}
.cracked-content {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 80px;
display: grid;
overflow: hidden
}
.discovery {
flex-direction: column;
justify-content: center;
align-items: flex-start;
max-width: 260px;
display: flex
}
.cracked-image {
background-color: var(--light-steel-blue-4\);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 88px;
height: 88px;
display: flex
}
.line-01 {
border-style: solid solid dashed;
border-width: 1px;
border-color: black black var(--white);
width: 130px;
height: 0;
margin-left: 36px
}
.text-block-59 {
color: var(--white);
max-width: 180px;
margin-top: 32px;
margin-bottom: 12px;
font-family: Epilogue;
font-size: 26px;
font-weight: 700;
line-height: 32px
}
.discovery-container {
justify-content: center;
align-items: center;
display: flex
}
.text-block-60 {
color: var(--white);
max-width: 260px;
font-family: Opensaucesans;
font-size: 16px;
line-height: 26px
}
.strategy,
.ecommerce {
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex
}
.development {
flex-direction: column;
justify-content: center;
align-items: flex-start;
max-width: 260px;
display: flex;
overflow: hidden
}
.light {
background-color: #f8cbd6;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 88px;
height: 88px;
display: flex
}
.home {
background-color: var(--light-goldenrod-yellow-2\);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 88px;
height: 88px;
display: flex
}
.figma {
background-color: var(--peach-puff\);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 88px;
height: 88px;
display: flex
}
.team-container {
flex: 1;
max-width: 1160px;
margin-left: 40px;
margin-right: 40px
}
.team {
background-color: var(--gainsboro-2\);
justify-content: center;
align-items: center;
padding-top: 450px;
padding-bottom: 140px;
display: flex;
overflow: hidden
}
.team-content-01 {
margin-bottom: 80px;
display: flex
}
.team-heading {
flex: 1
}
.team-text {
flex: 1;
justify-content: flex-end;
align-items: center;
display: flex
}
.text-block-62 {
color: var(--black\);
max-width: 400px;
font-family: Opensaucesans;
font-size: 20px;
line-height: 28px
}
.hard-work {
margin-bottom: 32px;
display: flex
}
.hard-work-01 {
color: var(--black\);
background-color: #c8beff;
justify-content: center;
align-items: center;
width: 154px;
height: 144px;
font-family: Epilogue;
font-size: 64px;
font-weight: 700;
line-height: 80px;
display: flex
}
.hard-work-desc {
background-color: var(--white);
justify-content: center;
align-items: center;
display: flex
}
.text-block-64 {
color: var(--black\);
max-width: 619px;
margin-right: 32px;
font-family: Opensaucesans;
font-size: 20px;
line-height: 28px
}
.sub-heading-div {
width: 307px;
margin-left: 48px;
display: block
}
.transparency {
margin-bottom: 32px;
display: flex
}
.transparency-02 {
background-color: var(--pink-2\);
color: var(--black\);
justify-content: center;
align-items: center;
width: 154px;
height: 144px;
font-family: Epilogue;
font-size: 64px;
font-weight: 700;
line-height: 80px;
display: flex
}
.innovation {
margin-bottom: 32px;
display: flex
}
.innovation-03 {
background-color: var(--light-goldenrod-yellow\);
color: var(--black\);
justify-content: center;
align-items: center;
width: 154px;
height: 144px;
font-family: Epilogue;
font-size: 64px;
font-weight: 700;
line-height: 80px;
display: flex
}
.growth {
margin-bottom: 32px;
display: flex
}
.growth-04 {
color: var(--black\);
background-color: #fed0ab;
justify-content: center;
align-items: center;
width: 154px;
height: 144px;
font-family: Epilogue;
font-size: 64px;
font-weight: 700;
line-height: 80px;
display: flex
}
.team-work {
margin-bottom: 32px;
display: flex
}
.team-work-05 {
background-color: var(--sky-blue\);
color: var(--black\);
justify-content: center;
align-items: center;
width: 154px;
height: 144px;
font-family: Epilogue;
font-size: 64px;
font-weight: 700;
line-height: 80px;
display: flex
}
.text-block-65 {
margin: 32px 44px 32px 32px
}
.average-clients {
background-color: var(--black\);
justify-content: center;
align-items: center;
padding-top: 140px;
padding-bottom: 140px;
display: flex;
overflow: hidden
}
.average-clients-container {
flex: 1;
max-width: 1160px;
margin-left: 40px;
margin-right: 40px
}
.average-content-01 {
margin-bottom: 72px;
display: flex
}
.average-text-content {
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
display: flex
}
.average-image-content {
flex: 1;
justify-content: flex-end;
display: flex
}
.average-content-02 {
display: flex
}
.working {
border: 1px solid var(--dim-grey\);
flex: 1;
padding: 65px 63px
}
.text-block-69 {
color: var(--white);
text-align: left;
letter-spacing: -.32px;
font-family: Epilogue;
font-size: 64px;
line-height: 72px
}
.rating {
border-top: 1px solid var(--dim-grey\);
border-bottom: 1px solid var(--dim-grey\);
flex: 1;
padding: 65px 63px
}
.conversions {
border: 1px solid var(--dim-grey\);
flex: 1;
padding: 65px 63px
}
.remote-team {
justify-content: center;
align-items: center;
padding-top: 140px;
padding-bottom: 140px;
display: flex;
overflow: hidden
}
.remote-team-container {
flex: 1;
max-width: 1160px;
margin-left: 40px;
margin-right: 40px;
display: flex
}
.remote-content-01 {
flex: 1
}
.remote-content-02 {
flex-direction: column;
flex: 1;
justify-content: center;
align-items: flex-start;
display: flex
}
.image-89 {
max-width: 90%
}
.image-90 {
max-width: 83%
}
.footer-sub-content-01 {
flex: 1;
justify-content: space-between;
max-width: 623px;
margin-right: 40px;
display: flex
}
.projects-hero {
justify-content: center;
align-items: center;
padding-top: 100px;
padding-bottom: 104px;
display: flex
}
.projects-container {
flex: 1
}
.project-content-01 {
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 950px;
margin-bottom: 80px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative
}
.integration-inside-image {
justify-content: flex-start;
align-items: center;
margin-left: 10px;
display: flex
}
.image-div-1,
.image-div-2,
.image-div-3,
.image-div-4 {
margin-right: 40px
}
.image-92,
.image-93,
.image-94 {
max-width: 100%
}
.image-95,
.image-96,
.image-97,
.image-98 {
max-width: 36%
}
.image-99,
.image-100,
.image-101 {
max-width: 43%
}
.image-102 {
max-width: 45%
}
.container-3 {
max-width: 1360px;
margin-left: 40px;
margin-right: 40px;
display: flex
}
.menu-button {
flex: 1
}
.navbar--2 {
background-color: var(--white);
justify-content: center;
align-items: center;
display: flex
}
.navbar-2 {
background-color: var(--white);
flex: 1;
max-width: 1360px
}
.menu-content {
flex: 0 auto
}
.div-block-258 {
font-size: 12px
}
.text-block-77 {
font-family: Epilogue;
font-weight: 700
}
.text-block-78 {
font-family: Epilogue
}
.project-section {
justify-content: center;
align-items: center;
padding-top: 130px;
padding-bottom: 160px;
display: flex
}
.project-container {
flex: 1;
max-width: 1160px;
margin-left: 40px;
margin-right: 40px;
position: relative
}
.text-block-80 {
color: var(--black\);
font-family: Satoshi;
font-size: 18px;
line-height: 28px
}
.project-card-block {
max-width: 1160px;
position: relative
}
.project-content {
position: sticky
}
.project-heading {
justify-content: center;
align-items: center;
padding-bottom: 64px;
display: flex;
position: sticky
}
.block-4 {
grid-column-gap: 0px;
grid-row-gap: 16px;
background-color: var(--peach-puff-2\);
border: 1px solid #131313;
border-radius: 1px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
padding: 32px 60px 32px 32px;
display: flex
}
.block-4._2 {
background-color: #def8cb
}
.block-4._3 {
background-color: #f8cbd6
}
.block-4._4 {
background-color: #c8beff
}
.bold-text-17 {
font-family: Opensaucesans
}
.projects-card {
background-color: var(--black\);
justify-content: center;
align-items: center;
padding-top: 140px;
padding-bottom: 160px;
display: flex
}
.projects-card-container {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex: 1;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: 1160px;
margin-left: 40px;
margin-right: 40px;
display: block
}
.projects-card-content {
margin-right: 0;
padding: 20px
}
.view-project {
justify-content: flex-start;
align-items: center;
display: flex
}
.project-know-morebtn {
color: var(--white);
font-size: 16px;
line-height: 24px
}
.project-template-hero {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 100px;
display: flex
}
.project-template-container-01 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex
}
.project-template-content {
display: flex
}
.year {
border: 1px solid var(--black-3\);
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
min-width: 260px;
min-height: 96px;
margin-right: 0;
display: flex
}
.project-template-container-02 {
margin-top: 80px
}
.image-103 {
max-width: 100%
}
.scope-of-project-sec {
justify-content: center;
align-items: center;
margin-top: 80px;
margin-bottom: 80px;
display: flex
}
.scope-of-project-container {
flex: 1;
max-width: 1160px;
margin-left: 40px;
margin-right: 40px
}
.about-the-project {
flex: 1;
max-width: 660px;
margin-left: 188px
}
.scope-of-project-content-01 {
flex-direction: row;
display: flex
}
.scope-of-project {
flex: 1;
max-width: 312px
}
.dream-work {
background-color: var(--floral-white-4\);
justify-content: center;
align-items: center;
padding-top: 140px;
padding-bottom: 140px;
display: flex;
overflow: hidden
}
.dream-work-container {
flex: 1;
max-width: 1440px
}
.slide-nav-2 {
display: none
}
.paragraph-2 {
color: var(--white);
margin-top: 16px;
margin-bottom: 40px;
font-family: Opensaucesans;
font-size: 18px;
line-height: 28px
}
.text-block-95 {
color: var(--white);
font-family: Epilogue;
font-size: 32px;
line-height: 40px
}
.button-branding {
margin-top: 28px;
display: flex
}
.link-block {
text-decoration: none;
display: block
}
.link-block.article-slide {
flex-direction: column;
justify-content: space-between;
height: 100%;
min-height: 420px;
transition: opacity .2s;
display: flex
}
.link-block.article-slide:hover {
opacity: .6
}
.hard-work-text-div,
.transparency-text-div,
.innovation-text-div,
.growth-text-div,
.team-work-text-div {
margin-left: 32px
}
.text-block-96,
.text-block-97,
.text-block-98,
.text-block-99 {
margin: 32px 44px 32px 32px
}
.video-block {
justify-content: center;
align-items: center;
max-width: 1140px;
display: flex;
position: absolute;
inset: 120% 0% auto
}
.lightbox-link {
position: absolute
}
.image-104 {
max-width: 90%
}
.image-105 {
max-width: 100%
}
.link-block-2,
.link-block-3 {
text-decoration: none
}
.web-design {
background-color: var(--dim-grey\);
color: var(--white);
letter-spacing: .96px;
border-radius: 22px;
margin-right: 12px;
padding: 4px 24px;
font-family: Opensaucesans;
line-height: 24px;
display: block
}
.scope-of-project-content-02 {
margin-top: 80px;
display: flex
}
.scope-image-01 {
margin-right: 40px
}
.rich-text-container {
flex: 1;
max-width: 960px;
margin-left: 40px;
margin-right: 40px
}
.rich-text {
justify-content: center;
align-items: center;
margin-bottom: 140px;
display: flex
}
.more-proiect {
background-color: var(--black\);
justify-content: center;
align-items: center;
padding-top: 140px;
padding-bottom: 140px;
display: flex
}
.more-project-container {
flex: 1;
max-width: 1160px;
margin-left: 40px;
margin-right: 40px
}
.more-project-card {
display: flex
}
.blog-hero {
justify-content: center;
align-items: center;
display: flex
}
.blog-containerr {
flex-direction: column;
flex: 1;
align-items: center;
max-width: 842px;
margin-top: 104px;
margin-bottom: 80px;
display: flex;
position: relative
}
.articles,
.guides {
font-weight: 400
}
.image-109 {
max-width: 12%;
position: absolute;
inset: 15% auto auto -15%
}
.image-110 {
max-width: 9%;
position: absolute;
inset: -5% -18% auto auto
}
.blog-card-container {
flex: 1;
max-width: 1160px;
margin-left: 40px;
margin-right: 40px
}
.blogs-card {
justify-content: center;
align-items: center;
display: flex
}
.blog-card-content-01 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 40px;
display: flex
}
.project-card {
border: 1px solid var(--black-3\);
padding: 20px;
text-decoration: none
}
.card1-link-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
border: 1px solid var(--silver\);
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
padding: 24px;
text-decoration: none;
display: grid
}
.blog-card-desc {
flex: 1;
margin-left: 40px
}
.blog-card-desc.card-2-spacing {
margin-top: 24px;
margin-bottom: 0;
margin-left: 0
}
.blog-image-card-01 {
position: relative;
overflow: hidden
}
.blog-profile {
margin-top: 24px;
display: flex
}
.blog-profile-image {
justify-content: center;
align-items: center;
display: flex
}
.text-block-106 {
color: var(--black\);
font-family: Epilogue;
font-weight: 500;
line-height: 22px
}
.text-block-107 {
color: #858580;
font-family: Roboto Mono, sans-serif;
line-height: 100%
}
.text-block-108 {
color: #858580;
padding-left: 0;
font-family: Roboto Mono, sans-serif;
line-height: 100%
}
.blog-card-date {
grid-column-gap: 14px;
justify-content: center;
align-items: center;
margin-top: 4px;
display: flex
}
.blog-profile-desc {
margin-left: 16px
}
.collection-list {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.pricing-hero {
justify-content: center;
align-items: center;
padding-top: 8vh;
padding-bottom: 7vh;
display: block;
position: relative
}
.pricing-content {
flex-direction: row;
flex: 1;
justify-content: center;
align-items: center;
max-width: 871px;
display: block;
position: relative
}
.text-span-2 {
font-weight: 400
}
.image-112 {
max-width: 3%;
position: absolute;
inset: auto -10% 40% auto
}
.image-113 {
max-width: 2%;
position: absolute;
inset: 5% auto auto -5%
}
.image-114 {
width: 102px;
height: 102px;
position: absolute;
inset: auto auto 47% 21px
}
.image-115 {
width: 64px;
height: 63.0469px;
position: absolute;
inset: auto 1% 39% auto
}
.pricing-container {
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
max-width: 1160px;
margin-left: 40px;
margin-right: 40px;
display: flex;
position: relative
}
.tab-sub-content {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: static;
top: auto;
left: 0%;
right: 0%
}
.price-card-01 {
background-color: var(--white);
cursor: pointer;
border: 1px solid #000;
flex-direction: column;
padding: 16px;
display: flex;
position: relative
}
.pricing-card-01-content-01 {
background-color: var(--ghost-white\);
max-width: 328px;
padding: 32px 30px;
display: block
}
.text-span-4 {
color: var(--black\);
font-family: Epilogue;
font-size: 64px;
font-weight: 700;
line-height: 72px
}
.text-block-109 {
color: var(--black\);
text-align: center;
letter-spacing: -2px;
margin-top: 32px;
margin-bottom: 32px;
font-family: Epilogue;
font-size: 0;
font-weight: 700;
line-height: 72px
}
.pricing-card-01-content-02 {
border-top: 1px solid #c8c8c8;
max-width: 328px;
margin-top: 40px
}
.access {
justify-content: flex-start;
align-items: center;
margin-top: 32px;
margin-bottom: 18px;
display: flex
}
.access-container {
color: #04f504;
background-color: #ddd;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 22px;
height: 22px;
margin-right: 14px;
display: flex
}
.access-content {
background-color: var(--black\);
border-radius: 100%;
width: 7px;
height: 7px
}
.no-credit,
.no-maximum {
justify-content: flex-start;
align-items: center;
margin-bottom: 18px;
display: flex
}
.pay-only {
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
display: flex
}
.image-117 {
position: absolute;
inset: 36% auto auto -4%
}
.collection-list-2 {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid
}
.text-block-111 {
color: #000;
font-family: Opensaucesans;
font-size: 26px;
font-weight: 700;
line-height: 32px
}
.facebook {
grid-column-gap: 0px;
grid-row-gap: 16px;
border-top: 1px solid var(--black-3\);
border-bottom: 1px none var(--black-3\);
grid-template-rows: auto;
grid-template-columns: 4.5fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 32px;
padding-bottom: 32px;
display: grid
}
.price-rate-content-01 {
justify-content: center;
align-items: center;
height: 68px;
display: flex;
position: relative
}
.price-rate-content-02,
.price-rate-content-03,
.price-rate-content-04 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex
}
.web-store,
.amazon-store {
grid-column-gap: 0px;
grid-row-gap: 16px;
border-top: 1px solid var(--black-3\);
border-bottom: 1px none var(--black-3\);
grid-template-rows: auto;
grid-template-columns: 4.5fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 32px;
padding-bottom: 32px;
display: grid
}
.direct-link {
grid-column-gap: 0px;
grid-row-gap: 16px;
border-top: 1px solid var(--black-3\);
border-bottom: 1px solid var(--black-3\);
grid-template-rows: auto;
grid-template-columns: 4.5fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 32px;
padding-bottom: 32px;
display: grid
}
.store-sales {
margin-bottom: 80px
}
.store-sales._2 {
margin-bottom: 0;
display: none
}
.price-rate {
grid-column-gap: 10px;
grid-row-gap: 15px;
border-top: 0px none var(--black-3\);
border-bottom: 1px none var(--black-3\);
grid-template-rows: auto;
grid-template-columns: 4.25fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 80px;
padding-top: 0;
padding-bottom: 0;
display: grid
}
.text-block-112 {
color: var(--white);
font-family: Epilogue;
font-size: 48px;
font-weight: 700;
line-height: 56px
}
.image-118 {
position: absolute;
inset: 27% auto auto 18%
}
.image-119 {
position: absolute;
inset: 73% auto auto 32%
}
.image-120 {
position: absolute;
inset: 0% 65% auto auto
}
.pricing-faq {
background-color: var(--gainsboro-4\);
justify-content: center;
align-items: center;
padding-top: 140px;
padding-bottom: 140px;
display: flex
}
.text-span-5 {
font-weight: 400
}
.map-link-block-9 {
background-color: var(--light-grey\);
justify-content: center;
align-items: center;
width: 240px;
height: 118px;
text-decoration: none;
display: flex
}
.mobile-link-block {
background-color: var(--light-grey\);
justify-content: center;
align-items: center;
width: 240px;
height: 118px;
margin-left: 24px;
margin-right: 24px;
text-decoration: none;
display: flex
}
.email-link-block {
background-color: var(--light-grey\);
justify-content: center;
align-items: center;
width: 240px;
height: 118px;
text-decoration: none;
display: flex
}
.section-19 {
height: 582px
}
.text-field-2 {
background-color: #f0f0f0;
border: 1px #000;
width: 100%;
max-width: 428px;
height: 64px;
margin-bottom: 0
}
.form-2 {
display: block
}
.field-label {
margin-bottom: 16px;
font-family: Opensaucesans
}
.name,
.email {
padding-bottom: 24px
}
.text-area {
background-color: #f0f0f0;
border: 1px #000;
min-height: 312px
}
.submit-button-2 {
background-color: var(--medium-slate-blue);
color: var(--white);
border-radius: 100px;
margin-top: 38px;
padding: 18px 388px;
font-size: 18px;
line-height: 28px
}
.text-block-113 {
font-family: Opensaucesans
}
.text-block-114 {
font-family: Opensaucesans;
font-weight: 700
}
.role {
border: 1px solid var(--black-3\);
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
min-width: 260px;
min-height: 96px;
margin-left: 24px;
margin-right: 24px;
padding: 0;
display: flex
}
.company {
border: 1px solid var(--black-3\);
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
min-width: 260px;
min-height: 96px;
margin-right: 0;
display: flex
}
.rich-text-block-2 {
color: var(--black\);
font-family: Opensaucesans;
font-size: 18px;
line-height: 28px
}
.button-10 {
border: 1px solid var(--medium-slate-blue-2\);
background-color: var(--white);
color: #815ff7;
border-radius: 40px;
margin-top: 68px;
padding: 20px 40px;
font-family: Epilogue;
font-weight: 600
}
.blog-card-dot {
background-color: var(--black\);
border-radius: 100%;
width: 2px;
height: 2px
}
.blog-card-read-time {
justify-content: center;
align-items: center;
margin-left: 0;
display: flex
}
.card2 {
flex-direction: row;
display: flex
}
.card2-link-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
border: 1px solid var(--silver\);
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding: 24px;
text-decoration: none
}
.blog-card-02-container {
flex: 1;
max-width: 1160px;
margin-left: 40px;
margin-right: 40px
}
.blog-card-02 {
justify-content: center;
align-items: center;
padding-top: 140px;
padding-bottom: 140px;
display: flex
}
.blog-card-02-content {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 104px;
display: block
}
.text-block-115 {
color: var(--black\);
flex: 0 auto;
margin-top: 24px;
margin-bottom: 14px;
font-family: Epilogue;
font-size: 20px;
font-weight: 700;
line-height: 28px
}
.link-block-9 {
grid-column-gap: 16px;
grid-row-gap: 16px;
border: 1px solid var(--light-steel-blue-2\);
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: stretch start;
max-width: 360px;
padding: 16px;
text-decoration: none;
display: inline-block
}
.collection-item {
border-bottom: 1px solid var(--floral-white\)
}
.collection-list-3 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.collection-item-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr
}
.collection-list-4 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.article-hero {
flex-direction: column;
justify-content: center;
align-items: center;
margin: -6px;
padding: 6px;
display: block;
position: relative
}
.blog-template-content {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
margin-top: 40px;
margin-bottom: 80px;
display: flex
}
.pproduct {
border: 1px solid #000;
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 240px;
min-height: 108px;
display: flex
}
.date {
border: 1px solid #000;
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 240px;
min-height: 108px;
margin-left: 24px;
margin-right: 24px;
display: flex
}
.profile {
border: 1px solid #000;
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 240px;
min-height: 108px;
display: flex
}
.text-block-116,
.text-block-117 {
color: var(--black\);
margin-top: 8px;
font-family: Opensaucesans;
font-size: 16px;
font-weight: 700;
line-height: 24px
}
.text-block-118 {
margin-top: 8px;
font-family: Opensaucesans;
font-size: 16px;
font-weight: 700;
line-height: 24px
}
.blog-template-rich-text {
justify-content: center;
align-items: center;
margin-top: 80px;
padding-bottom: 140px;
display: flex
}
.blog-template-container {
flex: 1;
max-width: 1000px;
display: flex
}
.blog-template {
flex: 1;
max-width: 840px
}
.blog-template-social {
flex-direction: column;
flex: none;
justify-content: flex-start;
align-items: center;
max-width: 65px;
height: 220px;
margin-right: 97px;
display: flex
}
.div-block-347 {
margin-top: 24px;
margin-bottom: 24px
}
.tabs-menu-2 {
background-color: var(--white);
border: 1px solid #000;
border-radius: 40px;
width: 338px;
height: 64px;
margin-bottom: 91px;
padding: 8px;
display: flex
}
.tabs {
flex-direction: column;
align-items: center;
margin-top: 48px;
display: flex
}
.text-span-6 {
color: #646464
}
.tabs-content-2 {
position: relative;
bottom: auto
}
.faq-containerr {
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
max-width: 1140px;
margin-left: 40px;
margin-right: 40px;
display: flex
}
.faq {
justify-content: center;
align-items: center;
padding-top: 140px;
padding-bottom: 140px;
display: flex
}
.image-123 {
flex: 1;
max-width: 99%
}
.project-sub-content-01 {
position: sticky
}
.webdesign {
color: var(--black\);
text-transform: uppercase;
justify-content: center;
align-items: center;
font-family: Opensaucesans;
font-weight: 700;
line-height: 24px;
display: flex
}
.project-card-content {
background-color: var(--white);
border-radius: 22px;
justify-content: center;
align-items: center;
margin-right: 12px;
padding: 4px 24px;
display: flex
}
.link-block-10 {
text-decoration: none
}
.case-study-button {
background-color: var(--black\);
border-radius: 40px;
justify-content: center;
align-items: center;
max-width: 242px;
height: 64px;
display: none
}
.collection-list-wrapper-4 {
perspective-origin: 50% 0;
transform-origin: 50% 0;
position: sticky;
top: 140px
}
.collection-list-wrapper-4._2 {
top: 88px
}
.collection-list-wrapper-4._3 {
top: 116px
}
.collection-list-wrapper-4._4 {
top: 144px
}
.collection-list-wrapper-4._1 {
top: 60px
}
.tab-linkkk {
background-color: #0000;
justify-content: center;
align-items: center;
padding: 12px 32px;
font-family: Opensaucesans;
font-size: 16px;
font-weight: 400;
line-height: 24px;
display: flex
}
.tab-linkkk.w--current {
color: #fff;
background-color: #000;
border-radius: 42px
}
.project-card-description-content {
margin-top: 54px
}
.project-card-description {
flex-direction: column;
justify-content: space-between;
display: flex
}
.contact-container {
width: 100%
}
.slider-2 {
background-color: #0000;
flex: 1;
max-width: 900px;
position: relative
}
.test-slide {
justify-content: space-between;
height: 100%;
display: flex
}
.slide-2 {
margin-right: 80px
}
.left-arrow-2 {
background-color: #000;
border-radius: 50%;
width: 80px;
height: 80px;
display: block;
inset: auto auto 0% 0%
}
.right-arrow-2 {
background-color: #000;
border-radius: 50%;
width: 80px;
height: 80px;
display: block;
inset: auto auto 0% 11%
}
.mask-2 {
overflow: visible
}
.text-block-120 {
color: #000;
font-family: Epilogue;
font-size: 40px;
font-weight: 700;
line-height: 56px
}
.text-block-122 {
color: #000;
margin-bottom: 32px;
font-family: Opensaucesans;
font-size: 26px;
font-weight: 400;
line-height: 32px
}
.link-block-14 {
color: #000;
text-transform: uppercase;
border: 1px solid #000;
border-radius: 24px;
margin-right: 14px;
padding: 6px 12px;
font-family: Opensaucesans;
font-size: 14px;
font-weight: 500;
line-height: 18px;
text-decoration: none
}
.t-s-image-box {
flex: 1;
max-width: 260px;
position: absolute;
inset: auto 0% -10% auto
}
.icon-2 {
font-size: 18px;
line-height: 18px
}
.dream-content-02 {
justify-content: center;
align-items: center;
display: flex
}
.flash-copy {
border-right: 1px solid var(--black-2\);
border-bottom: 1px solid var(--black-2\);
background-color: var(--black\);
justify-content: center;
align-items: center;
display: flex
}
.flash-copy:hover {
background-color: var(--blue-2\)
}
.ans {
color: var(--black\);
margin-top: 24px;
font-family: Opensaucesans;
font-size: 16px;
line-height: 24px
}
.style-hero {
background-color: #0000;
justify-content: center;
align-items: center;
padding-top: 8vh;
padding-bottom: 7vh;
display: flex;
overflow: hidden
}
.style-container {
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
display: flex
}
.style-guide-info {
justify-content: center;
align-items: center;
padding-top: 140px;
padding-bottom: 140px;
display: flex
}
.style-guide-container {
flex: 1;
max-width: 1160px;
margin-left: 40px;
margin-right: 40px
}
.colors-05 {
border: 1px solid #e5e5e5;
width: 160px;
height: 228px;
padding: 12px
}
.primary-purple {
background-color: var(--blue-6\);
width: 136px;
height: 136px
}
.colors-content {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.light-purple {
background-color: #c8beff;
width: 136px;
height: 136px
}
.turquoise {
background-color: #96daef;
width: 136px;
height: 136px
}
.lemon {
background-color: #def8cb;
width: 136px;
height: 136px
}
.soft-pink {
background-color: #f8cbd6;
width: 136px;
height: 136px
}
.cream {
background-color: #fed0ab;
width: 136px;
height: 136px
}
.black {
background-color: var(--black\);
width: 136px;
height: 136px
}
.gray {
background-color: #e5e5e5;
width: 136px;
height: 136px
}
.light-gray {
background-color: #e1e8ea;
width: 136px;
height: 136px
}
.typography {
grid-column-gap: 25px;
grid-row-gap: 25px;
grid-template-rows: auto auto auto auto auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-top: 140px;
display: grid
}
.button {
margin-top: 140px
}
.button-12 {
background-color: var(--black\);
border-radius: 100px;
justify-content: center;
align-items: center;
width: 134px;
height: 134px;
font-family: Opensaucesans;
font-size: 16px;
font-weight: 400;
line-height: 25px;
display: flex
}
.container-licence {
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
margin-left: 40px;
margin-right: 40px;
display: flex
}
.style-info {
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 0 3.75rem 7vh;
display: flex
}
.style-info-container {
background-color: #0a090f;
flex: 1;
max-width: 1160px;
margin-left: 0;
margin-right: 0;
padding-top: 3vh;
padding-bottom: 3vh;
position: relative
}
.images {
max-width: 440px
}
.license {
flex: 1;
display: flex;
position: relative
}
.image-124 {
max-width: 5%;
position: absolute;
inset: -35% auto auto 38%
}
.font {
max-width: 440px;
margin-top: 120px;
margin-bottom: 120px
}
.icons {
max-width: 440px
}
.image-125 {
max-width: 5%;
position: absolute;
inset: -38% 31% auto auto
}
.image-126 {
max-width: 5%;
position: absolute;
inset: -39% 47% auto auto
}
.changelog-hero {
background-color: #e1e8ea;
justify-content: center;
align-items: center;
padding-top: 173px;
padding-bottom: 141px;
display: flex
}
.v1-div {
border: 1px solid #000;
flex-direction: column;
justify-content: center;
align-items: center;
width: 560px;
height: 261px;
margin-top: 38.52px;
display: flex
}
.change-log-container {
flex: 1
}
.changelog-contnet {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex
}
.dream-content-01 {
text-align: center;
max-width: 773px;
margin-bottom: 200px;
margin-left: auto;
margin-right: auto
}
.text-span-7 {
font-weight: 400
}
.image-127 {
max-width: 16%;
position: absolute;
inset: 54% auto auto -7%
}
.project-content-02 {
display: flex
}
.text-span-8,
.text-span-9,
.text-span-10 {
font-weight: 400
}
.image-128,
.image-129,
.image-130 {
margin-right: 14px
}
.image-cover {
opacity: 0;
background-color: #fff;
width: 170%;
height: 170%;
position: absolute;
inset: 0%
}
.image-cover._2 {
background-color: var(--peach-puff-2\)
}
.image-cover._3 {
background-color: #def8cb
}
.image-cover._4 {
background-color: #f8cbd6
}
.image-cover._5 {
background-color: #c8beff
}
.text-block-123,
.text-block-124 {
font-size: 14px
}
.p-h-bg {
z-index: -1;
background-color: #e1e8ea;
height: 62%;
position: absolute;
inset: 0%
}
.ph-bg-image-1 {
width: 100%;
height: 60%;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: auto 0% 0%
}
.p-h-bg-content {
width: 100%;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0%
}
.development-design-cerd,
.marketing-design-cerd {
border: 1px solid #1f1f1f;
border-radius: 1px;
max-width: 360px;
padding: 40px 38px
}
.work-free-call-button {
flex: 0 auto
}
.banner-content-02 {
flex: none;
display: flex
}
.blog-card-content-02 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 40px;
display: flex
}
.colors-01,
.colors-02,
.colors-04,
.colors-06,
.colors-07,
.colors-08,
.colors-09,
.colors-03 {
border: 1px solid #e5e5e5;
width: 160px;
height: 228px;
padding: 12px
}
.pages-div,
.utility-pages {
margin-bottom: 32px
}
.div-block-348 {
max-width: 260px;
margin-top: 24px
}
.powered-by-webflow {
max-width: 451px;
margin-left: auto;
margin-right: auto
}
.text-wrap-2 {
margin-bottom: 10px;
font-size: 12px
}
.changer-overflow {
float: right;
clear: none;
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #000;
text-align: center;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: 20px;
margin-left: auto;
margin-right: auto;
padding-right: 0;
display: block;
position: static;
overflow: visible
}
.changer-move {
margin-bottom: 0;
padding-right: 0;
display: block
}
.changer-overflow-2 {
float: right;
height: 20px;
display: inline-block;
overflow: hidden
}
.changer-move-2 {
margin-bottom: 0;
padding-right: 0;
display: inline-block;
overflow: visible
}
.text-block-125 {
text-align: center;
max-width: 60%;
font-family: Violetsans, Arial, sans-serif;
font-size: 20px;
font-weight: 400
}
.image-131 {
display: none
}
.image-132 {
text-align: center;
max-width: 100%;
overflow: visible
}
.image-133 {
margin-bottom: 83px;
padding-left: 16px
}
.image-999 {
max-width: 43%
}
.image-1000 {
display: block
}
.press-section {
text-align: center;
background-color: #c8beff;
margin-bottom: 0
}
.pr-lo {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 1160px;
margin-bottom: 40px;
margin-left: 40px;
margin-right: 40px;
display: inline-block
}
.heading-3 {
color: #000;
letter-spacing: -2px;
margin-top: 0;
margin-bottom: 52px;
font-family: Epilogue;
font-size: 72px;
font-weight: 700;
line-height: 80px
}
.heading-3.blog-heading {
text-align: left;
max-width: 790px;
margin-bottom: 20px
}
.bold-text-18 {
text-align: left;
font-size: 36px;
line-height: 30px;
display: inline;
position: static;
overflow: visible
}
.pr-slider {
opacity: 1;
padding-bottom: 30px
}
.image-1001 {
opacity: .39;
margin-right: 20px
}
.flowout-text-center {
text-align: center;
margin-top: -48px;
margin-bottom: 48px
}
.flowout-text-center.color-dark-old {
font-size: 56px;
font-weight: 700
}
.flowout-grid-card-image {
width: 100%;
max-width: none;
height: auto;
display: block
}
.flowout-grid-card-wrapper {
z-index: 1;
position: relative
}
.flowout-features-grid {
grid-column-gap: 40px;
grid-row-gap: 64px;
grid-template-columns: 1fr 1fr 1fr
}
.flowout-grid-card-background {
background-image: url(../images/background-image.svg);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
width: 100%;
height: 100%;
margin-top: auto
}
.flowout-grid-card-background.background-2 {
background-image: url(../images/64354b8ce4872a0ef81c7c89_stock-3.png);
background-position: 50% 0;
background-size: cover
}
.flowout-grid-card-background.background-1 {
background-image: url(../images/64354b8ce4872a26251c7c8e_background2.png);
background-position: 50% 0;
background-size: cover;
margin-top: auto
}
.flowout-grid-card-bg {
z-index: -1;
width: 100%;
height: 100%;
position: absolute;
bottom: -16px;
right: -16px
}
.flowout-accentuated {
color: #1a49ba;
font-style: italic
}
.flowout-grid-card-text {
margin-top: 25px;
font-size: 18px;
line-height: 32px
}
.flowout-grid-card-content {
padding: 24px
}
.flowout-grid-card {
background-color: #fff;
border: 2px solid #1e1e1e;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: 100%;
transition: all .2s ease-in-out;
display: flex
}
.flowout-grid-card:hover {
color: #fff;
transform: translate(16px, 16px)
}
.flowout-grid-card.red-bg:hover {
background-color: #d77c7c
}
.flowout-grid-card.blue-bg:hover {
background-color: #7cc6d7
}
.flowout-grid-card.green-bg:hover {
background-color: #84d77c
}
.flowout-grid-card.flowout-grid-card-featured {
background-color: #fff;
border: 2px solid #1e1e1e;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
height: 100%;
display: flex
}
.flowout-grid-card-image-wrapper {
flex-direction: row;
flex: 0 auto;
justify-content: space-around;
align-self: auto;
align-items: stretch;
margin: auto 24px 24px
}
.flowout-grid-card-heading {
margin-top: 0;
margin-bottom: 8px;
font-size: 24px;
font-weight: 700;
line-height: 24px
}
.flowout-grid-card-heading.arial-font {
font-family: Arial, Helvetica Neue, Helvetica, sans-serif
}
.flowout-container-special {
flex: 1;
align-self: stretch;
max-width: 1440px;
padding-bottom: 16px;
padding-left: 40px;
padding-right: 56px
}
.button22 {
color: #000;
text-align: center;
letter-spacing: .32px;
background-color: #fff;
border: 2px solid #c1c1c1;
border-radius: 48px;
margin-top: 30px;
padding: 20px 40px;
font-family: Opensaucesans;
font-size: 16px;
font-weight: 700;
line-height: 24px;
display: block;
overflow: visible
}
.grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto
}
.button23 {
background-color: var(--blue-7\);
text-align: center;
letter-spacing: .32px;
border-radius: 48px;
margin-top: 30px;
padding: 20px 40px;
font-family: Opensaucesans;
font-size: 16px;
font-weight: 700;
line-height: 24px;
display: block;
overflow: visible
}
.flowout-menu {
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
width: 100%;
display: flex
}
.flowout-container {
max-width: 1440px;
padding-left: 40px;
padding-right: 40px
}
.flowout-button {
color: #1e1e1e;
text-align: center;
background-color: #fff;
border: 2px solid #1e1e1e;
border-radius: 32px;
justify-content: center;
align-items: center;
padding: 14px 56px;
line-height: 24px;
transition: all .2s ease-in-out
}
.flowout-button:hover,
.flowout-button:focus {
color: #fff;
background-color: #1a49ba;
border-color: #1a49ba;
transform: translate(8px, 8px)
}
.flowout-button.flowout-nav-button {
padding: 10px 32px
}
.flowout-button.flowout-nav-button:hover,
.flowout-button.flowout-nav-button:focus {
transform: none
}
.flowout-hero-content-wrapper {
flex: 0 auto;
width: 50%;
padding-top: 56px;
padding-bottom: 96px
}
.flowout-button-bg {
z-index: -1;
background-color: #1a49ba;
border-radius: 32px;
width: 100%;
height: 100%;
position: absolute;
inset: auto -8px -8px auto
}
.flowout-hero-image-tag {
position: absolute;
inset: auto 0% 12% -32px
}
.flowout-hero-image {
background-image: url(../images/64354b8ce4872a33701c7c85_background-1.jpg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border: 1px solid #1e1e1e;
flex: 0 auto;
width: 50%;
margin-left: 32px;
position: relative
}
.flowout-nav-link {
margin-left: 20px;
margin-right: 20px;
padding: 10px
}
.flowout-hero {
flex-direction: column;
flex: 1;
justify-content: space-between;
align-items: stretch;
padding-top: 64px;
padding-bottom: 80px;
display: flex
}
.flowout-burger {
margin-left: 21px
}
.flowout-top {
align-self: stretch
}
.flowout-button-wrapper {
z-index: 0;
display: inline-block;
position: relative
}
.flowout-hero-text {
width: 100%;
max-width: 430px;
margin-bottom: 40px
}
.flowout-hero-content {
flex-direction: row;
justify-content: space-between;
align-items: stretch;
margin-bottom: 80px;
display: flex
}
.flowout-companies-logos {
flex-direction: row;
flex: 1;
justify-content: space-between;
align-self: center;
align-items: center;
display: flex
}
.flowout-buttons {
justify-content: flex-end;
align-items: center;
display: flex
}
.flowout-hero-company {
transition: opacity .3s
}
.flowout-hero-company:hover,
.flowout-hero-company:focus {
opacity: .7
}
.card-1 {
z-index: 999;
cursor: pointer;
background-color: #fff;
border-radius: 2px;
align-items: center;
padding-right: 30px;
display: flex;
position: relative
}
.flex-row {
justify-content: center;
align-items: center;
margin-bottom: 25px;
margin-left: 15%;
margin-right: 15%;
display: flex
}
.flex-row.burn-top-banner {
grid-column-gap: .8rem;
grid-row-gap: .8rem;
margin-left: 0%;
margin-right: 0%
}
.hero-section2 {
background-image: linear-gradient(45deg, #37b9be, #b36de2);
flex-wrap: wrap;
place-content: center;
align-items: center;
min-height: 100vh;
display: flex
}
.team-member-shot {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
width: 100px;
height: 100px;
margin-right: 20px
}
.team-member-shot.caper {
background-image: url(https://cdn.prod.website-files.com/64354b8ce4872ad8cd1c7b04/64354b8ce4872a650c1c7c4d_foto-sushi-128246%20\(1\).jpg);
background-position: 55% 43%;
background-repeat: no-repeat;
background-size: 308px
}
.team-member-shot.watson {
background-image: url(../images/64354b8ce4872ab57f1c7c4f_autumn-goodman-242810.jpg);
background-position: 46% -86px;
background-repeat: no-repeat;
background-size: 250px
}
.expander-container {
-webkit-backface-visibility: visible;
backface-visibility: visible;
perspective: 1800px;
max-width: 400px;
margin: 10px;
transition: transform .2s
}
.expander-container:hover {
transform: scale(1.03)
}
.no-margin-top {
margin-top: 0
}
.flex-col {
flex: 1;
justify-content: center;
align-self: stretch;
align-items: center;
display: flex
}
.no-margin-bottom {
margin-bottom: 0
}
.about-title {
margin-top: 25px
}
.about-p {
margin-bottom: 25px
}
.card-3 {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform-origin: 50% 0;
text-align: center;
transform-style: preserve-3d;
background-color: #242424;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
height: 0;
overflow: hidden;
transform: perspective(1800px)rotateX(-100deg)rotateY(0)rotate(0)
}
.card-2 {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
perspective-origin: 50%;
transform-origin: 50% 0;
transform-style: preserve-3d;
background-color: #fff;
height: 0;
padding-left: 30px;
padding-right: 30px;
overflow: hidden;
transform: perspective(1800px)rotateX(-100deg)rotateY(0)rotate(0)
}
.hero-section-2 {
background-image: linear-gradient(45deg, #37b9be, #b36de2);
flex-wrap: wrap;
place-content: center;
align-items: center;
min-height: 100vh;
display: flex
}
.social-icon {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex
}
.social-link {
color: var(--untitled-ui-gray400\);
text-align: center;
cursor: pointer;
font-size: 48px;
line-height: 48px;
transition: all .3s;
display: block
}
.social-link:hover {
color: var(--untitled-ui-gray500\)
}
.uui-team04_social {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
text-align: center;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: 1fr;
grid-auto-flow: column;
place-content: center;
align-self: center;
place-items: center;
max-width: 39%;
margin-top: 1.5rem;
display: grid;
position: static
}
.uui-text-size-medium {
color: var(--untitled-ui-gray600\);
text-align: center;
letter-spacing: normal;
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .95rem;
line-height: 1.2
}
.uui-text-size-medium.text-color-primary700 {
color: var(--untitled-ui-primary700\)
}
.uui-space-xsmall {
width: 100%;
min-height: 1rem
}
.uui-heading-tiny {
color: var(--untitled-ui-gray900\);
text-align: center;
letter-spacing: normal;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.125rem;
font-weight: 600;
line-height: 1.5
}
.uui-team04_image {
outline-offset: 0px;
mix-blend-mode: normal;
object-fit: cover;
border-radius: 20px;
outline: 3px #fff;
width: 100%;
max-width: 100%;
height: 100%;
position: absolute;
inset: 0%;
box-shadow: 0 2px 5px #0003
}
.uui-team04_image-wrapper {
width: 100%;
margin-bottom: 1.5rem;
padding-top: 100%;
position: relative;
overflow: hidden
}
.uui-team04_item {
opacity: 1;
text-align: center;
background-color: #e1e8ea40;
border-radius: 20px;
flex-direction: column;
align-items: stretch;
padding-bottom: 20px;
padding-left: 0;
padding-right: 0;
display: flex
}
.uui-team04_list {
grid-column-gap: 2rem;
grid-row-gap: 4rem;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start stretch;
display: grid
}
.uui-team04_component {
margin-top: 4rem
}
.uui-button {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui-primary600\);
background-color: var(--untitled-ui-primary600\);
color: var(--untitled-ui-white\);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d
}
.uui-button:hover {
border-color: var(--untitled-ui-primary700\);
background-color: var(--untitled-ui-primary700\)
}
.uui-button:focus {
background-color: var(--untitled-ui-primary600\);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui-primary100\)
}
.uui-button-secondary-gray {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui-gray300\);
background-color: var(--untitled-ui-white\);
color: var(--untitled-ui-gray700\);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d
}
.uui-button-secondary-gray:hover {
background-color: var(--untitled-ui-gray50\);
color: var(--untitled-ui-gray800\)
}
.uui-button-secondary-gray:focus {
background-color: var(--untitled-ui-white\);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui-gray100\)
}
.uui-button-row {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap;
align-items: center;
display: flex
}
.uui-space-medium {
width: 100%;
min-height: 2rem
}
.uui-text-size-large {
color: var(--untitled-ui-gray600\);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.125rem;
line-height: 1.5
}
.uui-heading-medium {
color: var(--untitled-ui-gray900\);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 2.25rem;
font-weight: 600;
line-height: 1.3
}
.uui-heading-subheading {
color: var(--untitled-ui-primary600\);
margin-bottom: .75rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5
}
.uui-max-width-large {
width: 100%;
max-width: 48rem
}
.uui-padding-vertical-xhuge {
padding-top: 7rem;
padding-bottom: 7rem
}
.uui-container-large {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto
}
.uui-page-padding {
padding-left: 2rem;
padding-right: 2rem
}
.grid-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: .9fr 1fr .25fr .25fr
}
.image-1002 {
opacity: .87;
max-width: 100%;
margin-right: 0;
padding-top: 20px;
padding-bottom: 20px
}
.bold-text-4-copy {
color: var(--black-2\);
line-height: 60px
}
.heading-3-copy {
color: #000;
letter-spacing: -2px;
margin-top: 0;
margin-bottom: 52px;
font-family: Epilogue;
font-size: 72px;
font-weight: 700;
line-height: 80px
}
.heading-3-copy.blog-heading {
text-align: left;
max-width: 790px;
margin-bottom: 20px
}
.heading-3-copy.blog-heading-copy {
color: #00000021;
text-align: center;
max-width: 100%;
margin-bottom: 20px;
font-size: 30px;
line-height: 20px;
display: none
}
.bold-text-19 {
color: #00000024;
line-height: 30px
}
.social-icon-copy {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex
}
.html-embed {
width: 40%;
position: relative;
top: 20px
}
.client-heading-copy {
color: var(--white);
letter-spacing: -.16px;
max-width: 645px;
margin-bottom: 64px;
margin-left: 0;
font-family: Epilogue;
font-size: 44px;
font-weight: 700;
line-height: 64px
}
.text-span-11 {
font-size: 24px
}
.html-embed-2 {
display: block
}
.video_section {
background-color: #000;
justify-content: center;
align-items: center;
padding-top: 50px;
padding-bottom: 50px;
display: flex;
overflow: hidden
}
.vid_slide {
border: 1px solid var(--black\);
background-color: var(--white);
max-width: 460px;
margin-top: 0;
margin-right: 40px;
padding: 5px;
overflow: visible
}
.vid_slide-01 {
padding-left: 20px;
padding-right: 20px;
position: relative
}
.text_video {
color: #fff;
font-size: 40px
}
.text-block-51-copy {
color: var(--white);
margin-right: 14px;
font-family: Opensaucesans;
font-size: 16px;
line-height: 24px
}
.sub-heading-01-copy {
color: #fff;
max-width: 250px;
font-family: Epilogue;
font-size: 21px;
line-height: 40px
}
.sub-heading-01-copy.from {
color: var(--black\);
max-width: 496px;
margin-top: 0;
font-family: Epilogue;
font-weight: 700;
text-decoration: none
}
.sub-heading-01-copy.price-card-heading1 {
color: var(--black\);
text-align: center;
margin-bottom: 16px;
font-weight: 700
}
.sub-heading-01-copy.store {
max-width: 344px;
margin-bottom: 60px
}
.sub-heading-01-copy.style-sub-heading-01 {
color: var(--black\);
max-width: none;
font-weight: 700
}
.sub-heading-01-copy.text-color {
color: var(--black\);
font-weight: 600
}
.text-span-12 {
font-size: 16px;
line-height: 25px
}
.left-arrow-copy {
background-color: #fff;
border-radius: 50%;
width: 64px;
height: 64px;
inset: -55% 10% auto auto
}
.right-arrow-copy {
background-color: #fff;
border-radius: 50%;
width: 64px;
height: 64px;
inset: -55% 2% auto auto
}
.icon2 {
color: #000
}
.ido_section {
background-color: #000;
justify-content: center;
align-items: center;
height: 100%;
padding-top: 50px;
padding-bottom: 50px;
display: flex;
overflow: hidden
}
.ido_slide {
border: 1px solid var(--black\);
background-color: #0000;
max-width: 50%;
margin-top: 0;
margin-right: 10px;
padding: 5px;
overflow: visible
}
.ido-slider {
max-width: 1160px;
margin-top: 40px
}
.left-arrow-copy-copy {
background-color: #fff;
border-radius: 50%;
width: 64px;
height: 64px;
inset: -40% 10% auto auto;
overflow: hidden
}
.right-arrow-copy-copy {
background-color: #fff;
border-radius: 50%;
width: 64px;
height: 64px;
inset: -40% 2% auto auto
}
.image-1005 {
border-radius: 20px;
max-width: 100%
}
.div-block-349 {
max-width: 100%
}
.cex_link {
border-radius: 15px;
max-width: 100%
}
.grid-3 {
grid-template-rows: auto;
grid-template-columns: .25fr .25fr .25fr .25fr .25fr .25fr
}
.container-4 {
max-width: 100%
}
.text-block-126 {
color: #d5d8d9;
margin-top: 10px;
font-family: Epilogue
}
.image-1006,
.image-1007,
.image-1008,
.image-1009,
.image-1010 {
border-radius: 20px
}
.button-1-copy {
background-color: var(--blue-7\);
text-align: left;
letter-spacing: .32px;
cursor: pointer;
border-radius: 48px;
padding: 13px 30px;
font-family: Opensaucesans;
font-size: 16px;
font-weight: 700;
line-height: 24px;
display: inline-block;
overflow: visible
}
.heading-02-copy-copy {
color: var(--black\);
letter-spacing: -2px;
margin-top: 0;
margin-bottom: 52px;
font-family: Epilogue;
font-size: 72px;
font-weight: 700;
line-height: 80px
}
.heading-02-copy-copy.service-heading {
color: var(--white);
text-align: left;
letter-spacing: -.32px;
max-width: 700px
}
.heading-02-copy-copy.project {
text-align: center;
max-width: 789px;
margin-bottom: 0
}
.heading-02-copy-copy.price-heading {
text-align: center;
letter-spacing: -2px;
margin-bottom: 0;
font-size: 52px;
font-weight: 700;
line-height: 60px
}
.heading-02-copy-copy.right-plans {
text-align: center;
letter-spacing: -.32px;
max-width: 800px;
margin-bottom: 80px;
margin-left: auto;
margin-right: auto;
font-size: 65px
}
.heading-02-copy-copy.words {
text-align: center;
letter-spacing: -3px;
max-width: 816px;
margin-left: auto;
margin-right: auto
}
.heading-02-copy-copy.blog-hero-heading {
text-align: center;
letter-spacing: -2px;
max-width: 964px
}
.heading-02-copy-copy.pricing-faq-heading {
margin-bottom: 0
}
.heading-02-copy-copy.style-hero-heading {
margin-bottom: 16px;
margin-left: auto;
margin-right: auto
}
.heading-02-copy-copy.style-heading,
.heading-02-copy-copy.style-heading-02,
.heading-02-copy-copy.button {
margin-bottom: 0
}
.heading-02-copy-copy.lincence-hero-heading {
margin-bottom: 16px;
margin-left: auto;
margin-right: auto;
font-size: 60px
}
.heading-02-copy-copy.image-text,
.heading-02-copy-copy.v1 {
margin-bottom: 0
}
.heading-02-copy-copy._2 {
margin-bottom: 24px
}
.heading-02-copy-copy.work-heading {
margin-bottom: 0;
font-size: 40px
}
.heading-02-copy-copy.blog-heading {
max-width: 95%
}
.heading-02-copy-copy.color {
color: var(--white);
text-align: center;
max-width: 789px;
margin-bottom: 0
}
.heading-02-copy-copy.text-color {
color: var(--white);
letter-spacing: -2px;
max-width: 560px
}
.heading-02-copy-copy.spacing {
margin-bottom: 24px
}
.heading-02-copy-copy.spacing._2 {
margin-bottom: 0
}
.heading-02-copy-copy.blog-heading-copy {
max-width: 80%;
margin-bottom: 0
}
.heading-02-copy-copy.blog-heading-copy-copy {
max-width: 80%;
margin-bottom: 0;
font-size: 22px
}
.text_video-copy {
color: #fff;
letter-spacing: 0;
font-family: Epilogue;
font-size: 24px;
font-weight: 400;
line-height: 20px
}
.body-4 {
background-color: #fff
}
.body-5 {
background-color: #0a090f
}
.body-6 {
color: #efefe5;
background-color: #0a090f;
font-family: Violetsans, Arial, sans-serif;
font-size: 1rem;
line-height: 1.5
}
.vertical-line {
background-color: #353539;
width: 1px;
height: 100%;
position: fixed;
top: 0
}
.vertical-line.vertical-line--left {
z-index: -1;
left: 17%
}
.vertical-line.vertical-line--left.vertical-line-solution {
display: none
}
.vertical-line.vertical-line--left.vertical-line-header {
display: block;
position: absolute
}
.vertical-line.vertical-line--center {
left: 50%
}
.vertical-line.vertical-line--center.vertical-line-solution {
display: none
}
.vertical-line.vertical-line--right {
right: 17%
}
.vertical-line.vertical-line--right.vertical-line-solution {
display: none
}
.vertical-line.vertical-line--right.vertical-line-header {
display: block;
position: absolute
}
.hero-heading-top {
margin-bottom: .3125rem;
padding: .75rem 1.125rem .5rem;
line-height: 1.5;
position: relative
}
.hero-pre-title {
text-transform: uppercase;
margin-bottom: 30px;
font-family: Roboto Mono, sans-serif;
font-size: 1.125rem;
line-height: 1.33
}
.hero-pre-title.korean-language {
margin-top: 30px;
margin-bottom: 0
}
.container {
padding-left: 2.2%;
padding-right: 2.2%
}
.container.hero-flex-container {
flex-direction: column;
justify-content: space-between;
min-height: 86vh;
padding-bottom: 20px;
display: flex
}
.container.product-descr-container {
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: flex
}
.container.product-descr-container.burn-page {
z-index: 2;
position: relative
}
.container.container-pages-head {
width: 100%
}
.container.container--overflow-hidden {
overflow: hidden
}
.hero-slide-fade {
z-index: 2;
background-color: #0000;
background-image: linear-gradient(#09090e00, #0a090f);
height: 56px;
position: absolute;
bottom: 0;
left: 0;
right: 0
}
.container-middle {
width: 69.03%;
margin-left: auto;
margin-right: auto;
display: block
}
.container-middle.revolution__container-middle {
background-color: #0000;
border-top: 1px solid #353539;
border-bottom: 1px solid #353539;
justify-content: center;
align-items: center;
width: 66%;
height: 100px;
margin-left: auto;
margin-right: auto;
display: flex
}
.container-middle.revolution__items {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 66%;
display: grid;
position: relative
}
.paragraph-3 {
color: #efefe5;
margin-bottom: 0;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
line-height: 1.42
}
.paragraph-3.hide {
display: none
}
.hero-heding-top-stroke {
position: absolute;
top: 0;
left: 0
}
.image-1011 {
display: block;
transform: rotate(0)
}
.explore-link-text {
color: #efefe599;
margin-right: 24px;
font-family: Roboto Mono, sans-serif;
font-size: .75rem
}
.hero-slider-wrap {
border: 1px solid #efefe5;
height: 85px;
position: relative;
overflow: visible
}
.hero-slider-wrap.js-hero-text-slides {
height: 5.3125rem
}
.explore-link-icon {
justify-content: center;
align-items: center;
width: 76px;
height: 76px;
display: flex;
position: relative
}
.hero-info {
padding-top: 20vh;
padding-bottom: 50px;
display: flex
}
.hero-info.burn-hero-info {
padding-top: 140px
}
.hero-bottom-left {
padding-bottom: 10px
}
.image-1012 {
display: block
}
.hero-heading {
flex-direction: column;
align-items: flex-start;
font-family: Violetsans, Arial, sans-serif;
font-size: 3.75rem;
line-height: 1;
display: flex
}
.hero-info-right {
width: 50%
}
.hero-info-right.burn-hero-info-right {
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: #353539;
border: 1px solid #353539
}
.hero-info-right.burn-hero-info-right.align-end {
justify-content: flex-end;
align-items: center;
display: flex
}
.hero-slide {
text-transform: uppercase;
max-width: 20.25rem;
padding: 1.375rem;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
line-height: 1.42
}
.hero-slide.burn-hero-slide {
align-items: center;
width: 100%;
max-width: 100%;
display: flex
}
.hero-bottom-center {
z-index: 9;
width: 34.3%;
margin-left: auto;
padding: 0 26px;
position: relative
}
.hero-bottom-right {
text-align: right;
justify-content: flex-end;
width: 15.6%;
padding-left: 26px;
display: flex
}
.hero-slider-quote {
border: 1px solid #efefe5;
justify-content: center;
align-items: center;
width: 66px;
height: 66px;
display: flex;
position: absolute;
top: -66px;
left: -1px
}
.hero-slider-quote.wide-mode {
width: 200px
}
.paragraph-4 {
font-size: 1.125rem
}
.paragraph-4.hero-anim-text {
margin-bottom: 0
}
.hero-bottom-line {
background-color: #ffffff2e;
width: 100vw;
height: 1px;
position: absolute;
bottom: 0;
left: 100%
}
.corner {
width: 15px;
height: 15px;
position: absolute;
left: -22px
}
.corner.corner--bottom-left {
bottom: -17px
}
.corner.explore-link-corner-right {
opacity: .3;
transform-style: preserve-3d;
top: 0;
left: auto;
right: 0;
transform: rotateX(0)rotateY(180deg)rotate(0)
}
.corner.corner--top-left {
top: -17px;
left: -22px
}
.corner.explore-link-corner-left {
opacity: .3;
transform-style: preserve-3d;
bottom: 0;
left: 0;
transform: rotateX(180deg)rotateY(0)rotate(0)
}
.corner.corner--top-right {
top: -17px;
left: auto;
right: -22px
}
.corner.corner--bottom-right {
bottom: -17px;
left: auto;
right: -22px
}
.corner.corner-inside--top-left {
top: 0;
left: 0
}
.corner.corner-inside--top-left.opacity-06 {
opacity: .6
}
.corner.corner-inside--bottom-right {
bottom: 0;
left: auto;
right: 0
}
.corner.corner-inside--bottom-right.opacity-06 {
opacity: .6
}
.hero-heading-bottom {
padding-left: 1.125rem;
padding-right: 1.125rem;
position: relative
}
.hero-info-left,
.hero-info-left.burn-hero-info-left {
width: 50%
}
.explore-link {
align-items: center;
text-decoration: none;
display: flex
}
.hero-slider-inner {
height: 10.625rem;
position: relative;
overflow: visible
}
.hero-slider-inner.burn-hero-slide-inner {
align-items: center;
height: 85px;
display: flex
}
.paragraph {
color: #d8d8cf;
flex: 1;
margin-bottom: 0;
font-family: Violetsans, Arial, sans-serif;
font-size: .75rem;
line-height: 1.5
}
.paragraph.hero-feature-paragraph {
text-transform: none;
font-family: Roboto Mono, sans-serif;
line-height: 1
}
.hero {
padding-bottom: 0;
overflow: hidden
}
.heading-4 {
margin-top: 0;
margin-bottom: 0;
font-size: 3.75rem;
font-weight: 400;
line-height: 1
}
.hero-bottom {
z-index: 9;
align-items: flex-end;
margin-bottom: 0;
display: flex;
position: relative
}
.hero-heading-bottom-stroke {
position: absolute;
top: -.3125rem;
left: 0
}
.hero-feature {
color: #d8d8cf;
text-align: right;
border-top: 1px solid #353539;
justify-content: flex-end;
padding: .5rem 1.125rem .4375rem 42%;
font-family: Roboto Mono, sans-serif;
font-size: .75rem;
line-height: 1;
display: flex
}
.hero-feature.transparent {
opacity: .6
}
.track-horiz-slide {
opacity: 1;
background-color: #0000;
flex: none;
width: 33vw;
height: 100vh;
padding: 12vh 0 0
}
.track-horiz-slide.track-slide-9 {
margin-right: 50.02vw
}
.track-horiz-slide.track-slide-1 {
margin-left: 17vw
}
.frame {
height: 100%;
display: flex;
overflow: visible
}
.slide-product-text {
text-align: center;
text-transform: uppercase;
flex: 1;
justify-content: center;
align-items: center;
padding: 16px;
font-family: Roboto Mono, sans-serif;
font-weight: 400;
display: flex
}
.camera {
width: 100vw;
height: 100vh;
position: sticky;
top: 0;
overflow: hidden
}
.slide-product-nb {
border-right: 1px solid #efefe5;
justify-content: center;
align-items: center;
width: 5.625rem;
height: 6rem;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
display: flex
}
.slide-product-block {
background-color: #0a090f;
border: 1px solid #efefe5;
border-radius: 1px;
width: 100%;
display: flex;
position: relative
}
.slide-product-block.with-right-border {
border-right-width: 1px
}
.product-track {
height: 500vh;
min-height: 100vh;
position: relative
}
.product-fade-right {
z-index: 2;
opacity: .75;
background: linear-gradient(135deg, #000000, #0A0F1F, #101D2D);
background-attachment: fixed;
color: #fff;
box-shadow: 0 0 40px rgba(10, 15, 31, 0.6);
width: 49.95vw;
height: 6.2rem;
display: block;
position: absolute;
top: 16vh;
right: 0
}
.product-fade-left {
z-index: 2;
background: linear-gradient(135deg, #000000, #0A0F1F, #101D2D);
background-attachment: fixed;
color: #fff;
box-shadow: 0 0 40px rgba(10, 15, 31, 0.6);
width: 17vw;
height: 6.2rem;
position: absolute;
top: 16vh;
left: 0
}
.track-trigger {
opacity: 0;
width: 10px;
height: 32.92vw;
position: absolute;
left: 0
}
.track-trigger._1 {
background-color: #f0d6d6;
height: 90%;
display: block;
top: 10%;
left: 0
}
.track-trigger._2 {
background-color: #b68e8e;
height: 80%;
top: 20%
}
.track-trigger._3 {
background-color: #d87a7a;
height: 70%;
top: 30%
}
.track-trigger._4 {
background-color: #dad692;
height: 60%;
top: 40%
}
.track-trigger._5 {
background-color: #879e34;
height: 50%;
top: 50%
}
.track-trigger._6 {
background-color: #167736;
height: 40%;
top: 60%
}
.track-trigger._7 {
background-color: #5298a8;
height: 30%;
top: 70%
}
.track-trigger._8 {
background-color: #22286b;
height: 20%;
top: 80%
}
.track-trigger._9 {
background-color: #ff1212;
height: 5%;
top: 90%
}
.track-trigger._10 {
background-color: #b833b3;
height: 20px;
display: none;
top: 90%;
left: 0
}
.corner-img {
display: block
}
.corner-img.corner-img--bottom-left {
transform-style: preserve-3d;
transform: rotateX(180deg)rotateY(0)rotate(0)
}
.corner-img.corner-img--top-right {
transform-style: preserve-3d;
transform: rotateX(0)rotateY(180deg)rotate(0)
}
.corner-img.corner-img--bottom-right {
transform: rotate(180deg)
}
.product-corners-frame {
z-index: 4;
border: 1px solid #efefe5;
width: 33%;
height: 6.125rem;
position: absolute;
top: 16vh;
left: 17%
}
.product-corners-frame.roadmap-corners-frame,
.product-corners-frame.burn-rewards-corners-frame {
border-color: #efefe5;
height: 6.13rem;
display: block;
top: 0
}
.product-track-descr {
z-index: 3;
align-items: flex-end;
width: 100%;
height: 100%;
padding-bottom: 0;
display: flex;
position: relative;
bottom: 0;
left: 0
}
.product-track-descr.burn-product-track-descr {
border-bottom: 1px solid #353539;
margin-top: 56px;
padding-top: 50px;
padding-bottom: 45px
}
.product-track-slogan {
width: 20%;
margin-right: 15.6%;
padding-top: 40px;
padding-left: 16px;
padding-right: 16px;
font-size: 1.125rem
}
.section-heading {
padding-top: 36px;
position: relative
}
.section-heading.section-heading--lg.sh-flex {
display: flex
}
.section-heading-dot {
background-color: #efefe5;
border-radius: 50%;
width: 4px;
height: 4px;
position: absolute;
top: 0
}
.section-heading-dot.section-heading-dot-1 {
left: 5px
}
.section-heading-dot.section-heading-dot-2 {
left: 15px
}
.heading-5 {
color: #efefe5;
font-family: Violetsans, Arial, sans-serif;
font-size: 3.5rem;
font-weight: 400;
line-height: 1.07
}
.heading-6 {
font-family: Violetsans, Arial, sans-serif;
font-weight: 400
}
.reviews-section {
padding-top: 8vh;
position: relative;
overflow: hidden
}
.reviews-camera {
width: 100vw;
height: auto;
min-height: 100vh;
position: sticky;
top: 0;
overflow: hidden
}
.reviews-frame {
height: 100%;
min-height: 100vh;
padding-top: 8vh;
padding-bottom: 8vh;
display: flex
}
.reviews-item {
border-top: 1px solid #353539;
border-bottom: 1px solid #353539;
flex: none;
width: 83vw;
padding-top: 0;
padding-bottom: 0
}
.review-block {
background-color: #0a090f;
border-top: 1px solid #353539;
border-bottom: 1px solid #353539;
border-right: 0 #353539;
flex-direction: column;
justify-content: space-between;
width: 100%;
height: auto;
min-height: 69vh;
padding-bottom: 40px;
display: flex
}
.review-top-panel {
display: flex
}
.review-item-labe {
align-items: center;
width: 20.6%;
padding-left: 2.9%;
display: flex
}
.review-item-labe-text {
font-family: Roboto Mono, sans-serif;
font-size: .875rem
}
.review-nb {
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
margin-left: 12%;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
display: flex;
position: relative
}
.review-author {
align-items: center;
width: 39.7%;
display: flex
}
.review-author-photo {
mix-blend-mode: luminosity;
width: 14.75%;
margin-right: 1rem
}
.review-author-name {
flex: 1;
align-items: center;
display: flex
}
.review-author-tname-text {
font-size: 1.125rem
}
.review-author-name-bullet {
margin-right: 1rem
}
.review-author-post {
opacity: .6;
text-transform: uppercase;
align-items: center;
width: 39.7%;
padding-left: 2.2%;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
display: flex
}
.review-quote-text {
width: 40%;
margin-top: 6vh;
margin-bottom: 6vh;
padding-left: 2.65%;
font-size: 1.8rem;
line-height: 1.13
}
.review-sub-text {
opacity: .6;
border-left: 1px solid #efefe5;
width: 30%;
margin-left: 2.65%;
padding-left: 2%
}
.reviews-fade-right {
z-index: 2;
background-color: #0a090fd9;
border-top: 1px solid #353539;
border-bottom: 1px solid #353539;
border-left: 0 #000;
width: 17%;
position: absolute;
top: 15vh;
bottom: 20vh;
right: 0
}
.reviews-fade-divider {
z-index: 3;
background-color: #353539;
width: 1px;
position: absolute;
top: 15vh;
bottom: 20vh;
right: 17%
}
.review-trigger {
width: 10px;
position: absolute
}
.review-trigger._1 {
height: 80%;
top: 20%
}
.review-trigger._2 {
height: 60%;
top: 40%
}
.review-trigger._3 {
height: 40%;
top: 60%
}
.review-trigger._4 {
height: 14%;
top: 80%
}
.page-spacer {
height: 8vh
}
.paragraph-5,
.review-sub-text-p {
margin-bottom: 0
}
.solutions-section {
z-index: 2;
padding-top: 12vh;
padding-bottom: 8vh;
position: relative
}
.section-title--lg {
font-size: 4.75rem
}
.solutions-list {
width: 84.5%;
margin-top: 78px;
padding-top: 0;
position: relative
}
.solutions-row {
opacity: .35;
border-bottom: 1px solid #353539;
margin-top: 0;
padding-top: 50px
}
.solutions-cols {
margin-top: 25px;
display: flex
}
.solutions-col {
flex-direction: column;
flex: none;
justify-content: space-between;
display: flex
}
.solutions-col.solutions-col--left {
width: 59.2%;
min-height: 38vh;
padding-right: 18px
}
.solutions-col.solutions-col--right {
width: 40.8%
}
.nb-default {
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
display: flex;
position: relative
}
.nb-corner {
position: absolute
}
.nb-corner.nb-corner--left {
top: 0;
left: 0
}
.nb-corner.nb-corner--right {
bottom: 0;
right: 0
}
.solutions-row-title {
margin-top: 0;
margin-bottom: 0;
font-size: 2.25rem
}
.solutions-row-descr {
width: 48%;
margin-top: 25px;
padding-bottom: 28px
}
.solutions-feat-list {
border-top: 1px solid #353539
}
.solutions-feat-item {
text-align: right;
text-transform: uppercase;
border-bottom: 1px solid #353539;
padding: 12px 18px;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
line-height: 1
}
.solutions-actions {
justify-content: flex-end;
display: block
}
.image-1013,
.image-1014 {
display: block
}
.paragraph-6 {
margin-bottom: 0
}
.link-more {
color: #efefe5;
text-transform: uppercase;
align-items: center;
font-family: Roboto Mono, sans-serif;
font-size: .8125rem;
text-decoration: none;
transition: opacity .2s;
display: flex
}
.link-more:hover {
opacity: 1
}
.link-more.link-more--width-100 {
justify-content: space-between;
width: 100%
}
.link-more.link-more--sm {
font-size: .75rem
}
.link-more.link-more--sm.link-more--no-uppercase {
text-transform: none
}
.link-more.link-more--sm.link-more--no-uppercase.show-in-mobile {
display: none
}
.link-more.hover-opacity-70:hover {
opacity: .7
}
.link-more-icon {
opacity: .6;
width: 1.385rem;
height: auto;
margin-left: 26px;
display: block
}
.link-more-icon.link-more-icon--sm {
width: 1.25rem;
margin-left: 1rem
}
.link-more-icon.link-more-icon--sm.no-marg {
margin-left: 0
}
.link-more-icon.link-more-icon--xs {
width: 1rem;
height: 1rem
}
.link-more-icon.link-more-icon--xxs {
width: .625rem;
max-width: .625rem;
height: .625rem;
margin-left: 22px
}
.link-more-icon.no-marg {
margin-left: 0
}
.link-more-icon.link-more-icon--l {
width: 2.375rem;
max-width: 2.375rem
}
.ai-model-section {
border-bottom: 0 #0000;
margin-bottom: 0;
padding-top: 12vh;
padding-bottom: 8vh;
display: block
}
.section-head-cols {
width: 84.5%;
display: flex
}
.section-head-cols.ai-center {
align-items: center
}
.section-head-cols.direction-row-mobile.cases-head-section {
margin-bottom: 4rem
}
.section-head-cols.ai-bottom {
align-items: flex-end
}
.section-head-cols.y-paddings {
margin-bottom: 3rem;
padding-top: 3rem
}
.section-head-col.section-head-col--left {
width: 59.2%;
padding-right: 10px
}
.section-head-col.section-head-col--left.single-case-article {
padding-right: 4rem
}
.section-head-col.section-head-col--right {
width: 40.8%;
padding-top: 36px
}
.section-head-col.section-head-col--right.align-end {
justify-content: flex-end;
align-self: flex-end;
display: flex
}
.section-head-descr {
padding-left: 4.3%;
padding-right: 14.4%;
font-size: 1.1rem;
line-height: 1.25
}
.ai-model-content-cols {
width: 84.5%;
margin-top: 125px;
display: flex
}
.ai-model-content-cols.ai-model-cols-sub {
margin-top: -1px
}
.ai-model-content-col {
border-top: 1px solid #353539;
width: 40.8%
}
.ai-model-content-col-pre {
width: 18.4%
}
.ai-model-pre-text {
border-top: 1px solid #353539;
border-bottom: 1px solid #353539;
border-left: 1px solid #353539;
padding: 43px 12.2%;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
line-height: 1
}
.ai-model-content-head {
border-bottom: 1px solid #353539;
flex-direction: column;
align-items: center;
padding: 26px 5.5%;
display: flex
}
.ai-model-content-thumb {
width: 42%;
margin-top: -21%;
margin-bottom: 40px
}
.ai-model-title-h3 {
margin-top: 0;
margin-bottom: 0;
font-family: Roboto Mono, sans-serif;
font-size: 1.125rem
}
.ai-model-title-h3.mb-30 {
margin-bottom: 30px
}
.ai-model-title-h3.mb-22 {
margin-bottom: 22px
}
.ai-model-title-h3.mb-40-10 {
margin-top: 40px;
margin-bottom: 10px
}
.ai-model-title-h3.violet-font {
font-family: Violetsans, Arial, sans-serif
}
.ai-model-title-h3.ai-model-title-tab {
text-transform: uppercase
}
.ai-model-boxes-list {
flex-direction: column;
align-items: flex-end;
display: flex
}
.ai-model-box {
border: 1px solid #353539;
border-right-width: 0;
width: 94.5%;
margin-bottom: 52px
}
.ai-model-arrow {
text-align: center;
padding-top: 7px;
padding-bottom: 7px
}
.ai-model-box-head {
border-bottom: 0 solid #353539;
justify-content: flex-start;
display: flex
}
.ai-model-box-head-text {
color: #efefe599;
text-transform: uppercase;
border-bottom: 1px solid #353539;
border-right: 1px solid #353539;
padding: 18px 6.1%;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
line-height: 1
}
.ai-model-box-content {
text-align: center;
padding: 35px 3%
}
.ai-model-box-content-text {
opacity: .6
}
.grid-4 {
grid-column-gap: 0px;
grid-row-gap: 0px
}
.ai-model-box-cols {
width: 100%;
margin-bottom: 15px;
font-size: .875rem;
display: flex
}
.ai-model-box-col {
flex-direction: column;
justify-content: space-between;
width: 50%;
min-height: 180px;
padding-left: 3%;
padding-right: 3%;
display: flex
}
.ai-model-box-col.ai-model-box-col-border {
border-left: 1px solid #353539
}
.ai-model-sub-title {
opacity: 1;
text-transform: uppercase;
font-family: Roboto Mono, sans-serif
}
.ai-model-sub-title.opacity-60 {
opacity: .6
}
.section-action {
z-index: 2;
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.section-action.ai-model-action {
width: 84.5%;
margin-top: 40px;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 15%
}
.section-action.basic-action {
padding-left: .75rem;
padding-right: .75rem
}
.btn-primary {
padding: 13px 12px;
font-family: Roboto Mono, sans-serif;
font-size: .75rem;
text-decoration: none;
position: relative
}
.btn-primary.btn-primary--lg {
text-align: center;
background-color: #0000;
border-width: 0;
padding: 1.5rem 5.125rem;
font-size: .8125rem;
display: block
}
.btn-primary.btn-primary--lg.btn-primary--dropdown {
padding-left: 2rem;
padding-right: 2rem
}
.btn-primary.btn-primary--lg.btn-primary--padding-sm {
padding-left: 1rem;
padding-right: 1rem
}
.btn-primary.btn-primary--lg.btn-primary--padding-sm.pointer-events-none {
opacity: .65
}
.btn-primary.ml-auto {
margin-left: auto
}
.btn-primary.btn-primary--grey.btn-primary--lg.btn-primary--padding-sm.mb-20 {
margin-bottom: 20px
}
.btn-primary.btn-verify {
margin-top: -.875rem;
padding-left: 1.5rem;
padding-right: 1.5rem
}
.btn-primary.btn-primary--custom-icon {
padding: 1rem 3rem 1rem 1.2rem
}
.btn-primary.btn-primary--bg-dark {
background-color: var(--bg-dark)
}
.btn-primary.btn-linear.btn-smart_hero {
background-image: url(../images/67220b645383f72ac307c57e_button-learn-more.svg)
}
.btn-primary.btn-linear.btn-smart_hero.features-cta {
margin-top: 9rem
}
.btn-primary.btn-smart_hero {
background-image: url(../images/67220e8fa6b2d254863901b9_button-try-now.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
padding: .715rem 1.5rem
}
.btn-primary-lines.btn-primary-lines-2 {
justify-content: center;
display: flex
}
.btn-primary-text {
color: #efefe5;
text-transform: uppercase;
padding-left: 1.4375rem;
font-size: .8125rem;
line-height: 1;
text-decoration: none;
display: block;
position: relative
}
.btn-primary-text.show-in-mobile {
display: none
}
.btn-primary-text.hide-in-mobile.diff-size,
.btn-primary-text.diff-size {
font-size: .75rem
}
.btn-primary-text.my-auto {
margin-top: auto;
margin-bottom: auto
}
.btn-primary-text.text-capital {
text-transform: capitalize
}
.btn-temp-image {
position: absolute;
top: 0;
left: 0
}
.soliutions-image-track {
width: 50.2%;
height: 102%;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 0;
left: 17%;
right: 0
}
.solutions-image-wrap {
background-color: #0000;
width: 100%;
position: sticky;
top: 11%
}
.solutions-image-wrap.d-none {
display: none
}
.solutions-image-wrap.solutions-lottie-wrap {
top: 0
}
.solutions-image {
opacity: 0;
display: block;
position: absolute;
top: 0;
transform: translateY(-50%)
}
.roadmap-section {
padding-top: 12vh;
padding-bottom: 8vh;
position: relative;
overflow: hidden
}
.link-3 {
color: #efefe5;
text-decoration: underline
}
.link-3:hover {
text-decoration: none
}
.roadmap-track {
width: 33%;
height: auto;
margin-top: 0;
margin-left: 17%;
position: relative
}
.roadmap-camera {
position: sticky;
top: 12vh;
overflow: visible
}
.roadmap-frame {
width: 33%;
height: 100%;
margin-left: 17%;
padding-top: 0;
display: flex
}
.roadmap-slide-inner {
flex: none;
width: 100%
}
.roadmap-slide-inner.roadmap-slide-1 {
margin-left: 17vw
}
.roadmap-card {
background-color: #0000;
flex-direction: column;
width: 100%;
display: flex
}
.roadmap-card-head {
align-items: stretch;
display: flex
}
.roadmap-card-icon {
justify-content: center;
align-items: center;
width: 5.625rem;
height: 6rem;
margin-right: 6px;
display: flex
}
.roadmap-card-icon.bordered {
border-right: 1px solid #efefe5;
margin-right: 0;
font-size: .875rem
}
.roadmap-card-head-text {
padding-top: 16px;
padding-bottom: 16px
}
.roadmap-card-head-text.full-width {
text-align: center;
flex: 1
}
.roadmap-card-pre-title {
opacity: .6;
white-space: nowrap;
display: flex
}
.roadmap-card-title {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: Roboto Mono, sans-serif;
font-size: 1.125rem;
line-height: 1.16
}
.roadmap-card-title.size-small {
font-size: 1rem
}
.roadmap-card-pre-title-text {
text-transform: uppercase;
margin-left: 14px;
font-family: Roboto Mono, sans-serif;
font-size: .75rem;
font-weight: 400
}
.roadmap-card-body {
padding: 1.3125rem 1.5rem
}
.roadmap-card-subhead {
text-transform: uppercase;
border-bottom: 1px solid #353539;
align-items: center;
padding: 1.5rem;
font-family: Roboto Mono, sans-serif;
font-size: 1.125rem;
line-height: 1.15;
display: flex
}
.roadmap-card-divider {
background-color: #858580;
width: 5px;
height: 5px;
margin-left: 14px;
margin-right: 14px
}
.roadmap-card-year {
opacity: .6;
font-family: Roboto Mono, sans-serif
}
.roadmap-card-subhead-stroke {
background-color: #353539;
flex: 1;
height: 1px;
margin-left: 35px
}
.roadmap-card-box.no-border {
border-bottom-width: 0
}
.roadmap-card-text-row {
margin-bottom: 14px
}
.roadmap-card-row-selected {
color: #efefe5;
padding-right: 30px;
position: relative
}
.image-1015 {
max-width: 54px;
display: block
}
.roadmap-card-pre-icon {
display: block;
transform: rotate(180deg)
}
.roadmap-card-check {
position: absolute;
top: 2px;
right: 0
}
.roadmap-trigger {
width: 10px;
position: absolute;
left: 0
}
.roadmap-trigger._2 {
height: 68%;
top: 32%
}
.roadmap-trigger._3 {
height: 52%;
top: 48%
}
.roadmap-trigger._4 {
height: 36%;
top: 64%
}
.roadmap-trigger._5 {
height: 20%;
top: 80%
}
.roadmap-trigger._6 {
height: 5%;
top: 90%
}
.roadmap-fade-right {
z-index: 3;
background-color: #0a090fa6;
width: 17vw;
height: 100%;
position: absolute;
top: 0;
right: 0
}
.roadmap-line-right {
z-index: 4;
background-color: #353539;
width: 1px;
height: 100%;
position: absolute;
top: 0;
right: 17vw
}
.roadmap-fade-left {
z-index: 3;
background-color: #0a090fe6;
width: 17vw;
height: 100%;
display: block;
position: absolute;
top: -1px;
left: 0
}
.unlimited-solutions {
flex-direction: column;
justify-content: space-between;
min-height: 100vh;
padding-top: 16vh;
padding-bottom: 30px;
display: flex;
position: relative;
overflow: hidden
}
.unlimited-slider-wrap {
width: 33%;
margin-left: 17%
}
.unlimited-slider {
background-color: #0000;
height: auto
}
.mask-3 {
overflow: visible
}
.left-arrow-3,
.right-arrow-3,
.slide-nav-3 {
display: none
}
.reviews-slider-wrap {
width: 83%;
margin-left: 0%
}
.slider-3 {
background-color: #0000
}
.reviews-slider {
color: #efefe5;
background-color: #0000;
height: auto;
min-height: auto;
overflow: visible
}
.slide-nav-4 {
display: none
}
.reviews-slide {
height: auto;
min-height: auto;
padding-top: 7vh;
padding-bottom: 20vh;
padding-right: 0
}
.mask-4 {
overflow: visible
}
.webgl {
z-index: 5;
position: fixed;
top: 0
}
.custom-slider-arrow.custom-slider-arrow--prev.custom-slider-arrow--top {
display: block
}
.ecosystem-section {
padding-top: 12vh;
padding-bottom: 8vh
}
.ecosystem-banner {
margin-top: 3.625rem;
margin-bottom: 2rem;
position: relative
}
.ecosystem-image {
width: 100%;
height: auto;
display: block
}
.ecosystem-row {
border-top: 1px solid #353539;
display: flex
}
.ecosystem-row-item {
width: 50%;
padding: 26px 2.8%;
position: relative
}
.ecosystem-row-nb {
border: 1px solid #353539;
justify-content: center;
align-items: center;
width: 74px;
height: 79px;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
display: flex;
position: absolute;
top: -1px;
left: -73px
}
.ecosystem-row-title {
margin-top: 0;
margin-bottom: 0;
font-size: 1.75rem
}
.ecosystem-row-title.title-bottom-margin {
margin-bottom: 58px
}
.token-section {
padding-top: 12vh;
padding-bottom: 8vh;
overflow: hidden
}
.token-intro {
width: 84.5%;
padding-bottom: 7rem;
display: flex;
position: relative
}
.token-intro-col.tic-left {
width: 59.2%
}
.token-intro-col.tic-right {
width: 40.8%
}
.token-intro-descr {
max-width: 44%;
margin-top: 5.9rem
}
.token-feature-title {
opacity: .6;
text-align: right;
text-transform: uppercase;
padding: 2rem 18px 1.5rem;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
line-height: 1
}
.token-features {
border-top: 1px solid #353539
}
.token-feature {
text-align: right;
text-transform: uppercase;
border-bottom: 1px solid #353539;
padding: 12px 18px;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
line-height: 1
}
.token-intro-visual {
z-index: 2;
width: 38%;
max-width: 27.625rem;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 0;
left: 15%;
right: 0
}
.image-1017 {
display: block
}
.tiv-image {
display: none
}
.token-sub-intro {
z-index: 3;
justify-content: space-between;
align-items: stretch;
width: 84.5%;
margin-bottom: 52px;
padding-right: 28px;
display: flex;
position: relative
}
.token-sub-intro-col {
flex-direction: column;
justify-content: flex-end;
display: flex
}
.copy-title {
opacity: .6;
text-transform: uppercase;
margin-bottom: 20px;
font-family: Roboto Mono, sans-serif;
font-size: .875rem
}
.copy-block {
background-color: #09090e;
border: 1px solid #353539;
display: flex;
position: relative
}
.copy-logos {
align-items: stretch;
display: flex
}
.copy-code-block {
color: #efefe5;
-webkit-text-stroke-color: #efefe5;
border-left: 0 #353539;
align-items: center;
padding-right: 17px;
text-decoration: none;
display: flex;
position: relative
}
.copy-code-block.js-copy-btn {
border-left: 0 #0000;
transition: opacity .2s;
position: relative
}
.copy-code-block.js-copy-btn:hover {
opacity: .6
}
.copy-code-label {
font-family: Roboto Mono, sans-serif
}
.copy-code-label.show-in-mobile {
display: none
}
.copy-code-label.ml-auto {
margin-right: auto
}
.copy-code-label.ml-auto.hide-in-mobile {
margin-left: auto;
margin-right: 0
}
.copy-code-full-text {
margin-left: 10px
}
.image-1018 {
width: .937rem
}
.copy-icon {
cursor: pointer;
width: .937rem;
margin-left: 17px;
transition: opacity .2s
}
.copy-icon:hover {
opacity: .6
}
.copy-icon.copied-icon,
.copy-icon.js-copy-btn {
height: auto;
margin-left: 0
}
.copy-logos-item {
margin-left: 12px;
margin-right: 12px
}
.copy-logos-item.hacken-logo {
width: 6.75rem;
height: auto;
margin-left: 1rem;
margin-right: 1rem
}
.marquee-block {
border: 0 #353539;
width: 84.5%;
display: flex;
position: relative
}
.marquee-title {
text-transform: uppercase;
padding: 43px 12.2%;
font-family: Roboto Mono, sans-serif;
font-size: .875rem
}
.marquee-frame {
background: linear-gradient(135deg, #000000, #0A0F1F, #101D2D);
background-attachment: fixed;
color: #fff;
box-shadow: 0 0 40px rgba(10, 15, 31, 0.6);
border: 1px solid #353539;
border-left-width: 0;
flex-direction: column;
flex: 1;
display: flex;
position: relative;
overflow: hidden
}
.marquee-heading {
border: 1px solid #353539;
border-right-width: 0;
width: 18.4%
}
.marquee-heading.mh-not-visible {
opacity: 0
}
.marquee-heading.mh-alt-mode,
.marquee-heading.mb-auto {
margin-bottom: auto
}
.marquee-frame-shadows {
z-index: 3;
background-image: linear-gradient(90deg, #09090e, #09090e00);
width: 10%;
position: absolute;
top: 0;
bottom: 0;
left: 0
}
.marquee-frame-shadows.marquee-frame-shadows--right {
background-image: linear-gradient(90deg, #09090e00, #09090e);
left: auto;
right: 0
}
.marquee-holder {
width: 100%;
height: 100%;
display: flex
}
.marquee-content {
flex-direction: row;
flex: none;
align-items: center;
height: 100%;
display: flex
}
.marquee-content.align-stretch {
align-items: stretch
}
.marquee-content.reverse {
flex-direction: row
}
.marquee-item {
opacity: .8;
flex: none;
justify-content: center;
align-items: center;
width: 170px;
margin-left: 24px;
margin-right: 24px;
padding-top: 28px;
padding-bottom: 28px;
transition: opacity .2s;
display: flex
}
.marquee-item:hover {
opacity: 1
}
.js-marquee-token-clone {
display: flex
}
.grid-columns {
width: 84.5%;
margin-top: -1px;
display: flex
}
.grid-columns.grid-columns-footer {
margin-top: 46px;
display: none
}
.grid-columns.hide-in-tablet.d-none,
.grid-columns.d-none {
display: none
}
.grid-columns.gd-bottom-minus {
margin-bottom: -1px
}
.grid-columns.grid-columns-special {
align-items: flex-start;
padding-bottom: 2rem
}
.grid-columns.grid-columns-popular {
margin-bottom: 2rem
}
.grid-columns.brand-intro {
margin-top: 4.5rem
}
.grid-columns.brand-intro.va-top,
.grid-columns.va-top {
align-items: flex-start
}
.grid-column-pre {
border-top: 1px solid #353539;
border-bottom: 1px solid #353539;
border-left: 1px solid #353539;
width: 18.4%
}
.grid-column-pre.empty-col {
border-top: 0 #0000;
border-bottom-width: 0;
border-bottom-color: #0000;
border-left-width: 0;
border-left-color: #0000
}
.grid-column {
border-top: 1px solid #353539;
border-bottom: 1px solid #353539;
width: 40.8%;
padding: 30px 1.625rem;
display: flex
}
.grid-column.grid-column--special {
flex-direction: column;
align-items: flex-start;
padding-top: 1.75rem;
padding-bottom: 1.75rem
}
.grid-top-heading {
width: 100%;
padding: 40px 0% 0;
display: flex
}
.grid-inner-col {
opacity: .6;
width: 50%;
padding-right: 5px
}
.grid-aside-heading {
border-top: 0 #353539;
border-bottom: 0 #353539;
border-left: 0 #353539;
padding: 43px 12.2%;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
line-height: 1
}
.grid-top-title {
opacity: .6;
font-family: Roboto Mono, sans-serif;
font-size: .875rem
}
.grid-column-inner {
align-items: center;
width: 100%;
padding: 0 0%;
display: flex
}
.grid-text-dark {
opacity: .6;
font-family: Roboto Mono, sans-serif;
font-size: .875rem
}
.image-1019 {
margin-right: 26px
}
.image-1020 {
transition: transform .2s
}
.top-banner {
z-index: 1000;
background-color: #121212;
padding: .8rem 2.2%;
display: block;
position: relative;
overflow: hidden
}
.container-5 {
background-color: #0000;
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 2.2%;
padding-right: 2.2%;
display: flex
}
.container-5.d-flex-row {
justify-content: space-between;
align-items: center
}
.div-block-351 {
grid-column-gap: 15px;
align-items: center;
display: flex
}
.text-block-128 {
color: #efefe599;
font-size: .87rem
}
.button-13 {
background-color: #0000;
background-image: url(../images/64491f577f22d7daed3c25d2_ico-close.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
background-attachment: scroll;
width: 10px;
height: 10px;
padding-left: 0;
padding-right: 0
}
.button-13.top-banner__close-btn {
display: none
}
.div-block-352 {
grid-column-gap: 15px;
align-items: center;
display: flex
}
.text-block-129 {
color: #efefe599;
font-size: .87rem
}
.button-14 {
background-color: #0000;
background-image: url(../images/64491f577f22d7daed3c25d2_ico-close.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
background-attachment: scroll;
width: 10px;
height: 10px;
padding-left: 0;
padding-right: 0
}
.text-block-130 {
color: #efefe599;
font-size: .87rem
}
.button-15 {
background-color: #0000;
background-image: url(../images/64491f577f22d7daed3c25d2_ico-close.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
background-attachment: scroll;
width: 10px;
height: 10px;
padding-left: 0;
padding-right: 0
}
.nav-link-3 {
color: #efefe5;
border: 1px #efefe5;
padding: 0;
font-family: Violetsans, Arial, sans-serif;
font-size: 13px;
line-height: 24px
}
.nav-link-3.w--current {
color: #000
}
.nav-link-3.nav-link--flex {
align-items: center;
display: flex
}
.dropdown-list {
background-color: #0000;
margin-top: -23px
}
.dropdown-list.w--open {
background-color: #0000
}
.div-block-353 {
grid-column-gap: 50px;
align-items: center;
font-size: 12px;
display: flex
}
.html-embed-3 {
align-items: center;
width: auto;
height: auto;
font-size: 10px;
line-height: 10px;
display: flex
}
.icon-5 {
display: none
}
.link-4 {
color: #000;
flex-direction: column;
font-family: Opensaucesans;
font-size: 16px;
line-height: 24px;
display: block
}
.email-div-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: row;
justify-content: space-between;
display: none
}
.image-1021 {
color: #fff;
width: 100%;
height: 100%
}
.text-block-127 {
font-family: Violetsans, Arial, sans-serif;
font-size: 13px
}
.nav-link-4 {
color: #efefe5;
border: 1px #efefe5;
padding: 0;
font-family: Violetsans, Arial, sans-serif;
font-size: 13px;
line-height: 24px
}
.nav-link-4.w--current {
color: #000
}
.nav-link-4.nav-link--flex {
align-items: center;
display: flex
}
.html-embed-4 {
align-items: center;
width: auto;
height: auto;
font-size: 10px;
line-height: 10px;
display: flex
}
.icon-6 {
display: none
}
.email-div-3 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: row;
justify-content: space-between;
display: none
}
.icon-7 {
display: none
}
.text-block-131 {
font-family: Violetsans, Arial, sans-serif;
font-size: 13px
}
.paragraph-7 {
color: #efefe5;
margin-bottom: 0;
font-size: 1.125rem
}
.text-block-132 {
font-family: Roboto Mono, sans-serif;
font-size: 12px
}
.text-field-3 {
color: #efefe599;
background-color: #0000;
border: 0 #efefe540;
border-radius: 0;
margin-bottom: 0;
padding: 0 20% 0 0
}
.image-1023 {
transform: translateY(-4px)
}
.div-block-357 {
grid-column-gap: 0px;
flex-direction: row;
flex: none;
justify-content: flex-start;
align-self: auto;
align-items: center;
width: 100%;
display: flex
}
.form-block-3 {
outline-offset: 0px;
border: 1px solid #000;
border-bottom-color: #efefe540;
outline: 3px #efefe5
}
.div-block-358 {
justify-content: space-between;
align-items: center;
margin-bottom: 28px;
display: flex
}
.div-block-355 {
width: 100%
}
.div-block-359 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #0000;
grid-template-rows: auto auto;
grid-template-columns: 50px 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
width: 100%;
display: flex
}
.div-block-360 {
grid-row-gap: 18px;
flex-direction: column;
align-items: flex-end;
margin-left: auto;
display: flex
}
.div-block-361 {
grid-column-gap: 9px;
align-items: center;
margin-left: 0;
margin-right: 0;
display: flex
}
.text-small {
color: #efefe599;
width: auto;
margin-bottom: 0;
font-family: Roboto Mono, sans-serif;
font-size: 12px;
line-height: 100%
}
.div-block-362 {
grid-column-gap: 10px;
flex-wrap: wrap;
flex: none;
justify-content: space-between;
align-items: center;
width: 75.65%;
margin-left: 0;
margin-right: 0;
display: flex
}
.h1 {
margin-top: 0;
margin-bottom: 0;
font-size: 4.75rem;
font-weight: 400;
line-height: 100%
}
.marquee-link {
flex: none;
margin-right: 0
}
.div-block-368 {
margin-top: 100px;
padding-left: 0%
}
.div-block-367 {
border: 1px solid #353539;
border-right: 0 #000;
align-items: center;
width: 14.8%;
height: 100px;
margin-left: 2.2%;
padding: 0 0 0 1.625rem;
display: flex;
position: absolute
}
.text-block-133 {
font-family: Roboto Mono, sans-serif
}
.heading-8 {
margin-top: 0;
margin-bottom: 0
}
.div-block-366 {
justify-content: center;
margin-bottom: 100px;
display: flex
}
.marquee-items {
grid-column-gap: 0px;
flex: none;
justify-content: space-between;
align-items: center;
width: 100%;
margin-right: 0;
display: flex;
position: relative
}
.revolution {
background-image: url(../images/6450af79eba5aa3dfb993c31_revolution-bg-svg.svg);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100%;
padding-top: 12vh
}
.revolution-swiper.swiper {
display: none
}
.link-block-15 {
grid-column-gap: 14px;
color: #efefe5;
align-items: flex-end;
text-decoration: none;
transition: opacity .2s;
display: flex
}
.link-block-15:hover {
opacity: .6
}
.revolution__title-wrap {
padding: .5rem 1.25rem .375rem;
position: relative
}
.marquee-content-2 {
grid-column-gap: 1rem;
flex-wrap: nowrap;
flex: none;
justify-content: space-between;
width: 100%;
min-width: 100%;
height: 100%;
padding-top: 0;
display: flex;
position: relative;
inset: 0%;
overflow: hidden
}
.revolution__image {
width: 15.5vw;
transition: opacity .2s;
position: relative;
inset: auto
}
.revolution__item {
grid-row-gap: 14px;
flex-direction: column;
align-items: flex-start;
width: 100%;
padding: 98px 24px;
display: flex
}
.revolution__item.align-right {
align-items: flex-end
}
.revolution__item.border-top {
border-top: 1px solid #353539;
align-items: flex-start
}
.revolution__item.border-top.align-right {
align-items: flex-end
}
.revolution-logos {
width: 100%;
display: none;
overflow: hidden
}
.div-block-365 {
grid-column-gap: 12px;
align-items: center;
display: flex
}
.text-block-134 {
text-transform: uppercase;
font-family: Roboto Mono, sans-serif
}
.revolution__item-subtitle {
color: #efefe599;
text-transform: uppercase;
margin-bottom: 0;
font-family: Roboto Mono, sans-serif;
font-size: .85rem
}
.revolution__item-subtitle:lang(ko) {
display: none
}
.revolution__item-subtitle.korean-language,
.revolution__item-subtitle.korean-language:lang(ko) {
display: block
}
.div-block-364 {
grid-column-gap: 26px;
margin-bottom: 24px;
display: flex
}
.div-block-364:lang(ko) {
display: none
}
.div-block-364.korean-language {
margin-top: 24px;
margin-bottom: 0;
display: none
}
.div-block-364.korean-language:lang(ko) {
display: flex
}
.marquee-wrapper {
width: 100%;
position: relative;
overflow: hidden
}
.marquee {
grid-column-gap: 1rem;
background-color: #0a090f;
border: 1px #353539;
justify-content: space-between;
align-items: center;
width: 100%;
margin-top: 0;
padding-top: 0;
display: flex;
position: relative;
overflow: visible
}
.embed-svg-stroke {
position: absolute;
inset: 0%
}
.ans-2 {
color: #efefe599;
margin-top: 0;
font-family: Violetsans, Arial, sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.5
}
.plus-wrap-2 {
background-image: url(../images/6449229588370df9b2b29fc7_ico-expand.svg);
background-position: 0 0;
background-size: auto;
flex: none;
justify-content: center;
align-items: center;
width: 28px;
height: 28px;
margin-left: 20px;
display: flex;
position: relative
}
.faq-answer-2 {
padding-bottom: 0;
overflow: hidden
}
.text-block-135 {
font-family: Violetsans, Arial, sans-serif;
font-size: 16px;
line-height: 16px
}
.tabs-menu-3 {
border: 1px #000;
flex-direction: row;
flex: 1;
justify-content: space-between;
width: 100%;
margin-bottom: 42px;
padding-left: 26px;
padding-right: 26px;
display: flex
}
.tabs-menu-3.alt-tabs-menu {
justify-content: space-around;
width: 66vw;
margin-top: 42px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0
}
.miscellaneous-2 {
opacity: .35;
color: #efefe5;
text-align: center;
text-transform: uppercase;
background-color: #0000;
border: 1px #000;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 23px 26px;
font-family: Roboto Mono, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
display: flex
}
.miscellaneous-2:hover {
opacity: .65;
color: #efefe5
}
.miscellaneous-2.w--current {
opacity: 1;
color: #efefe5;
background-color: #0000;
background-image: url(../images/6449229588370d185cb29fc6_active-tab-bg.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
justify-content: center;
align-items: center;
padding: 23px 26px;
display: flex
}
.faq-wrap-2 {
cursor: pointer;
background-color: #0000;
border: 1px #000;
border-top: 1px solid #353539;
margin-bottom: 0;
padding: 0 26px
}
.plus-verticle-2 {
background-color: #000;
width: 2px;
height: 100%;
display: none;
position: absolute
}
.faq-heading {
grid-column-gap: 10px;
width: 100%;
padding-top: 38px;
display: flex
}
.div-block-369 {
background-image: url(../images/6449229588370df3b2b29fc5_shape.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
justify-content: flex-start;
align-items: center;
padding: 8px 16px;
display: inline-block
}
.text-block-136 {
color: #efefe559;
font-family: Roboto Mono, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.4
}
.text-block-137 {
color: #efefe559;
font-family: Roboto Mono, sans-serif;
font-size: 16px;
line-height: 16px
}
.plus-horizontal-2 {
background-color: #000;
width: 100%;
height: 2px;
display: none
}
.div-block-363 {
width: 100%
}
.faq-content {
margin-top: 94px
}
.faq-content.container-middle {
width: 69%;
margin-top: 94px;
margin-left: auto;
margin-right: auto
}
.link-6 {
color: #efefe5
}
.tabs-content-3 {
background-color: #0000;
flex: 1;
margin-left: 0;
padding-left: 1px;
padding-right: 1px
}
.bold-text-20 {
color: #efefe559;
font-family: Roboto Mono, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 16px
}
.container-7 {
background-color: #0000;
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 2.2%;
padding-right: 2.2%;
display: flex
}
.container-7.faq-container {
flex-direction: column
}
.faq-2 {
justify-content: center;
align-items: center;
padding-top: 12vh;
padding-bottom: 8vh;
display: block
}
.section-heading__bordered-title {
display: inline-block
}
.faq-question-2 {
color: #efefe5;
justify-content: space-between;
align-items: center;
padding-top: 24px;
padding-bottom: 24px;
display: flex
}
.faq-tabs-2 {
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: 100%;
display: flex
}
.question-2 {
color: #efefe5;
font-family: Violetsans, Arial, sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 150%
}
.latest-items {
padding-top: 12vh;
display: block;
overflow: hidden
}
.media-container {
flex: 1;
margin-left: 0;
margin-right: 0;
position: relative
}
.media-section {
background-color: #0000;
justify-content: center;
align-items: center;
padding-top: 80px;
padding-bottom: 50px;
display: block;
overflow: hidden
}
.right-arrow-copy-2 {
background-color: #fff;
border-radius: 50%;
width: 64px;
height: 64px;
display: block;
inset: 0% 2% auto auto
}
.vid_slide-top {
grid-column-gap: 14px;
color: #858580;
-webkit-text-stroke-color: #efefe599;
text-transform: uppercase;
white-space: nowrap;
word-break: keep-all;
align-items: center;
margin-bottom: 60px;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
line-height: 100%;
display: flex;
overflow: hidden
}
.vid_slide-bottom-text {
grid-column-gap: 12px;
text-transform: uppercase;
align-items: center;
font-size: .875rem;
display: flex
}
.image-1024 {
width: 100%;
height: 100%
}
.mask-5 {
overflow: visible
}
.vid_slide-pic {
width: 2rem;
height: 2rem
}
.media-slider {
background-color: #0000;
height: auto
}
.media-slider-item {
background-color: #0000;
border: 1px solid #353539;
border-left: 1px #000;
border-right: 1px #000;
margin-top: 0;
margin-right: 0;
padding: 1.625rem;
overflow: visible
}
.vid_slide-desc {
min-height: 3.25rem;
margin-top: 60px;
margin-bottom: 60px;
padding-bottom: 0;
font-size: 1.125rem;
line-height: 1.4
}
.vid_slide-desc.vid_slide-desc--sm {
margin-bottom: 24px;
font-size: 1rem
}
.vid_slide-desc.caseslider-desc {
margin-left: 1.62rem;
margin-right: 1.62rem
}
.media-slider-holder {
width: 33%;
margin-top: 0;
margin-left: 17%
}
.html-embed-5 {
font-size: 3.5rem
}
.div-block-371 {
color: #efefe599
}
.tabs-menu-4 {
grid-column-gap: 42px;
margin-top: 12px;
margin-left: 2.2%;
display: flex
}
.tab-link-tab-1 {
color: #efefe599;
text-align: center;
text-transform: none;
background-color: #0000;
padding: 10px;
font-size: 3.5rem;
transition: color .2s
}
.tab-link-tab-1:hover {
color: #efefe5
}
.tab-link-tab-1.w--current {
color: #efefe5;
-webkit-text-stroke-color: #efefe5;
background-color: #0000;
padding: 10px;
font-size: 3.5rem
}
.rect {
background-color: #858580;
width: 4px;
height: 4px
}
.left-arrow-copy-2 {
z-index: 999;
background-color: #fff;
border-radius: 50%;
width: 64px;
height: 64px;
display: block;
inset: 0% 10% auto 0
}
.vid_slide-wrapper {
flex-direction: column;
min-height: 420px;
display: flex
}
.vid_slide-bottom {
grid-column-gap: 18px;
align-items: center;
margin-top: auto;
display: flex
}
.tab-link-tab-32 {
color: #efefe599;
text-align: center;
text-transform: none;
background-color: #0000;
padding: 10px;
font-size: 3.5rem;
transition: color .2s
}
.tab-link-tab-32:hover {
color: #efefe5;
-webkit-text-stroke-color: #efefe5
}
.tab-link-tab-32.w--current {
color: #efefe5;
-webkit-text-stroke-color: #efefe5;
text-transform: none;
background-color: #0000
}
.js-marquee-revolution-clone {
display: flex;
position: relative
}
.js-marquee-revolution-clone.border-top {
border-top: 1px solid #353539
}
.text-block-138 {
color: #efefe599;
-webkit-text-stroke-color: var(--gainsboro\);
line-height: 1.4
}
.slide-image {
padding-left: 20px;
padding-right: 20px;
position: relative
}
.arrow-el {
width: 10px;
height: 10px;
position: absolute
}
.arrow-el.arrow-el-top-left {
border-bottom: 1px solid #efefe559;
border-right: 1px solid #efefe559;
inset: -10% auto auto -2%
}
.arrow-el.arrow-el-bottom-left {
border-top: 1px solid #efefe559;
border-bottom: 0 #efefe559;
border-left: 0 #efefe559;
border-right: 1px solid #efefe559;
inset: auto auto -10% -2%
}
.arrow-el.arrow-el-top-right {
border-top: 0 #efefe559;
border-bottom: 1px solid #efefe559;
border-left: 1px solid #efefe559;
inset: -10% -2% auto auto
}
.arrow-el.arrow-el-bottom-right {
border-top: 1px solid #efefe559;
border-left: 1px solid #efefe559;
inset: auto -2% -10% auto
}
.arrow-el-wrap {
flex: none
}
.vid_slide-bottom-link {
grid-column-gap: 14px;
color: #efefe5;
text-transform: uppercase;
align-items: center;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
line-height: 100%;
text-decoration: none;
transition: opacity .2s;
display: flex
}
.vid_slide-bottom-link:hover {
opacity: .6
}
.text-block-139 {
color: #efefe5
}
.text-block-140 {
font-size: 2.8rem;
line-height: 100%
}
.text-block-141 {
font-size: 2rem;
line-height: 100%
}
.html-embed-6 {
transform-style: preserve-3d;
font-size: 0;
line-height: 0;
position: absolute;
inset: 0% 0% auto auto;
transform: rotateX(0)rotateY(180deg)rotate(0)
}
.html-embed-7 {
transform-style: preserve-3d;
font-size: 0;
line-height: 0;
position: absolute;
inset: auto auto 0% 0%;
transform: rotateX(180deg)rotateY(0)rotate(0)
}
.html-embed-8 {
transform-style: preserve-3d;
font-size: 0;
line-height: 0;
position: absolute;
inset: auto 0% 0% auto;
transform: rotateX(180deg)rotateY(180deg)rotate(0)
}
.html-embed-9 {
font-size: 0;
line-height: 0;
position: absolute;
inset: 0% auto auto 0%
}
.articles-bg {
display: none
}
.articles-bg.articles-bg-video {
display: block
}
.aside-menu-text {
font-family: Roboto Mono, sans-serif;
font-size: .75rem;
line-height: 1
}
.aside-menu-ico-close {
display: block
}
.aside-nav-menu {
flex-direction: column;
align-items: flex-end;
margin-right: -10px;
padding-right: 0;
display: flex
}
.aside-navbar {
z-index: 1001;
background-color: #0000;
flex-direction: column;
justify-content: center;
height: auto;
padding-bottom: 0;
display: flex;
position: fixed;
top: 12px;
bottom: 12px;
right: 35px
}
.aside-navbar.short-mode {
align-items: flex-end;
height: auto;
top: 12px;
bottom: 12px
}
.aside-nav-item {
color: #efefe5;
text-transform: uppercase;
font-family: Roboto Mono, sans-serif;
font-size: .75rem;
text-decoration: none
}
.aside-navbar-inner {
z-index: 2;
flex-direction: column;
justify-content: center;
height: 100%;
padding-bottom: 6px;
display: flex;
position: relative
}
.aside-navbar-container {
margin-left: 0;
margin-right: 0
}
.aside-menu-icon {
margin-bottom: 10px
}
.aside-navbar-head {
border-bottom: 1px solid #353539;
justify-content: space-between;
align-items: center;
padding: 18px;
font-family: Roboto Mono, sans-serif;
font-size: .75rem;
display: flex;
position: absolute;
top: 0;
left: 0;
right: 0
}
.aside-menu-btn {
color: #efefe5;
text-transform: uppercase;
background-color: #0000;
flex-direction: column;
align-items: flex-end;
margin-top: 12px;
text-decoration: none;
transition: opacity .2s;
display: flex
}
.aside-menu-btn:hover {
opacity: .6
}
.aside-menu-btn-close {
align-items: center;
height: 28px;
margin-left: 10px;
display: flex
}
.revoultion-image-wrapper {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.image-1025,
.pupils {
width: 37.8%;
position: absolute
}
.section-title {
margin-top: 0;
margin-bottom: 0;
font-size: 2.25rem
}
.section-title.section-title--lg {
font-size: 3.5rem
}
.product-descr-shadow {
display: none
}
.text-block-142 {
font-size: 1.8rem
}
.roadmap-slider-block {
margin-top: 14px;
position: relative
}
.roadmap-slider {
background-color: #0000;
width: 100%;
height: 100%
}
.roadmap-slider-mask {
overflow: visible
}
.roadmap-nav {
display: none
}
.latest-shadow-left {
z-index: 3;
background-color: #0a090fbf;
width: 17vw;
position: absolute;
top: 0;
bottom: 0;
left: 0
}
.slide-6 {
height: 100%
}
.bold-text-21 {
font-weight: 400
}
.tab-pane-tab-2,
.tab-pane {
background-color: #09090e
}
.old-body {
color: #333;
background-color: #fff
}
.color-dark-old {
color: #000;
font-family: Epilogue;
position: static
}
.utility-page-wrap {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
min-height: 50vh;
max-height: 100%;
padding-top: 8vh;
padding-bottom: 8vh;
display: block;
position: relative;
overflow: hidden
}
.utility-page-content {
text-align: left;
flex-direction: column;
display: block
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
max-width: 500px;
margin-left: auto;
margin-right: auto;
display: flex
}
.footer-logo-col {
flex: none;
width: 11.4%
}
.div-block-372 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #0000;
grid-template-rows: auto auto;
grid-template-columns: 50px 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
width: 74%;
margin-bottom: 35px;
margin-left: auto;
margin-right: auto;
display: flex
}
.div-block-373 {
grid-row-gap: 18px;
flex-direction: column;
align-items: flex-end;
margin-left: auto;
display: flex
}
.text-field-4 {
color: #efefe599;
background-color: #0000;
border: 0 #efefe540;
border-radius: 0;
margin-bottom: 0;
padding: 0 20% 0 0;
font-size: 1rem;
line-height: 1.5
}
.footer__top {
justify-content: flex-start;
align-items: stretch;
margin-bottom: 35px;
display: flex
}
.text-small-2 {
color: #efefe599;
width: auto;
margin-bottom: 0;
font-family: Roboto Mono, sans-serif;
font-size: 12px;
line-height: 100%
}
.text-small-2.footer__text-copy {
transform: translateY(-2px)
}
.div-block-356 {
margin-top: 75px
}
.div-block-356.footer__nav {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-wrap: wrap;
align-items: flex-start;
display: flex
}
.footer__nav-head {
opacity: .6;
text-transform: uppercase;
margin-bottom: 26px;
font-family: Roboto Mono, sans-serif;
font-size: .875rem
}
.footer__dots {
align-items: flex-end;
margin-left: auto;
display: flex
}
.footer__form {
padding-top: 20px;
padding-bottom: 20px;
position: relative
}
.submit-button-3 {
text-transform: capitalize;
background-color: #0000;
background-image: url(../images/644920edd0560b68918741c2_btn-shape.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
padding: 14px 40px;
font-family: Roboto Mono, sans-serif;
font-size: .8125rem;
line-height: 1.5;
transition: color .2s;
position: absolute;
inset: 0% 0% 0% auto
}
.submit-button-3:hover {
color: #efefe599
}
.footer__nav-links {
grid-row-gap: 18px;
flex-direction: column;
display: flex
}
.text-block-144 {
font-family: Roboto Mono, sans-serif;
font-size: 12px
}
.form-block-4 {
outline-offset: 0px;
border: 0 solid #000;
border-bottom: 1px solid #efefe540;
outline: 3px #efefe5
}
.footer__social-link-text {
color: #efefe5;
font-size: .875rem;
line-height: 100%;
transition: color .2s
}
.footer__social-link-text:hover {
color: #efefe5;
-webkit-text-stroke-color: #efefe5
}
.footer__nav-link {
color: #efefe5;
border: 1px #efefe5;
font-size: .875rem;
line-height: 114%;
text-decoration: none;
transition: opacity .2s
}
.footer__nav-link:hover {
opacity: .6
}
.div-block-374 {
justify-content: space-between;
align-items: center;
margin-bottom: 28px;
display: flex
}
.div-block-375 {
grid-column-gap: 0px;
flex-direction: row;
flex: none;
justify-content: flex-start;
align-self: auto;
align-items: center;
width: 100%;
display: flex
}
.footer {
background-color: #000
}
.footer.container {
grid-column-gap: 114px
}
.footer.container.site-footer {
z-index: 1;
background-color: #0a090f;
background-image: url(../images/644920edd0560b6c368741c4_Rectangle%2074.svg);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
width: auto;
margin-top: 0;
margin-left: 2.2%;
margin-right: 2.2%;
padding: 80px 3.5% 42px 4.9%;
position: relative
}
.footer__logo {
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 11.4%;
display: flex
}
.footer__menus {
grid-column-gap: 0px;
grid-row-gap: 26px;
flex-wrap: wrap;
width: 100%;
display: flex
}
.div-block-376 {
grid-column-gap: 10px;
text-transform: uppercase;
flex-wrap: wrap;
flex: none;
justify-content: space-between;
align-items: center;
width: 75.65%;
margin-left: 0;
margin-right: 0;
display: flex
}
.success-message {
background-color: #0000
}
.div-block-377 {
grid-column-gap: 9px;
align-items: center;
margin-left: 0;
margin-right: 0;
display: flex
}
.paragraph-8 {
color: #efefe5;
margin-bottom: 0;
font-size: 1.125rem
}
.footer__social-link {
grid-column-gap: 10px;
opacity: .6;
align-items: center;
font-family: Roboto Mono, sans-serif;
text-decoration: none;
transition: opacity .2s;
display: flex
}
.footer__social-link:hover {
opacity: 1
}
.div-block-378 {
width: 100%
}
.div-block-378.footer__content {
width: 69%;
margin-left: auto;
margin-right: auto
}
.div-block-378.footer__content.container-middle {
flex: none;
width: 75.65%;
margin-left: 0;
margin-right: 0
}
.image-1027 {
opacity: .6;
transform: translateY(-4px)
}
.image-1028 {
max-width: 206px
}
.navbar-4 {
color: #efefe5;
background-color: #0a090f;
border: 1px #efefe5;
justify-content: center;
align-items: center;
padding-top: 15px;
padding-bottom: 15px;
display: flex
}
.navbar-4.site-header {
z-index: 1100;
border-style: none none solid;
border-bottom-color: #353539;
padding-top: 0;
padding-bottom: 0
}
.email-div-4 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: row;
justify-content: space-between;
display: none
}
.html-embed-10 {
align-items: center;
width: auto;
height: auto;
font-size: 10px;
line-height: 10px;
display: flex
}
.header-container {
background: linear-gradient(135deg, #000000, #0A0F1F, #101D2D);
background-attachment: fixed;
color: #fff;
box-shadow: 0 0 40px rgba(10, 15, 31, 0.6);
align-items: center;
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 2.2%;
padding-right: 2.2%;
display: flex
}
.icon-8 {
display: none
}
.icon-8.header__icon-wrap {
position: relative
}
.header__icon-arrow {
margin: auto auto auto .375rem;
position: static;
inset: 0% -15px 0% auto
}
.header__icon-arrow.header-icon-arrow-tablet {
display: none
}
.header-menu-block {
flex: 1;
justify-content: space-between;
align-items: stretch;
padding-left: 1rem;
padding-right: 1rem;
font-size: 12px;
display: flex
}
.header-menu-block.hmb-alt {
padding-left: 0;
padding-right: 1.625rem
}
.brand-2 {
flex: 0 auto;
width: 110px;
margin-top: 0;
margin-bottom: 0;
display: flex
}
.brand-2.w--current {
margin-top: 0;
margin-bottom: 0
}
.image-1022 {
color: #fff;
width: 100%;
height: 100%
}
.link-5 {
color: #000;
flex-direction: column;
font-family: Opensaucesans;
font-size: 16px;
line-height: 24px;
display: block
}
.nav-menu-2 {
flex: 1;
justify-content: flex-end;
align-items: center;
display: flex
}
.menu-2 {
flex: 1;
justify-content: center;
align-items: center;
display: flex
}
.nav-link-5 {
z-index: 2;
color: #efefe5;
text-transform: none;
border: 1px #efefe5;
align-items: center;
margin-left: 0;
margin-right: 0;
padding: 23px 0;
font-family: Roboto Mono, sans-serif;
font-size: .75rem;
line-height: 1.5;
display: flex
}
.nav-link-5.w--current {
color: #efefe5
}
.nav-link-5.nav-link--flex {
align-items: center;
display: flex
}
.nav-link-5.dropdown-link {
padding-top: 10px;
padding-bottom: 10px
}
.text-block-145 {
font-family: Violetsans, Arial, sans-serif
}
.link-block-16 {
align-items: center;
display: flex
}
.top-banner-link {
opacity: .6;
color: #efefe5;
-webkit-text-stroke-color: #efefe5;
flex: none;
margin-left: 0;
margin-right: 0;
font-family: Violetsans, Arial, sans-serif;
font-size: .875rem;
line-height: 1;
text-decoration: none;
display: flex
}
.top-banner-link:hover {
opacity: 1
}
.top-banner-link:visited {
-webkit-text-stroke-color: #efefe5
}
.top-banner-link.flex-link {
justify-content: center;
align-items: center
}
.top-banner-text.overflow-ellipsis {
white-space: nowrap;
max-width: 66vw;
overflow: hidden
}
.top-banner-icon {
margin-left: 1rem
}
.banner-container-2 {
background-color: #000;
flex: 1;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 12px;
padding-bottom: 12px;
display: flex;
overflow: hidden
}
.text-block-146,
.text-block-51-copy-2 {
color: #fff;
margin-right: 14px;
font-family: Opensaucesans;
font-size: 16px;
line-height: 24px
}
.top-banner-inner.js-banner-marquee {
justify-content: space-between;
display: flex
}
.top-banner-content {
flex: none;
align-items: center;
display: flex
}
.inner-page-footer-wrap {
background-color: #0a090f;
padding-top: 24px
}
.team-row {
flex-direction: column;
margin-bottom: 6.25rem;
display: block;
position: relative
}
.team-slider {
background-color: #0000;
height: auto
}
.team-card-name {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: Roboto Mono, sans-serif;
font-size: 1rem;
line-height: 1.15
}
.team-card-avatar {
background-image: url(../images/64534f12fbd92f3d36a20110_team-shape-2.svg);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100% 100%;
width: 59.1%;
margin-left: auto;
margin-right: auto;
padding: 6.5%
}
.team-card-avatar.tca-grey {
background-image: url(../images/6453dc9e30c43f411bb8fd1c_team-shape-grey.svg)
}
.team-card-post {
opacity: .6;
text-transform: uppercase;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
line-height: 1.3
}
.team-frame {
flex-direction: column;
width: 33%;
margin-left: 17%;
display: flex
}
.team-card {
border: 1px solid #353539;
border-width: 1px 0;
padding: 1.625rem
}
.container-8 {
padding-left: 2.2%;
padding-right: 2.2%
}
.team-card-head {
align-items: center;
margin-bottom: 2rem;
display: flex
}
.team-card-footer {
margin-top: 2rem
}
.team-section {
padding-top: 12vh
}
.team-rows-list {
margin-top: 8vh;
overflow: hidden
}
.team-name-icon {
transform-style: preserve-3d;
margin-right: 1.18rem;
transform: rotateX(0)rotateY(180deg)rotate(0)
}
.team-card-bio {
overflow: hidden
}
.team-card-bio-inner {
padding-top: 2.5rem
}
.team-toggle-text {
margin-bottom: 18px
}
.team-toggle {
z-index: 2;
color: #efefe5;
text-transform: uppercase;
width: 1.75rem;
margin-top: -3.3rem;
margin-left: auto;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
line-height: 1;
text-decoration: none;
transition: opacity .2s;
display: block;
position: relative
}
.team-toggle:hover {
opacity: .7
}
.team-toggle.d-none {
display: none
}
.team-bio-text {
margin-bottom: 1rem
}
.team-socials {
flex-wrap: wrap;
align-items: flex-end;
display: flex
}
.team-socials-link {
color: #93948f;
text-transform: uppercase;
align-items: center;
margin-top: 1rem;
margin-right: 1.375rem;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
line-height: 1;
text-decoration: none;
display: flex
}
.team-socials-link:hover {
color: #ffffffb3
}
.team-socials-ico {
margin-left: .625rem
}
.mask-7,
.team-mask {
overflow: visible
}
.team-shadow-left {
z-index: 3;
opacity: .65;
background-color: #09090e;
width: 17vw;
position: absolute;
inset: 0 auto 0 0
}
.team-shadow-center {
z-index: 3;
opacity: .35;
background-color: #09090e;
width: 33vw;
position: absolute;
top: 0;
bottom: 0;
left: 50vw
}
.team-shadow-right {
z-index: 3;
opacity: .65;
background-color: #09090e;
width: 17vw;
position: absolute;
top: 0;
bottom: 0;
right: 0
}
.team-row-title {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
padding-right: 0;
font-family: Roboto Mono, sans-serif;
font-size: 1.125rem
}
.team-row-heading {
opacity: .65;
align-items: center;
margin-bottom: 1.625rem;
margin-left: 17vw;
padding-left: 1.625rem;
display: flex
}
.team-row-heading-icon {
transform-style: preserve-3d;
margin-right: 1.18rem;
transform: rotateX(0)rotateY(180deg)rotate(0)
}
.team-partners-block {
border-top: 1px solid #353539;
border-bottom: 1px solid #353539;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
min-height: 400px;
display: flex;
position: relative
}
.team-partners-item {
flex: 1;
justify-content: center;
align-items: center;
width: 100%;
height: 50%;
padding: 3.25rem 1.625rem 1.625rem;
display: flex;
position: relative
}
.team-partners-item.hidden {
opacity: 0
}
.team-partners-item.hide {
opacity: 0;
pointer-events: none
}
.partners-divider {
background-color: #353539;
height: 1px;
margin-top: auto;
margin-bottom: auto;
position: absolute;
inset: 0
}
.div-block-379 {
min-height: 76px
}
.team-partners-logo {
background-image: url(../images/64527b20d8de852bcf4960b6_corner-bottom-right-l.svg), url(../images/64527b1b8e77ad50e87ce02a_corner-top-left-l.svg);
background-position: 100% 100%, 0 0;
background-repeat: no-repeat, no-repeat;
background-size: 17px 12px, 17px 12px;
justify-content: center;
align-items: center;
min-width: 11.25rem;
min-height: 4.875rem;
padding: 4px;
display: flex
}
.team-partners-logo.opacity-0 {
opacity: 0
}
.team-partners-labes {
border-bottom: 1px #353539;
align-items: stretch;
display: flex;
position: absolute;
top: 0;
left: 0;
right: auto
}
.team-partners-labe {
color: #efefe599;
text-transform: uppercase;
border-bottom: 1px solid #353539;
border-right: 1px solid #353539;
padding: 1.1875rem 1.375rem;
font-family: Roboto Mono, sans-serif;
font-size: .75rem;
line-height: 1
}
.background-video {
z-index: 2;
width: 50vw;
margin-left: auto;
margin-right: auto
}
.body-blue {
background-color: #3216be
}
.webgl-gradient-bottom {
z-index: 2;
background-image: linear-gradient(#0000, #09080d 88%, #0a090f);
display: none;
position: absolute;
inset: 0;
transform: scale(.85)
}
.solutions-image-mobile {
max-width: 315px;
/* display: none */
}
.button-16 {
background-color: #0000;
background-image: url(../images/64491f577f22d7daed3c25d2_ico-close.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
background-attachment: scroll;
width: 10px;
height: 10px;
padding-left: 0;
padding-right: 0
}
.button-16.top-banner__close-btn.top-banner__close-btn--absolute {
z-index: 2;
position: absolute;
inset: 50% 2.2% 0% auto;
transform: translateY(-50%)
}
.link-block-17 {
color: #efefe5;
text-decoration: none;
transition: opacity .2s
}
.link-block-17:hover {
opacity: .65
}
.html-embed-11 {
width: 40%;
position: relative;
top: 20px
}
.dropdown {
padding-top: 23px;
font-size: .8125rem;
line-height: 1.15
}
.dropdown-inner {
background-color: #09090e;
border: 1px solid #353539;
display: flex
}
.dropdown-col {
flex-direction: column;
display: flex
}
.dropdown-col.ddc-border-right {
border-right: 1px solid #353539
}
.dropdown-heading {
color: #efefe599;
text-transform: uppercase;
border-bottom: 1px solid #353539;
padding: 1.25rem 1.125rem;
font-family: Roboto Mono, sans-serif;
font-size: .75rem;
line-height: 1
}
.dropdown-heading.dh-border-right {
border-right: 1px solid #353539
}
.dd-main-menu {
border-right: 1px #353539;
min-width: 16.375rem;
margin-top: -1px;
margin-bottom: 0;
padding-left: 0;
list-style-type: none
}
.dd-main-menu-item {
border-top: 1px solid #353539;
margin-bottom: 0;
padding: .5rem .7rem
}
.dd-main-menu-icon {
max-width: 3.3rem;
margin-right: 1.125rem
}
.dd-main-menu-link {
color: #efefe5;
background-image: url(../images/64491f577f22d780663c25d1_ico-arrow.svg);
background-position: 100%;
background-repeat: no-repeat;
background-size: .625rem .625rem;
align-items: center;
padding-right: 2rem;
font-family: Roboto Mono, sans-serif;
text-decoration: none;
transition: opacity .2s;
display: flex
}
.dd-main-menu-link:hover {
opacity: .65
}
.dd-secondary-menu {
min-width: 14.8125rem;
margin-bottom: 0;
padding: 1.1875rem 1.125rem;
list-style-type: none
}
.dd-secondary-menu.size-sm {
min-width: 8.875rem
}
.dd-secondary-menu-item {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0
}
.dd-secondary-menu-link {
color: #efefe5;
background-image: url(../images/64491f577f22d780663c25d1_ico-arrow.svg);
background-position: 100%;
background-repeat: no-repeat;
background-size: .625rem .625rem;
padding: .8125rem 1.5rem .8125rem 0;
font-family: Roboto Mono, sans-serif;
text-decoration: none;
transition: opacity .2s;
display: block
}
.dd-secondary-menu-link:hover {
opacity: .65
}
.dd-secondary-menu-link.w--current {
opacity: .65;
color: #efefe5
}
.dd-secondary-menu-link.w--current:hover {
color: #efefe5
}
.dd-secondary-menu-link.dd-menu-icon {
padding-left: 1.5rem
}
.dd-secondary-menu-link.dd-menu-icon.telegram-icon {
background-image: url(../images/6455092e5046c5b780afc9b6_telegram.svg), url(../images/64491f577f22d780663c25d1_ico-arrow.svg);
background-position: 0%, 100%;
background-repeat: no-repeat, no-repeat;
background-size: .75rem, .625rem .625rem;
padding-top: .5rem;
padding-bottom: .5rem
}
.dd-secondary-menu-link.dd-menu-icon.discord-icon {
background-image: url(../images/6455092ed6b86b1608236bb6_discord.svg), url(../images/64491f577f22d780663c25d1_ico-arrow.svg);
background-position: 0%, 100%;
background-repeat: no-repeat, no-repeat;
background-size: .75rem, .625rem .625rem
}
.dd-secondary-menu-link.dd-menu-icon.twitter-icon {
background-image: url(../images/6455092fd9b591208e1ecf5a_twitter.svg), url(../images/64491f577f22d780663c25d1_ico-arrow.svg);
background-position: 0%, 100%;
background-repeat: no-repeat, no-repeat;
background-size: .75rem, .625rem .625rem
}
.dd-secondary-menu-link.dd-menu-icon.instagram-icon {
background-image: url(../images/6455092f17d6fd7560981175_instagram.svg), url(../images/64491f577f22d780663c25d1_ico-arrow.svg);
background-position: 0%, 100%;
background-repeat: no-repeat, no-repeat;
background-size: .75rem, .625rem .625rem
}
.dd-secondary-menu-link.dd-menu-icon.medium-icon {
background-image: url(../images/6455092f5046c54307afc9cb_medium.svg), url(../images/64491f577f22d780663c25d1_ico-arrow.svg);
background-position: 0%, 100%;
background-repeat: no-repeat, no-repeat;
background-size: .8rem, .625rem .625rem
}
.dd-secondary-menu-link.dd-menu-icon.linkedin-icon {
background-image: url(../images/6455092ec6b511f2eb39dd77_linkedin.svg), url(../images/64491f577f22d780663c25d1_ico-arrow.svg);
background-position: 0%, 100%;
background-repeat: no-repeat, no-repeat;
background-size: .75rem, .625rem .625rem
}
.dd-secondary-menu-link.dd-menu-icon.tiktok-icon {
background-image: url(../images/6455092e3199d65741e1fb47_tiktok.svg), url(../images/64491f577f22d780663c25d1_ico-arrow.svg);
background-position: 0%, 100%;
background-repeat: no-repeat, no-repeat;
background-size: .7rem, .625rem .625rem
}
.dd-secondary-menu-link.dd-menu-icon.coin-market-icon {
background-image: url(../images/6455092d0abc7135f7e28796_coin-market.svg), url(../images/64491f577f22d780663c25d1_ico-arrow.svg);
background-position: 0%, 100%;
background-repeat: no-repeat, no-repeat;
background-size: .75rem, .625rem .625rem
}
.dd-secondary-menu-link.dd-menu-icon.youtube-icon {
background-image: url(../images/64638db2c8b725b4ad90a80d_youtube.svg), url(../images/64491f577f22d780663c25d1_ico-arrow.svg);
background-position: 0%, 100%;
background-repeat: no-repeat, no-repeat;
background-size: .75rem, .625rem .625rem
}
.dd-secondary-menu-link.dd-menu-icon.blog-icon {
background-image: url(../images/6483277cd7febb7acfdaaf7e_icon-blog.svg), url(../images/64491f577f22d780663c25d1_ico-arrow.svg);
background-position: 0%, 100%;
background-repeat: no-repeat, no-repeat;
background-size: .75rem, .625rem .625rem
}
.dd-secondary-menu-link.dd-menu-icon.docs-icon {
background-image: url(../images/648327cabed90c3bbe10a76f_icon-docs.svg), url(../images/64491f577f22d780663c25d1_ico-arrow.svg);
background-position: 0%, 100%;
background-repeat: no-repeat, no-repeat;
background-size: .75rem, .625rem .625rem
}
.dd-secondary-menu-link.dd-menu-icon.facebook-icon {
background-image: url(../images/64b01f76c7ef96b9f260747b_fb.svg), url(../images/64491f577f22d780663c25d1_ico-arrow.svg);
background-position: 0%, 100%;
background-repeat: no-repeat, no-repeat;
background-size: .75rem, .625rem .625rem
}
.dd-secondary-menu-link.dd-menu-icon.google-news-icon {
background-image: url(../images/64b13cd3d48480204ce2c4c9_google-news.svg), url(../images/64491f577f22d780663c25d1_ico-arrow.svg);
background-position: 0%, 100%;
background-repeat: no-repeat, no-repeat;
background-size: .75rem, .625rem .625rem
}
.dd-secondary-menu-link.dd-menu-icon.brand-kit-icon {
background-image: url(../images/64ccdd8c73ade9adc8ef1a81_brand_ico.svg), url(../images/64491f577f22d780663c25d1_ico-arrow.svg);
background-position: -2px, 100%;
background-repeat: no-repeat, no-repeat;
background-size: 1rem, .625rem .625rem
}
.dd-secondary-menu-link.dd-menu-icon.price-icon {
background-image: url(../images/65e19a311eb8ec609c72ed14_ico-price.svg), url(../images/64491f577f22d780663c25d1_ico-arrow.svg);
background-position: 0%, 100%;
background-repeat: no-repeat, no-repeat;
background-size: 1rem, .625rem .625rem
}
.dd-secondary-menu-link.dd-menu-icon.grant-icon {
background-image: url(../images/65e19a31ef2063a786b0198c_ico-grant.svg), url(../images/64491f577f22d780663c25d1_ico-arrow.svg);
background-position: 0%, 100%;
background-repeat: no-repeat, no-repeat;
background-size: 1rem, .625rem .625rem
}
.dd-secondary-menu-link.dd-menu-icon.dev-docs-icon {
background-image: url(../images/65f0560ca8ad1b71fda68a64_ico-dev-docs.svg), url(../images/64491f577f22d780663c25d1_ico-arrow.svg);
background-position: 0%, 100%;
background-repeat: no-repeat, no-repeat;
background-size: 1rem, .625rem .625rem
}
.dd-secondary-menu-link.dd-menu-icon.dashboard-icon {
background-image: url(../images/65f0563075f09196f6404a86_ico-api-dashboard.svg), url(../images/64491f577f22d780663c25d1_ico-arrow.svg);
background-position: 0%, 100%;
background-repeat: no-repeat, no-repeat;
background-size: 1rem, .625rem .625rem
}
.dd-secondary-menu-link.dd-menu-icon.launchpad-icon {
background-image: url(../images/65f0565a9834efb848e1ba16_ico-whitelable.svg), url(../images/64491f577f22d780663c25d1_ico-arrow.svg);
background-position: 0%, 100%;
background-repeat: no-repeat, no-repeat;
background-size: 1rem, .625rem .625rem
}
.dropdown-action {
margin-top: auto
}
.dropdown-btn-primary {
color: #efefe5;
text-transform: uppercase;
width: 161px;
font-size: .8125rem;
line-height: 1;
text-decoration: none;
display: block
}
.text-block-147 {
font-size: .8125rem;
line-height: 1.15
}
.dropdown-2 {
margin-left: 0;
margin-right: 0
}
.dropdown-box {
min-width: 13.75rem;
padding: 1.125rem 1.625rem
}
.single-icon {
max-width: 3.875rem;
margin-bottom: 1rem;
margin-left: -.375rem;
display: block
}
.single-link {
color: #efefe5;
text-transform: none;
background-image: url(../images/64491f577f22d780663c25d1_ico-arrow.svg);
background-position: 100%;
background-repeat: no-repeat;
background-size: .625rem .625rem;
flex: 1;
padding-top: 10px;
padding-right: 1rem;
font-family: Roboto Mono, sans-serif;
font-size: .8125rem;
line-height: 1.15;
text-decoration: none;
transition: opacity .2s;
display: block
}
.single-link:hover {
opacity: .65
}
.dd-features {
opacity: 1;
margin-top: 2rem
}
.dd-features.dd-feature-no-marg {
margin-top: 0
}
.dd-features-item {
margin-bottom: .75rem;
display: flex
}
.dd-features-text {
opacity: .65
}
.dd-features-text.dd-feature-text-alt {
opacity: 1;
padding-top: .1875rem;
padding-bottom: .1875rem;
font-family: Roboto Mono, sans-serif
}
.dd-features-labe {
text-transform: uppercase;
border: 1px solid #fff;
margin-left: 1rem;
padding: .1875rem .5rem;
font-family: Roboto Mono, sans-serif;
font-size: .75rem;
line-height: 1
}
.dropdown-heading-flex {
color: #efefe5;
align-items: center;
display: flex
}
.dd-heading-icon {
max-width: 3.875rem;
margin-right: 1rem
}
.pricing-tabs-wrap {
margin-top: 8.75rem;
position: relative
}
.tabs-menu-5 {
margin-left: 0%
}
.pricing-tabs {
line-height: 1
}
.pricing-tabs-menu {
border-top: 1px solid #353539;
width: 69%;
margin-left: auto;
margin-right: auto;
display: flex
}
.pricing-tabs-menu.is-bordered {
border-bottom: 1px solid #353539;
padding-bottom: 0
}
.pricing-tab-link {
opacity: .35;
color: #efefe5;
text-align: center;
text-transform: uppercase;
background-color: #0000;
flex-direction: column;
align-items: center;
width: 50%;
padding: 36px 5%;
font-family: Roboto Mono, sans-serif;
line-height: 1.2;
text-decoration: none;
transition: opacity .2s;
display: flex
}
.pricing-tab-link:hover {
opacity: .9
}
.pricing-tab-link.w--current {
opacity: 1;
background-color: #0000;
padding-bottom: 32px;
text-decoration: none
}
.pricing-tab-text {
background-image: url(../images/644fa7ccf9e72f37ae5162ad_corner-bottom-right.svg), url(../images/644fa7ccb2061a3f72c97c6b_corner-bottom-left.svg), url(../images/644fa7cdb9ca0ac43e739b5f_corner-top-right.svg), url(../images/644fa7cd9bc7d5ed92d90f21_corner-top-left.svg);
background-position: 100% 100%, 0 100%, 100% 0, 0 0;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
background-size: .875rem .875rem, .875rem .875rem, .875rem .875rem, .875rem .875rem;
min-width: 60%;
padding: 22px
}
.pricing-tab-thumb {
max-width: 42%;
margin-top: -32%;
margin-bottom: 30px
}
.pricing-tab-thumb.mt-0 {
margin-top: 0%
}
.image-1030 {
display: block
}
.text-block-148 {
font-size: .875rem;
line-height: 1.5
}
.pre-tabs-labe {
z-index: 2;
text-transform: uppercase;
border: 1px solid #353539;
border-right-width: 0;
width: 15.5%;
padding: 41px 1.5rem;
font-family: Roboto Mono, sans-serif;
position: absolute;
top: 0;
left: 0
}
.pricing-tab-head {
background-color: #09090e;
background-image: url(../images/644920edd0560b6c368741c4_Rectangle%2074.svg);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100%;
height: 64px
}
.pricing-tab-body {
background-color: #09090e;
border: 1px solid #353539;
border-top-width: 0;
padding-bottom: 62px
}
.pricing-cards {
margin-right: -1px;
padding-right: 0;
display: flex
}
.pricing-card {
border-right: 1px solid #353539;
flex-direction: column;
flex: 1;
justify-content: flex-start;
padding-left: 2.125rem;
padding-right: 2.125rem;
line-height: 1.5;
display: flex
}
.card-heading {
margin-bottom: 1.875rem;
font-family: Violetsans, Arial, sans-serif;
font-size: 2.25rem;
line-height: 1.15
}
.card-heading.size-small {
margin-bottom: 1.01rem;
font-size: 1.75rem
}
.card-subheading {
margin-bottom: 52px;
font-size: 1.125rem;
line-height: 1.15
}
.text-span-13 {
font-size: 1.75rem
}
.span-thin {
opacity: .5;
font-size: 1rem
}
.sub-heading-2 {
opacity: .6;
margin-bottom: 22px
}
.sub-heading-2.mt-auto {
margin-top: auto
}
.sub-heading-2.sub-heading-2--alt {
text-transform: uppercase;
font-family: Roboto Mono, sans-serif
}
.sub-heading-2.mb-0 {
margin-bottom: 0
}
.features-list {
grid-row-gap: 5.5rem;
margin-top: 6rem;
margin-bottom: 12rem
}
.features-list.features-list--pricng {
margin-right: -2.125rem
}
.features-list.features-list--alt {
border-bottom-width: 0;
margin-top: 1px;
margin-bottom: .73rem
}
.features-list-item {
color: #efefe599;
border-top: 1px solid #353539;
padding-top: 14px;
padding-bottom: 14px;
padding-left: 30px;
font-size: .8125rem;
position: relative
}
.features-list-item.first-child {
border-top-width: 0
}
.features-list-item.fli-diff {
padding-top: .8125rem;
padding-bottom: .8125rem
}
.super {
text-transform: uppercase;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
font-style: normal;
line-height: 1;
position: relative;
top: -1.5rem
}
.span-lg {
font-size: 1.75rem;
font-weight: 400
}
.lottie-animation {
width: 500px
}
.lottie-animation-2 {
width: 200px
}
.compare-section {
padding-top: 11vh;
padding-bottom: 8vh;
position: relative;
overflow: hidden
}
.compare-block {
border-top: 1px solid #353539;
border-left: 1px solid #353539;
border-right: 1px solid #353539;
width: 69%;
margin-top: 82px;
margin-left: auto;
margin-right: auto;
display: block
}
.compare-row {
border-bottom: 1px solid #353539;
width: 100%;
display: flex
}
.compare-row.compare-heading {
background-color: #09090e
}
.compare-col {
width: 50%;
padding: 22px 2.8%
}
.compare-col.cc-va-middle {
align-items: center;
display: flex
}
.compare-h3 {
opacity: .6;
text-transform: uppercase;
margin-bottom: 0;
font-family: Roboto Mono, sans-serif;
font-size: .875rem
}
.compare-h4 {
margin-bottom: 0;
font-size: 1rem;
line-height: 1.5
}
.compare-inner-cols {
grid-column-gap: 20px;
grid-row-gap: 0px;
width: 100%;
height: 100%;
display: flex
}
.compare-inner-col {
flex: 1;
justify-content: center;
align-items: center;
display: flex
}
.options-title {
text-align: center;
font-size: 1.125rem;
line-height: 1.4
}
.options-title.show-in-mobile {
display: none
}
.options-title-sub {
opacity: .6;
font-size: 1rem;
font-weight: 400;
display: block
}
.compare-minus {
font-size: 1.125rem
}
.contact-us-section {
padding-top: 8vh;
padding-bottom: 8vh
}
.contact-us-cols {
border-top: 1px solid #353539;
width: 69%;
margin-top: 90px;
margin-left: auto;
margin-right: auto;
display: flex
}
.contact-us-col {
width: 50%;
padding: 26px 2.8%
}
.contact-list {
width: auto
}
.contact-item {
margin-bottom: 46px
}
.contact-list-heading {
opacity: .6;
text-transform: uppercase;
background-image: url(../images/64590a7390dd7e8ea93d4dc1_ico-bullet.svg);
background-position: 0%;
background-repeat: no-repeat;
background-size: auto;
margin-bottom: 20px;
padding-left: 18px;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
line-height: 1.1
}
.link-basic {
color: #efefe5;
text-decoration: none;
transition: opacity .2s
}
.link-basic:hover {
opacity: .65
}
.form-row {
margin-bottom: 47px;
position: relative
}
.form-field {
color: #efefe5;
background-color: #0000;
border: 0 solid #000;
border-bottom: 1px solid #353539;
height: 2.75rem;
margin-bottom: 0;
padding: 10px 10px 10px 0;
font-size: 1rem;
line-height: 1.5
}
.form-field:focus {
border-bottom-color: #efefe5
}
.form-label {
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
position: absolute;
top: 0;
left: 0
}
.btn-submit-transparent {
z-index: 4;
opacity: 0;
cursor: pointer;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.bold-text-22,
.fw-normal {
font-weight: 400
}
.body-text {
text-align: left;
object-fit: fill;
font-family: Violetsans, Arial, sans-serif;
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
text-decoration: none
}
.bold-text-23 {
font-weight: 400
}
.link-7 {
color: #efefe5
}
.h3 {
font-size: 1.75rem
}
.heading-11 {
margin-top: 0;
margin-bottom: 0;
line-height: 1.2
}
.meta-data {
color: #858580;
text-align: right;
text-transform: uppercase;
border-top: 1px solid #353539;
border-bottom: 1px solid #353539;
justify-content: flex-end;
align-items: center;
margin-bottom: -1px;
padding: .85rem 1.125rem;
font-family: Roboto Mono, sans-serif;
font-size: 14px;
font-style: normal;
display: flex
}
.meta-data.flex-wrap {
flex-wrap: wrap
}
.meta-data.flex-wrap.case-partner-logo {
border-top-style: none;
padding-top: 2rem
}
.link-8,
.link-9,
.link-10,
.link-11,
.link-12,
.link-13,
.link-14 {
color: #efefe5
}
.team-row-count {
justify-content: center;
align-items: center;
width: auto;
height: auto;
margin-left: 14px;
font-family: Roboto Mono, sans-serif;
display: flex;
position: relative
}
.html-embed-12 {
position: absolute;
inset: 0% 0% auto auto
}
.team-row-count-item,
.text-block-151,
.text-block-152 {
font-size: .875rem;
line-height: 1.2
}
.meta-data-multi {
justify-content: flex-end;
align-items: center;
margin-top: -.35rem;
margin-bottom: -.35rem;
display: flex
}
.text-block-153 {
margin-right: .75rem
}
.article-profile-name {
color: #efefe5;
margin-right: .75rem
}
.article-hero-image {
border: 1px solid #353539;
border-radius: 4px;
display: block
}
.article-hero-image.case-mainimage {
width: 100%
}
.article-body {
margin-top: 3vh;
display: flex
}
.article-aside {
width: 15.5%
}
.article-main {
border-bottom: 1px solid #353539;
width: 69%;
padding-left: 2.625rem;
padding-right: 2.625rem;
position: relative
}
.corner-elem {
opacity: .35;
border: 1px solid #efefe5;
width: .625rem;
height: .625rem;
position: absolute
}
.corner-elem.corner-elem-top-left {
border-top-width: 0;
border-left-width: 0;
bottom: 100%;
right: 100%
}
.corner-elem.corner-elem-top-right {
border-top-width: 0;
border-right-width: 0;
bottom: 100%;
left: 100%
}
.corner-elem.corner-elem-bottom-right {
border-bottom-width: 0;
border-left-width: 0;
top: 100%;
right: 100%
}
.corner-elem.corner-bottom-left {
border-bottom-width: 0;
border-right-width: 0;
top: 100%;
left: 100%
}
.share-list {
margin-bottom: 0;
padding-left: 0;
list-style: none;
position: sticky;
top: 100px
}
.list-item {
border-top: 1px solid #353539
}
.share-link {
opacity: .6;
color: #efefe5;
text-transform: uppercase;
background-image: url(../images/645c9b720e35a9e8119c1c49_link-icon.svg);
background-position: 100%;
background-repeat: no-repeat;
background-size: 1rem;
padding-top: .22rem;
padding-bottom: .18rem;
padding-right: 1.75rem;
font-family: Roboto Mono, sans-serif;
line-height: 1;
text-decoration: none;
transition: opacity .2s
}
.share-link:hover {
opacity: 1
}
.share-item {
border-top: 1px solid #353539;
margin-bottom: 0;
padding-top: 1.125rem;
padding-bottom: 1.125rem
}
.article-content {
padding-top: 90px;
padding-left: 1.125rem;
padding-right: 1.125rem
}
.list {
margin-bottom: 1.25rem;
padding-left: 19px
}
.article-main-inner {
background-color: #0a090f;
margin-top: -10px;
padding-top: 16px
}
.meta-divider {
background-color: #858580;
width: 4px;
height: 4px;
margin-left: 14px;
margin-right: 14px
}
.pre-heading {
text-transform: uppercase;
padding: 2.6875rem 12.2%;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
line-height: 1
}
.image-1031 {
width: 7.625rem;
height: auto
}
.image-1032 {
width: 10.625rem;
height: auto
}
.image-1032:hover {
opacity: 1
}
.popular-logo-link {
opacity: .8;
background-image: url(../images/645e3d7ca7fd751544d4e7e8_icon-link-arrow-simple.svg);
background-position: 100%;
background-repeat: no-repeat;
background-size: 1.25rem 1.25rem;
align-items: center;
width: 100%;
padding-right: 2rem;
transition: opacity .2s;
display: flex
}
.popular-logo-link:hover {
opacity: 1
}
.btn {
text-transform: uppercase;
background-color: #09090e;
background-image: url(../images/arrow-right-color.svg);
background-position: 92%;
background-repeat: no-repeat;
background-size: 1.375rem;
border: 1px solid #353539;
min-width: 16.7rem;
padding: 1.875rem 3rem 1.875rem 1.625rem;
font-family: Roboto Mono, sans-serif;
font-size: .8125rem;
line-height: 1;
text-decoration: none;
transition: opacity .2s
}
.btn:hover {
opacity: .6
}
.btn._w-100 {
width: 100%;
margin-top: -1.375rem
}
.btn._w-100.arrow-gray {
background-image: url(../images/6707cae0d8efae23f6f99a63_icon-arrow-gray.svg);
margin-bottom: 1.75rem
}
.btn._w-100.arrow-gray.mobile-show {
margin-bottom: 0
}
.btn.btn-secondary--sm {
padding-top: 1rem;
padding-bottom: 1rem;
font-size: .75rem
}
.btn.mb-minus {
margin-bottom: -1px
}
.ecosystem-btn-wrap {
flex-direction: column;
align-items: flex-start;
margin-top: 38px;
display: flex
}
.coming-soon-labe {
text-transform: uppercase;
border: 1px solid #efefe5;
padding: .8125rem 1rem;
font-family: Roboto Mono, sans-serif;
font-size: .8125rem;
line-height: 1
}
.tt-normal {
text-transform: none
}
.tt-normal.violetsans-font {
font-family: Violetsans, Arial, sans-serif
}
.dropdown-inner-cols {
display: flex
}
.dropdown-inner-col.dic-border-right {
border-right: 1px solid #353539
}
.dropdown-heading-sub {
opacity: .6;
border-bottom: 1px solid #353539;
padding: .875rem 1.125rem;
font-family: Roboto Mono, sans-serif
}
.connect-wallet {
margin-top: 15px;
padding: 14px 12px;
text-decoration: none;
position: relative
}
.connect-wallet.btn-primary--lg {
text-align: center;
padding: 1.5rem 5.125rem;
display: block
}
.connect-wallet.btn-primary--lg.btn-primary--dropdown {
padding-left: 2rem;
padding-right: 2rem
}
.connect-wallet.btn-primary--lg.btn-primary--padding-sm {
padding-left: 1rem;
padding-right: 1rem
}
.total_burnt {
font-size: 1.75rem;
font-weight: 400
}
.list-item-2,
.list-item-3,
.list-item-4 {
list-style-type: decimal
}
.footer-social-arrow {
width: .625rem
}
.ecosystem-number {
text-transform: uppercase;
border: 1px solid #353539;
border-radius: 1px;
justify-content: center;
align-items: center;
width: 3.25rem;
height: 3.43rem;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
line-height: 1;
display: flex;
position: absolute
}
.ecosystem-number.nb-1 {
bottom: 37%;
left: 2%
}
.ecosystem-number.nb-2 {
top: 22%;
left: 41%
}
.ecosystem-number.nb-3 {
top: auto;
bottom: 18%;
right: 41%
}
.ecosystem-number.nb-4 {
top: 35%;
right: 3%
}
.solutions-actions-row {
border-top: 1px solid #353539;
justify-content: flex-end;
padding: 12px 18px;
display: flex
}
.grid-column-labe {
color: #efefe599;
text-transform: uppercase;
border-top: 1px solid #353539;
border-right: 1px solid #353539;
margin-top: 1.8125rem;
margin-left: -1.625rem;
padding: 18px 1.625rem;
font-family: Roboto Mono, sans-serif;
font-size: .875rem
}
.footer__nav-col {
width: 24.6%;
padding-right: 20px
}
.page-hero-col {
width: 50%;
padding: 26px 2.8%
}
.page-hero-cols {
margin-top: 14vh;
display: flex
}
.page-hero {
padding-top: 12vh;
padding-bottom: 8vh
}
.page-section-descr {
text-align: left;
background-color: #0a090f;
border: 1px solid #353539;
margin: 60px auto 40px;
padding: 26px 2.8%;
font-size: 14px
}
.box-card-title {
margin-top: 0;
margin-bottom: 0;
font-family: Violetsans, Arial, sans-serif;
font-size: 1.125rem
}
.box-card {
border: 1px solid #353539;
margin-bottom: 52px
}
.box-card-head-text {
color: #efefe599;
text-transform: uppercase;
border-right: 1px solid #353539;
padding: 18px;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
line-height: 1
}
.box-card-content {
text-align: center;
padding: 35px 3%
}
.how-works-section {
padding-top: 12vh;
padding-bottom: 8vh;
position: relative
}
.box-card-head {
border-bottom: 1px solid #353539;
justify-content: flex-start;
display: flex
}
.page-col {
width: 50%;
padding: 26px 2.8%
}
.page-col.align-center {
justify-content: center;
align-items: flex-start;
display: flex
}
.page-cols {
margin-top: 14vh;
display: flex
}
.page-cols.no-padding {
margin-top: 0
}
.page-cols.page-cols-lead {
margin-top: 0
}
.boxes-list {
flex-wrap: wrap;
display: block
}
.boxes-list-item {
justify-content: flex-end;
display: block
}
.image-1033 {
max-width: 99%;
margin-left: auto;
margin-right: auto;
display: none
}
.all-features-row {
border-top: 1px solid #353539;
display: flex
}
.all-features-row-title {
margin-top: 0;
margin-bottom: 0;
font-size: 1.75rem
}
.all-features-row-item {
width: 50%;
padding: 26px 2.8%;
position: relative
}
.all-features-section {
padding-top: 8vh;
padding-bottom: 8vh;
position: relative
}
.all-features-rows {
margin-top: 60px
}
.all-features-row-nb {
border: 1px solid #353539;
justify-content: center;
align-items: center;
width: 74px;
height: 79px;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
display: flex;
position: absolute;
top: -1px;
left: -73px
}
.action-404 {
justify-content: flex-end;
margin-top: 60px;
display: flex
}
.action-404-btn-wrap {
width: 50%;
padding: 26px 2.8%
}
.articles-collection.hidden {
display: none
}
.link-block-19 {
text-decoration: none;
display: block
}
.link-block-19.article-slide {
flex-direction: column;
justify-content: space-between;
height: 100%;
transition: opacity .2s;
display: flex
}
.link-block-19.article-slide:hover {
opacity: .6
}
.vid_slide-desc-2 {
margin-top: 66px;
padding-bottom: 24px;
font-size: 1.125rem;
line-height: 1.4
}
.text-block-154 {
color: #efefe599;
-webkit-text-stroke-color: #e1e8ea;
line-height: 1.4
}
.sub-heading-3 {
color: #efefe5;
margin-top: 24px;
margin-bottom: 16px;
font-family: Violetsans, Arial, sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 140%
}
.vid_slide-wrapper-2 {
flex-direction: column;
min-height: 520px;
display: flex
}
.text-block-155 {
color: #858580;
font-family: Roboto Mono, sans-serif;
line-height: 100%
}
.vid_slide-top-2 {
grid-column-gap: 14px;
color: #858580;
-webkit-text-stroke-color: #efefe599;
text-transform: uppercase;
align-items: center;
margin-bottom: 72px;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
display: flex
}
.information-2 {
align-items: center;
display: flex
}
.st-custom-button.share-link {
cursor: pointer;
display: inline-block
}
.youtube-video {
cursor: pointer;
background-color: #353539;
border: 1px solid #353539;
padding-bottom: 56.25%;
position: relative;
overflow: hidden
}
.youtube-video:hover {
opacity: 1
}
.grid-5 {
grid-template-rows: auto;
grid-template-columns: .5fr .25fr
}
.submit-buton-4 {
max-width: 50%;
max-height: 80%
}
.submit-buton-4.btn-secondary-copy {
background-color: #464655
}
.form-block-5 {
margin-top: 40px
}
.submit {
max-width: 50%;
max-height: 80%
}
.submit.btn-secondary-copy {
background-color: #464655
}
.text-block-156 {
font-size: 1.6rem
}
.badge-popular {
height: auto;
margin-left: 1rem
}
.loader-line-horiz {
background-color: #353539;
width: 100%;
height: 1px;
position: absolute;
left: 0
}
.loader-line-horiz.loader-line-horiz-bottom {
bottom: 44%
}
.loader-line-horiz.loader-line-horiz-top {
top: 44%
}
.loader-corner {
opacity: 0;
width: 1.375rem;
height: 1.375rem;
position: absolute
}
.loader-corner.loader-corner-top-left {
top: 4%;
left: 1.8%
}
.loader-corner.loader-corner-bottom-right {
bottom: 4%;
right: 1.8%
}
.loader-corner.loader-corner-top-right {
top: 4%;
right: 1.8%
}
.loader-corner.loader-corner-bottom-left {
bottom: 4%;
left: 1.8%
}
.page-loader {
z-index: 1102;
background-color: #0a090f;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
max-height: 100vh;
display: none;
position: fixed
}
.page-loader.hide-loader {
height: 0%;
overflow: hidden
}
.loader-text {
opacity: 0;
text-transform: uppercase;
font-family: Roboto Mono, sans-serif;
font-size: .85rem;
position: absolute;
top: 50%;
left: 8%;
transform: translateY(-50%)
}
.loader-text.loader-text-right {
left: auto;
right: 8%
}
.loader-line-vert {
background-color: #353539;
width: 1px;
height: 100%;
position: absolute;
top: 0
}
.loader-line-vert.loader-line-lcenter {
left: 50%
}
.loader-line-vert.loader-line-right {
right: 6%
}
.loader-line-vert.loader-line-left {
left: 6%
}
.loader-arrow {
opacity: 0;
width: .5rem;
position: absolute;
top: 50%;
right: 2.5%;
transform: translateY(-50%)
}
.loader-arrow.loader-arrow-left {
transform-style: preserve-3d;
left: 2.5%;
right: auto;
transform: rotateX(0)rotateY(180deg)rotate(0)translateY(-50%)
}
.loader-lottie {
z-index: 4;
width: 40%;
height: 50%;
position: relative
}
.loader-lottie.hide {
display: none
}
.loader-container {
z-index: 4;
width: 800px;
height: 180px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.certik-embed-code {
width: 8.875rem;
margin-bottom: 0
}
.certic-code {
background-color: #20222a;
padding-top: 5px;
padding-bottom: 5px
}
.burn-hero {
border: 0 solid #353539;
font-size: 1rem;
position: relative;
overflow: hidden
}
.rewards-section,
.terms-section {
height: 100vh
}
.leaderboard-section {
padding-top: 80px;
padding-bottom: 0;
position: relative
}
.text-block-157 {
color: #858580;
text-align: center;
-webkit-text-stroke-width: 0px;
text-transform: uppercase;
border-bottom: 1px solid #353539;
padding-top: 32px;
padding-bottom: 32px;
font-family: Roboto Mono, sans-serif
}
.text-span-14 {
color: #f17166
}
.div-block-380 {
width: 24px;
height: 24px
}
.text-block-158 {
color: #858580;
font-family: Roboto Mono, sans-serif;
font-weight: 400
}
.text-block-159 {
color: #858580;
text-align: left;
text-transform: uppercase;
white-space: normal;
font-family: Roboto Mono, sans-serif;
font-size: .8rem;
font-style: normal;
text-decoration: none
}
.div-block-381 {
background-color: #0a090f;
border-bottom: 1px solid #353539;
margin-left: 1px;
margin-right: 1px;
padding: 32px 10px 12px
}
.text-span-15 {
padding-left: 4px;
padding-right: 4px;
font-size: .4rem;
position: relative;
bottom: 3px
}
.hero-info-left-copy {
width: 50%
}
.text-span-16 {
color: #939390;
padding-left: 0;
padding-right: 10px
}
.image-1034.burn-hero-image {
max-width: 70%;
position: absolute;
bottom: 0;
right: 0
}
.flex-row-copy {
justify-content: center;
align-items: center;
margin-bottom: 25px;
margin-left: 15%;
margin-right: 15%;
display: flex
}
.flex-row-copy.burn-top-banner {
grid-column-gap: .8rem;
grid-row-gap: .8rem
}
.section-heading-copy {
padding-top: 36px;
position: relative
}
.container-middle-copy {
width: 69%;
margin-left: auto;
margin-right: auto;
display: block
}
.container-middle-copy.revolution__container-middle {
background-color: #0000;
border-top: 1px solid #353539;
border-bottom: 1px solid #353539;
justify-content: center;
align-items: center;
width: 66%;
height: 100px;
margin-left: auto;
margin-right: auto;
display: flex
}
.container-middle-copy.revolution__items {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 66%;
display: grid;
position: relative
}
.link-more-icon-copy {
margin-left: 26px;
display: block
}
.link-more-icon-copy.link-more-icon--sm {
width: 1.375rem;
margin-left: auto;
margin-right: auto
}
.div-block-385 {
border: 1px solid #353539;
flex: 1;
justify-content: center;
align-self: auto;
align-items: center;
width: 70px;
height: 70px;
margin-left: 20px;
display: flex
}
.burn-term-and-conditions-section {
padding-top: 4vh;
padding-bottom: 8vh;
position: relative
}
.wallet_btn {
color: #e4f1ff;
cursor: pointer;
background-color: #ffffff45;
border: 1px #000;
border-radius: 5px;
margin-bottom: 1em;
padding: .4em .7em;
font-family: Violetsans, Arial, sans-serif;
display: block
}
.wallet_btn.fn-button-dark {
margin-bottom: auto
}
.connect_text-2 {
margin-top: 0;
margin-bottom: 0;
font-family: Violetsans, Arial, sans-serif;
font-size: 1em
}
.btn-primary-disconnect-wallet {
padding: 14px 12px;
text-decoration: none;
position: relative
}
.btn-primary-disconnect-wallet.btn-primary--lg {
text-align: center;
padding: 1.5rem 5.125rem;
display: block
}
.btn-primary-disconnect-wallet.btn-primary--lg.btn-primary--dropdown {
padding-left: 2rem;
padding-right: 2rem
}
.btn-primary-disconnect-wallet.btn-primary--lg.btn-primary--padding-sm {
padding-left: 1rem;
padding-right: 1rem
}
.btn-primary-disconnect-wallet.burn-hero-button-disconnect {
margin-right: 1.5rem;
display: none
}
.btn-connect-wallet {
padding: 14px 12px;
text-decoration: none;
position: relative
}
.btn-connect-wallet.btn-primary--lg {
text-align: center;
padding: 1.5rem 5.125rem;
display: block
}
.btn-connect-wallet.btn-primary--lg.btn-primary--dropdown {
padding-left: 2rem;
padding-right: 2rem
}
.btn-connect-wallet.btn-primary--lg.btn-primary--padding-sm {
padding-left: 1rem;
padding-right: 1rem
}
.btn-connect-wallet.burn-hero-button-connect-wallet.btn-primary {
margin-right: 1.5rem
}
.input-burn {
color: #efefe5;
background-color: #0a090f;
border: 1px solid #353539;
width: 23.875rem;
max-width: 100%;
height: 3rem;
margin-bottom: 0;
font-size: 1rem
}
.grid-7 {
grid-template-rows: auto;
grid-template-columns: .25fr .25fr
}
.btn-burn {
padding: 14px 12px;
text-decoration: none;
position: relative
}
.btn-burn.btn-primary--lg {
text-align: center;
padding: 1.5rem 5.125rem;
display: block
}
.btn-burn.btn-primary--lg.btn-primary--dropdown {
padding-left: 2rem;
padding-right: 2rem
}
.btn-burn.btn-primary--lg.btn-primary--padding-sm {
padding-left: 1rem;
padding-right: 1rem
}
.btn-burn.btn-hero-burn {
width: 9.0625rem;
height: 2.5rem
}
.vid_slide-4 {
padding-left: 20px;
padding-right: 20px;
position: relative
}
.text-block-161 {
color: #efefe5
}
.vid_slide-top-3 {
grid-column-gap: 14px;
color: #858580;
-webkit-text-stroke-color: #efefe599;
text-transform: uppercase;
align-items: center;
margin-bottom: 72px;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
line-height: 100%;
display: flex
}
.vid_slide-wrapper-3 {
flex-direction: column;
min-height: 520px;
display: flex
}
.hidden {
display: none
}
.html-embed-13 {
font-size: 0;
line-height: 0;
position: absolute;
inset: 0% auto auto 0%
}
.html-embed-14 {
transform-style: preserve-3d;
font-size: 0;
line-height: 0;
position: absolute;
inset: 0% 0% auto auto;
transform: rotateX(0)rotateY(180deg)rotate(0)
}
.html-embed-15 {
transform-style: preserve-3d;
font-size: 0;
line-height: 0;
position: absolute;
inset: auto 0% 0% auto;
transform: rotateX(180deg)rotateY(180deg)rotate(0)
}
.html-embed-16 {
font-size: 0;
line-height: 0;
position: absolute;
inset: 0% auto auto 0%
}
.html-embed-17 {
transform-style: preserve-3d;
font-size: 0;
line-height: 0;
position: absolute;
inset: 0% 0% auto auto;
transform: rotateX(0)rotateY(180deg)rotate(0)
}
.html-embed-18 {
transform-style: preserve-3d;
font-size: 0;
line-height: 0;
position: absolute;
inset: auto auto 0% 0%;
transform: rotateX(180deg)rotateY(0)rotate(0)
}
.html-embed-19 {
transform-style: preserve-3d;
font-size: 0;
line-height: 0;
position: absolute;
inset: auto 0% 0% auto;
transform: rotateX(180deg)rotateY(180deg)rotate(0)
}
.slider-5 {
background-color: #0000;
height: auto
}
.simple-tab-content {
width: 66%;
margin-top: 2rem;
margin-left: 17%;
padding: 2rem
}
.list-2 {
padding-left: 17px
}
.opacity-60 {
opacity: .6
}
.leader-cols {
display: flex
}
.leader-col-1 {
flex: none;
width: 15.55%;
padding-top: 100px
}
.leader-cols-copy {
display: flex
}
.leader-col-50 {
flex-direction: column;
flex: none;
justify-content: flex-start;
align-items: center;
width: 34.5%;
padding-top: 40px;
display: flex
}
.leader-col-70 {
flex: none;
width: 52%;
padding-top: 100px
}
.personal-data-item {
text-align: right;
border: 1px solid #353539;
margin-bottom: -1px;
padding: 1.125rem .75rem
}
.personal-data-name {
opacity: .5;
text-transform: uppercase;
font-family: Roboto Mono, sans-serif;
font-size: .875rem
}
.button-simple {
text-align: center;
text-transform: uppercase;
background-image: url(../images/64744347e6e883e646690c19_button-simple.svg);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100% 100%;
justify-content: center;
align-items: center;
width: 10.5rem;
height: 2.5rem;
font-family: Roboto Mono, sans-serif;
font-size: .8125rem;
text-decoration: none;
transition: opacity .2s;
display: flex
}
.button-simple:hover {
opacity: .6
}
.button-simple.button-simple--color {
background-image: url(../images/6474434aa431cdc3fc94159e_button-simple-color.svg);
width: 9.0625rem
}
.button-simple.button-simple--md {
width: 9.75rem
}
.button-simple.button-simple--white {
background-image: url(../images/65f1be0f9cba6a3af877e869_button-simple-light.svg)
}
.button-simple-icon {
width: 1.125rem;
margin-right: .43rem
}
.text-block-162 {
font-size: 1.125rem
}
.my-rank-block {
text-align: center;
background-image: url(../images/64744380e6e883e6466930b5_robot-head.png);
background-position: 0 0;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
width: 18.125rem;
height: 18.125rem;
margin-bottom: 3.5rem;
padding-top: 1rem;
display: flex
}
.my-rank-nb {
font-size: 3.5rem;
line-height: 1;
display: flex
}
.my-rank-text {
opacity: .5;
text-transform: uppercase;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
line-height: 1.3
}
.button-simple-burn {
text-align: center;
text-transform: uppercase;
background-image: url(../images/6474434aa431cdc3fc94159e_button-simple-color.svg);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: contain;
justify-content: center;
align-items: center;
width: 9.0625rem;
height: 2.5rem;
margin-top: 1.5rem;
font-family: Roboto Mono, sans-serif;
font-size: .8125rem;
text-decoration: none;
transition: opacity .2s;
display: flex
}
.button-simple-burn:hover {
opacity: .6
}
.button-simple-burn.button-simple--color {
background-image: url(../images/6474434aa431cdc3fc94159e_button-simple-color.svg);
width: 9.0625rem
}
.field-label-2 {
display: none
}
.burn-form {
width: 100%;
padding-left: 2.875rem;
padding-right: 2.875rem
}
.burn-form-inner {
flex-direction: column;
align-items: center;
display: flex
}
.table-wrap {
max-height: 480px;
padding-left: 1px;
position: relative;
overflow: auto
}
.table-shadow {
z-index: 2;
background-image: linear-gradient(90deg, #0000, #09090e);
width: 30%;
position: absolute;
top: 0;
bottom: 0;
right: 0
}
.div-block-386.flex-row {
flex-direction: column;
flex: 0 0 50%;
align-items: flex-start;
margin-bottom: 0;
margin-left: 0%;
margin-right: 0%;
padding-left: 24px;
padding-right: 24px
}
.text-span-21 {
padding-left: 5px
}
.text-span-22,
.text-span-23 {
color: #595959
}
.win-image {
max-width: 85%;
margin-bottom: 2rem;
margin-left: auto;
margin-right: auto;
display: block
}
.win-list {
grid-row-gap: 0px;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
display: flex
}
.div-block-387 {
padding-left: 1rem;
padding-right: 1rem
}
.text-block-163 {
padding-right: 0;
font-size: 1.125rem
}
.roadmap-bottom-divider {
background-color: #353539;
width: 100vw;
height: 1px;
position: absolute;
bottom: 0;
left: 17%
}
.event-timer.js-event-timer {
display: none
}
.paragraph-9 {
color: #efefe5;
margin-bottom: 0;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
line-height: 1.42
}
.leaderboard-divider {
border-top: 1px solid #353539;
height: 0;
margin-top: 30px
}
.div-block-388 {
background-color: #0a090f;
position: absolute;
inset: 0 45%
}
.div-block-389 {
z-index: 2;
position: relative
}
.burn-text {
align-items: center;
display: flex
}
.burn-icon {
margin-right: 12px
}
.roadmap-card-action {
margin-top: 2rem;
display: flex
}
.btn-connect-wallet-copy {
padding: 14px 12px;
text-decoration: none;
position: relative
}
.btn-connect-wallet-copy.btn-primary--lg {
text-align: center;
padding: 1.5rem 5.125rem;
display: block
}
.btn-connect-wallet-copy.btn-primary--lg.btn-primary--dropdown {
padding-left: 2rem;
padding-right: 2rem
}
.btn-connect-wallet-copy.btn-primary--lg.btn-primary--padding-sm {
padding-left: 1rem;
padding-right: 1rem
}
.btn-connect-wallet-copy.burn-hero-button-connect-wallet.btn-primary,
.btn-connect-wallet-copy.burn-hero-button-connect-wallet-copy.btn-primary {
margin-right: 1.5rem
}
.btn-connect-wallet-copy.burn-hero-button-connect-wallet-copy.btn-primary-copy {
margin-right: 1.5rem;
font-family: Roboto Mono, sans-serif
}
.articles-hero {
padding-top: 8vh;
position: relative;
overflow: hidden
}
.feat-article-row {
background-color: #0a090f;
margin-top: 2.625rem;
padding-bottom: 2.7rem
}
.simple-tab {
opacity: .35;
text-align: center;
text-transform: uppercase;
min-width: 60%;
padding: 22px;
font-family: Roboto Mono, sans-serif;
text-decoration: none;
transition: opacity .2s;
display: block
}
.simple-tab:hover {
opacity: 1
}
.simple-tab.current {
opacity: 1;
cursor: default;
background-image: url(../images/644fa7ccb2061a3f72c97c6b_corner-bottom-left.svg), url(../images/644fa7ccf9e72f37ae5162ad_corner-bottom-right.svg), url(../images/644fa7cdb9ca0ac43e739b5f_corner-top-right.svg), url(../images/644fa7cd9bc7d5ed92d90f21_corner-top-left.svg);
background-position: 0 100%, 100% 100%, 100% 0, 0 0;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
background-size: .875rem .875rem, .875rem .875rem, .875rem .875rem, .875rem .875rem
}
.fa-line-horiz {
background-color: #35353980;
height: 1px;
position: absolute;
top: 0%;
left: 0;
right: 0
}
.fa-line-horiz.fa-line-horiz-5-mob {
display: none
}
.fa-line-horiz.fa-line-horiz-3 {
top: 66.66%
}
.fa-line-horiz.fa-line-horiz-2 {
top: 33.33%
}
.fa-line-horiz.fa-line-horiz-1 {
background-color: #353539;
left: 2.2%
}
.fa-line-horiz.fa-line-horiz-4 {
background-color: #35353980;
top: auto;
bottom: 0
}
.fa-line-horiz.fa-line-horiz-4-mob {
display: none
}
.page-two-cols {
border: 1px solid #353539;
margin-top: 5.875rem;
display: flex
}
.page-col-50 {
justify-content: center;
width: 50%;
padding: 1rem;
display: flex
}
.article-pre-labe {
text-transform: uppercase;
background-color: #09090e;
border: 1px solid #353539;
width: 15.55%;
padding-top: 36px;
padding-bottom: 36px;
padding-left: 1.5rem;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
position: absolute;
top: 0;
left: 0
}
.fa-line-vert {
background-color: #35353980;
width: 1px;
position: absolute;
top: 0;
bottom: 0
}
.fa-line-vert.fa-line-vert-1 {
left: 11.11%
}
.fa-line-vert.fa-line-vert-7 {
left: 77.77%
}
.fa-line-vert.fa-line-vert-6 {
left: 66.66%
}
.fa-line-vert.fa-line-vert-8 {
left: 88.88%
}
.fa-line-vert.fa-line-vert-2 {
left: 22.22%
}
.fa-line-vert.fa-line-vert-4 {
left: 44.44%
}
.fa-line-vert.fa-line-vert-5 {
left: 55.55%
}
.fa-line-vert.fa-line-vert-3 {
left: 33.33%
}
.feat-article-row-inner {
background-color: #0000;
position: relative
}
.container-9 {
padding-left: 2.2%;
padding-right: 2.2%
}
.feat-article-block {
z-index: 2;
position: relative
}
.fa-corner-elem {
opacity: .35;
border: 1px solid #efefe5;
width: .625rem;
height: .625rem;
position: absolute
}
.fa-corner-elem.fa-corner-bottom-right {
border-bottom-width: 0;
border-right-width: 0;
bottom: 42px;
right: 0
}
.fa-corner-elem.fa-corner-top-right {
border-top-width: 0;
border-right-width: 0;
top: 42px;
right: 0
}
.fa-corner-elem.fa-corner-bottom-left {
border-bottom-width: 0;
border-left-width: 0;
bottom: 42px;
left: 0
}
.fa-corner-elem.fa-corner-top-left {
border-top-width: 0;
border-left-width: 0;
top: 42px;
left: 0
}
.article-info {
align-items: center;
margin-top: auto;
display: flex
}
.article-data {
color: #858580;
text-transform: uppercase;
align-items: center;
padding-bottom: 10px;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
display: flex
}
.article-data.feat-article-data {
margin-bottom: 10px
}
.article-profile-info {
text-transform: uppercase;
align-items: center;
padding-left: 1rem;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
display: flex
}
.feat-article {
display: flex
}
.feat-article-title {
margin-bottom: 7rem;
font-size: 1.25rem;
line-height: 1.15;
transition: color .2s
}
.feat-article-title:hover {
color: #858580
}
.ai-alt {
opacity: .6;
margin-right: .75rem
}
.ai-title-link {
padding-bottom: 0;
text-decoration: none
}
.ai-title-link:hover {
color: #858580
}
.ai-title-link.case-item-title-link {
margin-left: 1.62rem;
margin-right: 1.62rem
}
.feat-article-thumb-inner {
transition: opacity .2s
}
.feat-article-thumb-inner:hover {
opacity: .7
}
.feat-article-thumb-inner.no-hover:hover {
opacity: 1
}
.feat-article-col {
flex-direction: column;
width: 50%;
padding: 40px 1.625rem;
display: block
}
.feat-article-col.feat-article-thumb {
justify-content: center;
padding: 60px 1rem;
display: flex;
position: relative
}
.feat-article-col.feat-article-thumb:hover {
opacity: 1
}
.articles-wrap {
position: relative
}
.articles-section {
margin-bottom: 60px;
position: relative
}
.filters-form {
margin-bottom: 0
}
.articles-item {
border-top: 1px solid #353539;
border-bottom: 1px solid #353539;
flex: none;
width: 50%;
margin-bottom: 44px;
display: flex
}
.custom-filter-radio {
display: none
}
.articles-list {
border-top: 0 #353539;
flex-wrap: wrap;
display: flex
}
.filters-panel {
background-color: #09090e;
border: 1px solid #353539;
margin-bottom: -1px
}
.filters-list {
border-bottom: 1px solid #353539;
flex-wrap: wrap;
align-items: flex-start;
padding: 33px 1.625rem 13px;
display: flex
}
.custom-filter {
margin-bottom: 18px;
margin-right: 1.25rem;
padding-left: 0
}
.container-10 {
padding-left: 2.2%;
padding-right: 2.2%
}
.custom-filter-label {
opacity: .35;
color: #efefe5;
text-transform: uppercase;
border: 1px solid #efefe5;
margin-bottom: 0;
padding: 6px 9px;
font-family: Roboto Mono, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1;
transition: opacity .2s
}
.custom-filter-label:hover {
opacity: .8
}
.article-thumb-link {
transition: opacity .2s;
position: relative
}
.article-thumb-link:hover {
opacity: .7
}
.article-title {
margin-bottom: 68px;
font-size: 1.125rem;
line-height: 1.38;
transition: color .2s
}
.article-thumb {
margin: 32px 14px 76px;
padding: 6px;
line-height: 0;
position: relative
}
.article-thumb.case-item-thmb {
border-width: 0;
margin-top: 32px;
margin-left: 14px;
margin-right: 14px;
overflow: visible
}
.article-thumb-img {
border: 1px solid #353539;
display: block
}
.article-card {
flex-direction: column;
width: 100%;
padding: 1.625rem;
display: flex
}
.article-card.case-card {
padding-top: 1rem;
padding-left: 0;
padding-right: 0;
overflow: hidden
}
.not-found {
text-align: center;
text-transform: uppercase;
padding: 2rem;
font-family: Roboto Mono, sans-serif;
font-size: 2rem
}
.container-11 {
padding-left: 2.2%;
padding-right: 2.2%
}
.text-block-164 {
color: #efefe5
}
.container-12 {
padding-left: 2.2%;
padding-right: 2.2%
}
.text-block-165 {
color: #efefe5
}
.tabs-content-4 {
overflow: visible
}
.learn-more-icon-border {
border: 1px solid #353539;
justify-content: center;
align-items: center;
width: 4.375rem;
height: 4.375rem;
margin-left: 1rem;
display: flex
}
.tabs-oure-links {
justify-content: space-between;
align-items: center;
width: 33%;
padding-left: 1rem;
display: flex;
position: absolute;
top: -58px;
left: 50%
}
.arrow-link {
opacity: .6;
text-transform: uppercase;
background-image: url(../images/6475c21b8be0c640d5a29c45_ico-bullet-bright.svg);
background-position: 0%;
background-repeat: no-repeat;
background-size: .375rem;
padding-left: 1.4rem;
font-family: Roboto Mono, sans-serif;
font-size: .75rem;
text-decoration: none;
transition: opacity .2s
}
.arrow-link:hover {
opacity: 1
}
.arrow-link.arrow-link--inverse {
opacity: 1;
background-position: 100%;
padding-left: 0;
padding-right: 1rem
}
.arrow-link.arrow-link--inverse.arrow-link--down {
background-image: url(../images/64e883e33124c9b0acc5bdfb_ico-bullet-down.svg)
}
.arrow-link.arrow-link--inverse.arrow-link--up {
background-image: url(../images/64e884b4ad1f15554e53d024_ico-bullet-up.svg)
}
.arrow-link.no-hover:hover {
opacity: .6
}
.text-span-21-copy {
padding-left: 10px
}
.text-span-26 {
font-size: 1.5rem
}
.text-span-27 {
font-size: 2rem
}
.italic-text {
font-size: 1.5rem
}
.text-span-28 {
font-size: 2rem
}
.text-span-29 {
font-size: 1.5rem
}
.text-span-30 {
font-size: 2rem
}
.text-block-166,
.text-block-167,
.text-block-168 {
font-size: .8rem
}
.text-block-169,
.text-block-170,
.text-block-171 {
font-size: .75rem
}
.link-back {
opacity: .6;
text-transform: uppercase;
background-image: url(../images/6436bdb39b7ca6101e1a307d_ico-indicator-light.svg);
background-position: 0%;
background-repeat: no-repeat;
background-size: auto;
padding-left: .75rem;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
text-decoration: none;
transition: opacity .2s;
display: inline-block
}
.link-back:hover {
opacity: 1
}
.copy-code-wrap.ccw-dropdown-item {
border-top: 1px solid #353539
}
.copy-company-thumb {
opacity: .6;
text-align: center;
width: 1.125rem;
margin-top: -1px;
margin-right: .5rem
}
.team-card-avatar-img {
aspect-ratio: 1;
object-fit: cover;
width: 100%
}
.section-heading-inner {
justify-content: flex-start;
padding-top: .75rem;
padding-left: 1.125rem;
padding-right: 1.75rem;
display: flex;
position: relative
}
.section-heading-top-stroke {
position: absolute;
top: 0;
left: 0
}
.section-heading-bottom-stroke {
line-height: 0;
position: absolute;
bottom: 0;
right: 0
}
.media-data {
margin-bottom: 46px;
padding-top: 8px;
display: flex
}
.media-data-item {
min-width: 7.5rem;
margin-right: 1.5rem
}
.media-data-item.mr-0 {
margin-right: 0
}
.media-data-title {
color: #858580;
text-transform: uppercase;
font-family: Roboto Mono, sans-serif;
font-size: .75rem;
line-height: 100%
}
.media-data-text {
margin-bottom: .6875rem;
font-family: Roboto Mono, sans-serif;
line-height: 1.4
}
.media-action {
border-top: 1px solid #353539;
margin-left: -1.625rem;
margin-right: -1.625rem;
padding-top: 1.625rem;
padding-left: 1.625rem;
padding-right: 1.625rem
}
.media-badge {
color: #93928f;
border: 1px solid #353539;
padding: .3125rem;
font-size: .75rem;
font-weight: 400
}
.media-heading {
color: #efefe5;
text-transform: none;
margin-bottom: 0;
padding-top: .1875rem;
padding-bottom: .1875rem;
font-family: Violetsans, Arial, sans-serif;
font-size: 1.125rem
}
.m-0 {
margin-bottom: 0
}
.image-1037 {
width: 5.375rem;
height: auto
}
.section-head-actions {
justify-content: space-between;
align-items: center;
padding-left: 1.5rem;
display: flex
}
.header-side-part {
flex: none;
width: 15.5%;
display: flex
}
.header-mdl-part {
flex: 1;
margin-left: 0;
margin-right: 0;
display: flex
}
.header-action-place {
border-left: 1px solid #353539;
padding-left: 1rem;
padding-right: 1rem;
display: flex
}
.slide-img--fit {
object-fit: cover;
width: 100%;
height: 10rem
}
.features-metrics {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 60px 30px;
position: relative
}
.container-13 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto
}
.features-wrapper {
justify-content: space-around;
align-items: center;
display: flex
}
.features-block {
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex
}
.features-title {
margin-bottom: 8px;
font-size: 40px;
font-weight: 600;
line-height: 48px
}
.features-title-small {
font-size: 24px;
line-height: 32px
}
.features-check {
width: .875rem;
position: absolute;
top: 16px;
left: 0
}
.features-check-ico {
opacity: .35;
width: 100%;
display: block
}
.features-item-title {
color: #efefe5;
margin-bottom: 0;
font-size: 1rem
}
.features-item-title.fit-text-diff {
text-transform: none;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
line-height: 1rem
}
.features-item-text {
width: 90%;
margin-top: 6px
}
.features-item-action {
margin-top: auto
}
.pricing-card-top {
flex-direction: column;
min-height: 17rem;
display: flex
}
.pricing-card-top.h-auto {
min-height: 0
}
.card-heading-badge {
color: #93938f;
text-transform: uppercase;
border: 1px solid #353539;
padding: 6px 5px 3px;
font-size: .75rem;
display: inline-block;
position: relative;
top: -.2rem
}
.card-heading-badge.badge-white {
border-color: var(--white);
color: var(--white);
text-transform: none;
vertical-align: baseline
}
.media-event-badges {
flex-direction: column;
align-items: stretch;
display: flex;
position: absolute;
top: -1px;
right: -1px
}
.media-event-badge {
color: #93928f;
text-align: center;
text-transform: uppercase;
background-color: #09090e;
border: 1px solid #353539;
margin-bottom: -1px;
padding: .3125rem;
font-family: Roboto Mono, sans-serif;
font-size: .75rem
}
.case-item-thmb {
border: 1px solid #353539;
position: relative
}
.case-item-thmb.slider-case-image {
border-width: 0;
margin: 44px 0;
padding-left: 14px;
padding-right: 14px
}
.no-wrap {
white-space: nowrap
}
.break-word {
word-break: break-all
}
.pricing-hero.pb-0 {
padding-bottom: 0
}
.brand-section {
position: relative
}
.brand-section.brand-section--first {
margin-top: -16rem
}
.brand-section.brand-section--first-pad {
margin-top: -3rem
}
.brand-single-view {
background-color: #09090e;
border-top: 1px solid #353539;
margin-left: 1px;
margin-right: 1px;
padding: 1.5rem 1.625rem
}
.brand-single-view.pb-lg {
padding-bottom: 3.25rem
}
.brand-single-thumb {
justify-content: center;
align-items: center;
margin-bottom: 0;
padding: 3.625rem 3.8125rem;
display: flex
}
.brand-single-image.barnd-image--full-width {
width: 100%
}
.brand-single-image.barnd-image--full-width.is-bordered {
border: 1px solid #353539
}
.brand-single-image.barnd-image--half-width {
width: 59%
}
.brand-asset-name {
opacity: .6;
text-align: center;
text-transform: uppercase;
margin-bottom: 0;
font-family: Roboto Mono, sans-serif;
font-size: .875rem
}
.brand-asset-name.text-left {
text-align: left
}
.brand-actions {
background-color: #09090e;
border-top: 1px solid #353539;
border-bottom: 1px solid #353539;
justify-content: center;
align-items: center;
margin-left: 1px;
margin-right: 1px;
padding: 1.75rem;
display: flex
}
.brand-listing-view {
border-top: 1px solid #353539;
flex-wrap: wrap;
display: flex
}
.brand-listing-item {
width: 50%;
padding: 1.5rem 1.625rem 3.125rem
}
.brand-listing-item.is-bordered {
border-bottom: 1px solid #353539
}
.brand-listing-thumb {
text-align: center
}
.brand-listing-thumb.is-bordered {
border: 1px solid #353539
}
.brand-view-wrap {
padding-top: 4.5rem;
padding-bottom: 6rem
}
.brand-view-wrap.is-last {
padding-bottom: 3rem
}
.grid-column--mdl {
flex: 1
}
.grid-column--mdl.bg-dark {
background-color: #09090e;
border-top: 1px solid #353539;
border-bottom: 1px solid #353539;
margin-right: 1px
}
.d-none {
justify-content: flex-start;
align-items: center;
display: flex
}
.brand-slider {
background-color: #0000;
height: auto
}
.brand-slider-mask {
overflow: visible
}
.brand-slide {
text-align: center
}
.brand-slide-image {
margin-bottom: 80px
}
.brand-slide-image.is-tight,
.brand-slide-image.is-super-tight,
.brand-slide-image.mb-0 {
margin-bottom: 0
}
.brand-slide-inner {
flex-direction: column;
align-items: center;
margin-left: 1px;
margin-right: 1px;
padding: 80px 6.43rem;
display: flex
}
.brand-slider-wrap {
background-color: #09090e;
margin-left: 1px;
margin-right: 1px
}
.basic-slide-arrow {
justify-content: center;
width: 7rem;
display: flex
}
.scale-y-1 {
transform-style: preserve-3d;
transform: rotateX(0)rotateY(180deg)rotate(0)
}
.basic-slide-arrow-img {
width: 3.25rem
}
.brand-listing-wrap {
padding-bottom: 6rem
}
.brand-listing-wrap.is-last {
padding-bottom: 3rem
}
.brand-sections-wrap {
padding-top: 6rem;
position: relative
}
.sticky-aside {
z-index: 3;
background-color: #09090e;
width: 17vw;
margin-top: -6rem;
margin-bottom: 0;
margin-left: auto;
padding-right: 2.2vw;
position: sticky;
top: 80px
}
.sticky-aside.sticky-aside--m-0 {
margin-top: 0
}
.sticky-anchors-list {
border-top: 1px solid #353539;
border-bottom: 0 solid #353539;
flex-direction: column;
display: flex;
position: relative;
top: -1px
}
.sticky-anchor-link {
opacity: .6;
text-transform: uppercase;
justify-content: flex-end;
align-items: center;
padding: 1.5rem 1rem 1.5rem 0;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
text-decoration: none;
transition: opacity .2s;
display: flex
}
.sticky-anchor-link:hover {
opacity: .9
}
.sticky-anchor-link.w--current {
opacity: 1
}
.sticky-anchor-icon {
opacity: 0;
width: .375rem;
margin-right: 13px
}
.sticky-anchor-item {
background-color: #09090e;
border-top: 0 solid #353539;
border-bottom: 1px solid #353539
}
.sticky-anchor-item.opacity-0 {
opacity: 0
}
.sticky-aside-border-left {
background-color: #353539;
width: 1px;
position: absolute;
top: 0;
bottom: 0;
right: 100%
}
.brand-listing-img {
width: 85%
}
.brand-listing-img.brand-listing-img--full {
width: 100%
}
.disclaimer {
padding-bottom: 3rem
}
.feat-article-thumb-img {
border: 1px solid #353539
}
.nav-section-btn {
display: none
}
.form-block-6 {
padding-top: 27px
}
.button-8 {
font-family: Violetsans, Arial, sans-serif
}
.slide-down-block {
margin-bottom: 5px
}
.slide-down-wrap {
margin-bottom: 22px
}
.stemap-section {
padding-top: 5rem;
padding-bottom: 5rem
}
.sitemap-link {
color: #efefe5a6;
background-color: #0a090f;
border: 1px solid #353539;
padding: .8125rem 1rem;
font-family: Roboto Mono, sans-serif;
text-decoration: none;
transition: color .2s;
display: inline-block;
position: relative
}
.sitemap-link:hover {
color: #efefe5
}
.sitemap-list {
text-transform: uppercase;
border-left: 1px solid #353539;
padding-left: 1.625rem;
padding-right: 1.625rem;
font-size: .8125rem
}
.sitemap-item-line {
background-color: #353539;
width: 1.625rem;
height: 1px;
margin-top: auto;
margin-bottom: auto;
position: absolute;
top: 0;
bottom: 0;
left: -1.625rem
}
.sitemap-item {
margin-bottom: 1rem;
list-style: none;
position: relative
}
.sitemap-sub-list {
text-transform: none;
padding-top: 1rem;
padding-left: 1.625rem;
font-size: .75rem
}
.sitemap-sub-tem-line {
background-color: #353539;
width: 3.25rem;
height: 1px;
margin-top: auto;
margin-bottom: auto;
position: absolute;
top: 0;
bottom: 0;
left: -3.25rem
}
.sitemap-link-wrap {
position: relative
}
.sitemap-block {
z-index: 2;
background-color: #0a090f;
border-top: 1px solid #353539;
border-bottom: 1px solid #353539;
margin-left: 1px;
margin-right: 1px;
padding: 1.625rem;
position: relative
}
.sitemap-list-wrap {
position: relative
}
.sitemap-list-dot {
background-color: #353539;
width: 5px;
height: 5px;
position: absolute;
left: -2px
}
.sitemap-list-dot.sitemap-list-dot--top {
top: -2px
}
.sitemap-list-dot.sitemap-list-dot--bottom {
bottom: -2px
}
.contractor-selector {
border-left: 1px solid #353539;
display: flex;
position: relative
}
.contractor-action-wrap {
align-items: center;
display: flex
}
.contractor-action {
border-left: 1px solid #353539;
justify-content: center;
align-items: center;
width: 2.25rem;
height: 1.5rem;
transition: opacity .2s;
display: flex
}
.contractor-action:hover {
opacity: .6
}
.contractor-dropdown {
background-color: #09090e;
border: 1px solid #353539;
display: none;
position: absolute;
top: 100%;
left: -1px;
right: -1px
}
.contractor-dropdown.is-open {
display: block
}
.contractor-action-icon {
width: .5rem
}
.copy-code-name {
color: #efefe599;
text-transform: uppercase;
margin-right: .5rem;
font-family: Roboto Mono, sans-serif;
font-size: .75rem
}
.copy-code-inner {
flex: 1;
align-items: center;
padding: 17px;
transition: opacity .2s;
display: flex
}
.copy-code-inner.js-select-contract {
cursor: pointer
}
.copy-code-inner.js-select-contract:hover {
opacity: .6
}
.contract-dropdown-heading {
color: #efefe599;
text-transform: uppercase;
padding: 17px;
font-family: Roboto Mono, sans-serif;
font-size: .75rem
}
.awards-section {
padding-top: 9vh;
padding-bottom: 7vh
}
.awards-item {
border-left: 1px solid #353539;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
min-width: 16.25rem;
margin-top: 1.625rem;
margin-bottom: 1.625rem;
padding-left: 1.625rem;
padding-right: 1.625rem;
text-decoration: none;
transition: opacity .2s;
display: flex
}
.awards-item:hover {
opacity: .6
}
.awards-logo {
background-image: url(../images/64527b20d8de852bcf4960b6_corner-bottom-right-l.svg), url(../images/64527b1b8e77ad50e87ce02a_corner-top-left-l.svg);
background-position: 100% 100%, 0 0;
background-repeat: no-repeat, no-repeat;
background-size: auto, auto;
margin-bottom: 2rem;
padding: 10px 2px
}
.awards-logo-img {
height: auto;
display: block
}
.awards-name {
text-transform: uppercase;
font-family: Roboto Mono, sans-serif;
font-size: .875rem
}
.awards-text-alt {
opacity: .6
}
.js-marquee-awards-clone {
display: flex
}
.spaces-thumb {
flex-direction: column;
align-items: flex-start;
min-height: 11.68rem;
margin-left: 1px;
margin-right: 1px;
padding: 1.625rem;
display: flex
}
.blog-card-date {
text-transform: uppercase
}
.text-block-107 {
font-size: .875rem
}
.spaces-title {
margin-bottom: 0;
font-size: 1.125rem
}
.spaces-content {
padding: 1.625rem
}
.spaces-content-heading {
color: #858580;
text-transform: uppercase;
margin-bottom: 1.25rem;
font-family: Roboto Mono, sans-serif;
font-size: .875rem
}
.spaces-guests {
flex-wrap: wrap;
align-items: flex-start;
padding-bottom: 1.125rem;
display: flex
}
.spaces-guests-item {
align-items: center;
margin-bottom: 1.125rem;
margin-right: 1.125rem;
display: flex
}
.spaces-guest-photo {
background-image: url(../images/6524003eaeeb16df64f67161_bg.svg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
margin-right: .875rem;
display: flex
}
.spaces-guest-image {
object-fit: cover
}
.spaces-guest-name {
text-transform: uppercase;
font-family: Roboto Mono, sans-serif;
font-size: .875rem
}
.space-slider-item {
border-top: 1px solid #353539;
border-bottom: 1px solid #353539
}
.spaces-item-action {
text-transform: uppercase;
border-top: 1px solid #353539;
align-items: center;
width: 100%;
margin-top: auto;
padding: 1.68rem 2rem;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
text-decoration: none;
transition: opacity .2s;
display: flex
}
.spaces-item-action:hover {
opacity: .6
}
.spaces-action-play {
width: .875rem;
margin-right: 1.75rem
}
.spaces-action-link {
width: .625rem;
margin-left: .875rem
}
.spaces-title-link {
margin-top: 44px;
text-decoration: none;
transition: opacity .2s
}
.spaces-title-link:hover {
opacity: .6
}
.tweets-marquee {
display: flex
}
.tweets-marquee.d-none {
display: none
}
.tweets-marquee-content.align-stretch {
align-items: stretch
}
.tweets-marquee-item {
border-right: 1px solid #353539;
flex: none;
width: 28.9rem;
padding-left: 1.625rem;
padding-right: 1.625rem;
transition: opacity .2s;
position: relative
}
.tweets-marquee-item:hover {
opacity: .6
}
.tweets-marqee-list {
width: 100%;
padding-top: 1.625rem;
padding-bottom: 1.625rem;
display: flex
}
.tweets-marquee-head {
align-items: center;
margin-bottom: 1.25rem;
display: flex
}
.tweets-profile-photo {
justify-content: center;
align-items: center;
margin-right: 1.25rem;
padding: 8px;
display: flex;
position: relative
}
.tweets-profile-image {
width: 2.875rem
}
.tweets-profile-heading {
padding-right: 1rem
}
.tweets-profile-name {
margin-bottom: .1875rem;
font-size: 1rem
}
.tweets-profile-account {
opacity: .6;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
line-height: 1
}
.tweets-marquee-text {
color: #efefe599
}
.tweets-marquee-link {
color: #0000;
font-size: 0;
line-height: 0;
position: absolute;
inset: 0
}
.tweets-marquee-logo {
width: 1.375rem;
margin-top: .375rem;
margin-bottom: auto;
margin-left: auto
}
.tweets-profile-corner-left {
opacity: .3;
background-image: url(../images/644fa7cd9bc7d5ed92d90f21_corner-top-left.svg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto;
width: 15px;
height: 15px;
position: absolute;
top: 0;
left: 0
}
.tweets-profile-corner-right {
opacity: .3;
background-image: url(../images/644fa7ccf9e72f37ae5162ad_corner-bottom-right.svg);
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: auto;
width: 15px;
height: 15px;
position: absolute;
bottom: 0;
right: 0
}
.marquee-divider {
z-index: 3;
background-color: #353539;
height: 1px;
position: absolute;
top: 0;
left: 0;
right: 0
}
.tab-alt {
opacity: .5;
color: #efefe5;
text-align: center;
text-transform: uppercase;
background-color: #0000;
border: 1px #000;
flex: 0 auto;
justify-content: center;
align-items: center;
min-width: 35%;
padding: 23px 26px;
font-family: Roboto Mono, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
display: flex
}
.tab-alt:hover {
opacity: .65;
color: #efefe5
}
.tab-alt.w--current {
opacity: 1;
color: #efefe5;
background-color: #0000;
background-image: url(../images/644fa7ccf9e72f37ae5162ad_corner-bottom-right.svg), url(../images/644fa7ccb2061a3f72c97c6b_corner-bottom-left.svg), url(../images/644fa7cdb9ca0ac43e739b5f_corner-top-right.svg), url(../images/644fa7cd9bc7d5ed92d90f21_corner-top-left.svg);
background-position: 100% 100%, 0 100%, 100% 0, 0 0;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
background-size: .875rem .875rem, .875rem .875rem, .875rem .875rem, .875rem .875rem;
justify-content: center;
align-items: center;
padding: 23px 26px;
display: flex
}
.fs-sliderdots_slider {
background-color: #0000;
width: 100%;
height: auto
}
.fs-sliderdots-nav {
background-color: #111;
flex-direction: row;
justify-content: center;
align-items: center;
min-height: 3rem;
margin-top: 1rem;
display: flex
}
.fs-sliderdots_arrow-right {
background-color: #1a1a1a;
border-radius: 500px;
width: 4rem;
height: 4rem;
margin-bottom: 4rem;
font-size: 1.5rem;
inset: 10rem 2rem auto auto
}
.fs-sliderdots_text {
max-width: 30rem;
margin-bottom: 1rem;
font-size: 2rem;
line-height: 1.4
}
.fs-sliderdots_content {
color: #000;
text-align: center;
background-color: #fff;
border-radius: 4px;
margin-left: .5rem;
margin-right: .5rem;
padding: .5rem 1rem;
font-size: 1rem;
font-weight: 500;
line-height: 1;
display: inline-block
}
.fs-sliderdots_content.fs-sliderdots_active {
color: #fff;
background-color: #5c2aff
}
.fs-sliderdots_arrow-left {
background-color: #1a1a1a;
border-radius: 500px;
width: 4rem;
height: 4rem;
margin-bottom: 4rem;
font-size: 1.5rem;
inset: 10rem auto auto 2rem
}
.fs-sliderdots_slide {
text-align: center;
background-color: #111;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
min-height: 24rem;
display: flex
}
.fs-hide {
display: none
}
.brand-tab-img {
width: 6.625rem
}
.brand-listing-item-head {
justify-content: space-between;
align-items: center;
margin-bottom: 3.5rem;
display: flex
}
.brand-listing-item-head.mb-0 {
margin-bottom: 0
}
.btn-download {
text-transform: uppercase;
border: 1px solid #efefe5;
align-items: center;
padding: .4375rem;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
line-height: 100%;
text-decoration: none;
transition: opacity .2s;
display: flex
}
.btn-download:hover {
opacity: .6
}
.brand-tabs {
grid-column-gap: .8125rem;
grid-row-gap: .8125rem;
justify-content: flex-end;
display: flex
}
.brand-tabs.mt-out {
margin-top: -4.2rem;
margin-bottom: 2.2rem;
padding-right: 1.68rem
}
.brand-tab-link {
opacity: .35;
color: #efefe5;
text-transform: uppercase;
background-color: #09090e;
border: 1px solid #efefe5;
padding: .4375rem .6875rem;
font-family: Roboto Mono, sans-serif;
font-size: 1rem;
line-height: 100%;
transition: opacity .2s
}
.brand-tab-link:hover {
opacity: .8
}
.brand-tab-link.w--current {
opacity: 1;
background-color: #0000
}
.disclaimer-row {
padding-bottom: 2rem;
display: flex
}
.disclaimer-col {
width: 50%;
padding-left: 1.625rem;
padding-right: 1.625rem
}
.text-secondary {
opacity: .6
}
.carousel {
background-color: #0000;
flex-direction: column-reverse;
height: auto;
display: flex
}
.carousel-thumb {
width: 300px
}
.slider-tnumbs-nav {
z-index: 10;
background-color: #09090e;
border-top: 1px solid #353539;
border-bottom: 1px solid #353539;
width: 100%;
padding-top: .875rem;
padding-left: .875rem;
padding-right: .875rem;
display: flex;
position: relative
}
.slider-wrap {
margin-left: 1px;
margin-right: 1px
}
.carousel-slide {
background-color: #09090e;
padding: 72px 7rem 48px
}
.carousel-slide-image {
border: 1px solid #353539;
width: 100%;
margin-bottom: 48px
}
.brand-single-link {
justify-content: center;
width: 100%;
display: flex
}
.brand-listing-link {
display: block
}
.brand-listing-head-actions {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
justify-content: flex-end;
align-items: center;
display: flex
}
.btn-download-ico {
width: .8125rem;
margin-right: .3125rem
}
.brand-view-tabs-wrap {
padding-bottom: 6rem
}
.brand-view-tabs-wrap.is-last {
padding-bottom: 3rem
}
.brand-single-thumb-light {
justify-content: center;
align-items: center;
margin-bottom: 0;
padding: 2.75rem 3.8125rem;
display: flex
}
.brand-icons-list {
justify-content: center;
align-items: center;
padding-top: 1.6rem;
padding-bottom: 4.5rem;
display: flex
}
.brand-icons-holder {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-radius: .75rem;
justify-content: center;
align-items: center;
padding: .875rem 2rem;
display: flex
}
.brand-icons-holder.bg-light {
background-color: #efefe5
}
.brand-icons-item {
width: auto;
height: 6.25rem;
max-height: 6.25rem
}
.product-menu {
margin-left: 0;
margin-right: 0;
display: flex
}
.product-menu-toggle {
color: #efefe5;
border-right: 1px solid #353539;
align-items: center;
padding: 24px 1.25rem;
display: flex;
position: relative
}
.product-menu-list {
border-bottom-right-radius: 1px;
border-bottom-left-radius: 1px;
max-height: calc(100vh - 1.275rem);
display: none;
left: 0;
overflow: scroll
}
.product-menu-list.w--open {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
overscroll-behavior: contain;
background-color: #09090e;
border: 1px solid #353539;
flex-flow: wrap;
align-content: stretch;
width: 24rem;
min-width: 11.25rem;
max-height: calc(100vh - 1.275rem);
padding: .375rem;
display: flex;
overflow: visible
}
.product-menu-item {
width: 100%
}
.product-menu-link {
width: 100%;
padding: 1rem .875rem;
text-decoration: none;
display: block;
position: relative
}
.product-menu-link.is-selected {
color: #09090e
}
.product-menu-link-box {
z-index: 2;
position: relative
}
.product-menu-link-text {
opacity: .6;
text-transform: uppercase;
font-family: Roboto Mono, sans-serif;
font-size: .75rem;
line-height: 100%;
transition: opacity .2s
}
.product-menu-link-text.is-selected {
opacity: 1
}
.product-menu-icon {
width: 1rem;
height: 1rem;
margin-right: .8125rem;
transition: transform .2s;
position: relative
}
.product-menu-icon-dot {
background-color: #fff;
border-radius: 50%;
width: .25rem;
height: .25rem;
transition: transform .2s;
position: absolute
}
.product-menu-icon-dot.pos-top-left {
top: 0;
left: 0;
transform: translate(.125rem, .125rem)
}
.product-menu-icon-dot.pos-top-right {
top: 0;
right: 0;
transform: translate(-.125rem, .125rem)
}
.product-menu-icon-dot.pos-bottom-left {
bottom: 0;
left: 0;
transform: translate(.125rem, -.125rem)
}
.product-menu-icon-dot.pos-bottom-right {
bottom: 0;
right: 0;
transform: translate(-.125rem, -.125rem)
}
.product-menu-line {
background-image: linear-gradient(90deg, #0d1b2a, #1f3b73 38%, #4171D6, #5A8DEE);
height: .125rem;
position: absolute;
top: 0;
left: 0;
right: 0
}
.product-menu-toggle-text {
text-transform: uppercase;
font-family: Roboto Mono, sans-serif;
font-size: .8125rem;
line-height: 100%
}
.product-menu-item-bg {
opacity: .6;
background-image: url(../images/6549081cc567736a0bc36f46_product-menu-bg.webp);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
height: 100%;
transition: opacity .2s;
position: absolute;
top: 0;
left: 0
}
.product-menu-item-bg.is-selected {
opacity: 1;
background-image: url(../images/654911540c925020ce09ce55_menu-active.webp)
}
.product-menu-item-logo-area {
justify-content: space-between;
align-items: center;
margin-bottom: 1.125rem;
display: flex
}
.product-menu-item-logo {
width: 7.625rem
}
.product-menu-item-logo.product-menu-item-logo--tap {
width: 4.5rem
}
.product-menu-item-arrow {
opacity: .6;
width: .625rem;
margin-left: 1.5rem;
transition: opacity .2s
}
.product-menu-item-arrow.is-selected {
opacity: 1;
width: .375rem;
margin-left: .5rem
}
.product-menu-item-logo-2 {
width: 5.125rem
}
.product-menu-item-logo-3 {
width: 3.875rem
}
/* .product-menu-line-tablet {
background-image: linear-gradient(90deg, #fc6756, #f8cf3e 38%, #26f4d0 52%, #724ce8);
height: .125rem;
display: none;
position: absolute;
top: 0;
left: 0;
right: 0
} */
.rich-text-block-3 {
text-align: left;
margin-left: 10px;
margin-right: 10px
}
.bold-text-24 {
text-align: left
}
.bold-text-25 {
text-align: left;
display: inline
}
.heading-12,
.heading-13 {
text-align: center
}
.paragraph-10 {
text-align: left
}
.grid-8 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template: "Area Area-2 Area-3 Area-4" "Area-5 Area-6 Area-7 Area-8" "Area-9 Area-10 Area-11 Area-12" "Area-13 Area-14 Area-15 Area-16" /minmax(90px, auto) minmax(90px, auto) minmax(90px, auto) minmax(90px, auto);
grid-auto-columns: auto;
grid-auto-flow: row;
margin-left: 10px;
margin-right: 10px;
padding-left: 0
}
.text-block-172,
.text-block-173,
.text-block-174,
.text-block-175 {
text-align: center;
border: 1px solid #fff
}
.text-block-176 {
text-align: left;
white-space: normal;
overflow-wrap: normal;
object-fit: fill;
border: 1px solid #fff;
padding-left: 5px;
text-decoration: none;
display: block
}
.text-block-177 {
border: 1px solid #fff;
padding-left: 5px
}
.text-block-178 {
border: 1px solid #fff
}
.text-block-179 {
border: 1px solid #fff;
margin-right: 0;
padding-left: 5px;
padding-right: 5px
}
.text-block-180 {
border: 1px solid #fff;
padding-left: 5px;
padding-right: 5px
}
.text-block-181 {
border: 1px solid #fff;
margin-left: 0;
padding-left: 5px;
padding-right: 5px
}
.text-block-182,
.text-block-183,
.text-block-184,
.text-block-185,
.text-block-186,
.text-block-187 {
border: 1px solid #fff;
padding-left: 5px
}
.rich-text-block-4 {
margin-left: 10px
}
.rich-text-block-5 {
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
padding-left: 0;
text-decoration: none
}
.list-3 {
list-style-type: decimal
}
.list-item-5,
.list-item-6 {
list-style-type: lower-alpha
}
.list-4 {
padding-left: 80px;
list-style-type: decimal
}
.paragraph-11 {
padding-left: 40px
}
.list-5 {
padding-left: 80px;
list-style-type: lower-roman
}
.list-6 {
list-style-type: lower-alpha
}
.paragraph-12,
.paragraph-13 {
margin-left: 0;
padding-left: 25px
}
.list-7 {
padding-left: 80px;
list-style-type: disc
}
.paragraph-14 {
margin-left: 0;
padding-left: 25px
}
.paragraph-15 {
padding-left: 25px
}
.paragraph-16 {
margin-left: 0;
padding-left: 25px
}
.paragraph-17,
.paragraph-18,
.paragraph-19,
.paragraph-20 {
padding-left: 25px
}
.list-8 {
list-style-type: lower-alpha
}
.paragraph-21,
.paragraph-22,
.paragraph-23,
.paragraph-24,
.paragraph-25 {
padding-left: 25px
}
.roadmap-intro-thumb {
margin-top: 7vh;
overflow: hidden
}
.roadmap-intro-thumb-img {
width: 100%
}
.burn-rewards-section {
padding-top: 12vh;
padding-bottom: 8vh;
position: relative;
overflow: hidden
}
.burn-rewards-bottom-divider {
background-color: #353539;
width: 100vw;
height: 1px;
position: absolute;
bottom: 0;
left: 17%
}
.burn-rewards-slider-block {
margin-top: 14px;
position: relative
}
.burn-rewards-frame {
width: 33%;
height: 100%;
margin-left: 17%;
padding-top: 0;
display: flex
}
.burn-rewards-fade-right {
z-index: 3;
background-color: #0a090fa6;
border-left: 1px solid #353539;
width: 50vw;
height: 100%;
position: absolute;
top: 0;
right: 0
}
.burn-rewards-line-right {
z-index: 4;
background-color: #353539;
width: 1px;
height: 100%;
position: absolute;
top: 0;
right: 17vw
}
.burn-rewards-fade-left {
z-index: 3;
background-color: #0a090fe6;
width: 17vw;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0
}
.burn-rewards-slider {
background-color: #0000;
width: 100%;
height: 100%
}
.burn-rewards-nav {
display: none
}
.burn-rewards-slide {
flex: none;
width: 100%
}
.burn-rewards-slide.roadmap-slide-1 {
margin-left: 17vw
}
.burn-rewards-card {
background-color: #0000
}
.burn-rewards-card-head {
border-top: 1px solid #efefe5;
border-bottom: 1px solid #efefe5;
align-items: stretch;
display: flex
}
.burn-rewards-card-icon {
justify-content: center;
align-items: center;
width: 5.625rem;
height: 6rem;
margin-right: 6px;
display: flex
}
.burn-rewards-card-icon.bordered {
border-right: 1px solid #efefe5;
margin-right: 0;
font-size: .875rem
}
.burn-rewards-card-head-text {
padding-top: 16px;
padding-bottom: 16px
}
.burn-rewards-card-head-text.full-width {
text-align: center;
flex: 1;
justify-content: center;
align-items: center;
display: flex
}
.burn-rewards-card-title {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: Roboto Mono, sans-serif;
font-size: 1.125rem;
line-height: 1.16
}
.burn-rewards-card-title.size-small {
font-size: 1rem
}
.burn-rewards-card-box {
border-bottom: 1px solid #353539
}
.burn-rewards-card-box.no-border {
border-bottom-width: 0
}
.burn-rewards-card-body {
color: #efefe599;
padding: 32px 26px 20px
}
.burn-rewards-card-action {
margin-top: 2rem;
display: flex
}
.roadmap-slide {
border-top: 1px solid #353539;
border-bottom: 1px solid #353539
}
.roadmap-card-head-item {
border-bottom: 1px solid #353539;
padding: 1rem 1.5rem;
position: relative
}
.roadmap-card-head-item.roadmap-card-status {
border-left: 1px solid #353539;
border-right: 1px solid #353539;
padding-top: .9rem;
padding-bottom: .9rem
}
.roadmap-card-status-text {
text-transform: uppercase;
font-family: Roboto Mono, sans-serif;
font-size: .875rem
}
.mask-8 {
overflow: visible
}
.roadmap-card-head-2 {
border-top: 1px solid #efefe5;
border-bottom: 1px solid #efefe5;
align-items: center;
min-height: 6.13rem;
display: flex
}
.roadmap-card-pre-title-2 {
margin-bottom: 17px;
display: flex
}
.roadmap-slide-2 {
flex: none;
width: 100%
}
.roadmap-slider-block-2 {
margin-top: 8vh;
position: relative
}
.image-1038 {
max-width: 54px;
display: block
}
.link-15 {
color: #efefe5
}
.roadmap-card-subhead-2 {
align-items: center;
padding-top: 32px;
padding-left: 26px;
display: flex
}
.container-15 {
padding-left: 2.2%;
padding-right: 2.2%
}
.roadmap-fade-right-2 {
z-index: 3;
background-color: #0a090fa6;
border-left: 1px solid #353539;
width: 50vw;
height: 100%;
position: absolute;
top: 0;
right: 0
}
.roadmap-more-items {
grid-column-gap: .8125rem;
color: #efefe599;
text-transform: uppercase;
align-items: center;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
display: flex
}
.roadmap-more-icon {
width: .75rem;
height: auto
}
.roadmap-card-btn-wrap {
margin-top: auto;
padding: 1.5rem
}
.roadmap-status-border {
border: 1px solid #efefe5;
position: absolute;
inset: -1px
}
.collection-list-5 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.holydays.holidays-christmas {
display: none
}
.filter-search-wrap {
padding: 34px 1.625rem;
position: relative
}
.filter-search-row {
align-items: center;
display: flex
}
.filter-search-icon {
flex: none;
padding-right: .875rem
}
.filter-search-icon-image {
width: 1.5rem
}
.filter-search-block {
flex: 1
}
.filter-search-field {
color: #efefe5;
background-color: #0000;
border: 0 solid #000;
height: 1.5rem;
margin-bottom: 0;
padding-left: .625rem;
padding-right: .625rem;
font-family: Violetsans, Arial, sans-serif;
font-size: 1rem;
font-weight: 400
}
.filter-search-field::placeholder {
color: #efefe559
}
.filter-search-clear {
width: 1.125rem;
height: 1.125rem;
margin-top: auto;
margin-bottom: auto;
font-size: 1rem;
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 1.5rem
}
.filter-search-clear:hover {
opacity: .65
}
.filter-search-clear-icon {
width: 100%;
display: block
}
.filter-search-indicator {
opacity: 0;
background-color: #efefe5;
width: 1px;
height: 1.5rem;
margin-top: auto;
margin-bottom: auto;
transition: all .2s;
position: absolute;
top: 0;
bottom: 0;
left: 0
}
.image-1039,
.image-height-auto {
height: auto
}
.ecosystem-image-wrap,
.roadmap-intro-image-wrap {
width: 100%
}
.seo-hidden-text {
color: #0000;
margin-bottom: 0;
font-size: 0;
line-height: 0;
position: absolute
}
.link-16 {
text-decoration: none
}
.faq-inline-link {
color: #efefe599;
margin-top: 0;
font-family: Violetsans, Arial, sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.5;
text-decoration: none
}
.faq-inline-link-accent {
color: #efefe5;
text-decoration: underline
}
.faq-inline-link-accent:hover {
text-decoration: none
}
.verify-block {
border-top: 1px solid var(--divider);
border-bottom: 1px solid var(--divider);
background-color: var(--bg-dark);
margin: 3.75rem 1px 4rem;
padding: 1.5rem;
position: relative
}
.verify-title {
margin-bottom: 1rem;
font-size: 1.125rem;
line-height: 1.4
}
.verify-input {
color: #efefe5;
background-color: #0000;
border: 0 solid #000;
height: auto;
margin-bottom: 0;
padding: .75rem 0;
font-size: 1rem;
line-height: 1.15
}
.verify-row {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
align-items: flex-end;
display: flex
}
.custom-dropdown {
min-width: 10.25rem
}
.custom-dropdown-toggle {
border-bottom: 1px solid var(--divider);
align-items: center;
padding-top: .875rem;
padding-bottom: .875rem;
padding-left: 0;
line-height: 1.15;
display: flex
}
.custom-dropdown-toggle.w--open {
border-bottom: 1px solid var(--divider)
}
.custom-dropdown-text {
color: #efefe5;
white-space: nowrap;
font-family: Roboto Mono, sans-serif;
font-size: 1rem;
line-height: 1.15
}
.custom-dropdown-icon {
opacity: .6;
flex: none;
width: 1rem;
margin-right: .875rem
}
.custom-dropdown-list {
border-style: solid;
border-width: 0 1px 1px;
border-color: var(--divider);
background-color: var(--bg-dark);
margin-top: -1px;
padding: .75rem 1.5rem;
left: -1.5rem;
right: -1.5rem
}
.custom-dropdown-list.w--open {
border-width: 1px
}
.custom-dropdown-item {
align-items: center;
padding-top: .75rem;
padding-bottom: .75rem;
font-family: Roboto Mono, sans-serif;
font-size: .8125rem;
line-height: 1.15;
text-decoration: none;
display: flex
}
.verify-input-wrap {
border-bottom: 1px solid var(--divider);
flex: 1;
align-items: center;
display: flex;
position: relative
}
.verify-popup-outer {
z-index: 9999;
background-color: #000c;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: none;
position: fixed;
top: 0;
left: 0
}
.verify-popup-outer.is-open {
display: block
}
.verify-popup {
z-index: 10;
border: 1px solid var(--divider);
background-color: var(--bg-dark);
width: 100%;
max-width: 43.125rem;
position: relative
}
.verify-popup.is-open {
opacity: 1
}
.verify-popup-head {
border-bottom: 1px solid var(--divider);
justify-content: space-between;
align-items: center;
padding: 1.25rem 1.125rem;
display: flex;
position: relative
}
.verify-popup-close {
font-size: 0;
line-height: 0
}
.verify-popup-close-icon {
width: 1rem
}
.veriffy-popup-title {
color: var(--text-white-0-6);
text-transform: uppercase;
margin-bottom: 0;
font-family: Roboto Mono, sans-serif;
font-size: .75rem;
line-height: 1
}
.verify-popup-head-gradient {
background-image: linear-gradient(90deg, #724ce8, #26f4d0 51%, #f8cf3e);
height: 2px;
position: absolute;
top: 0;
left: 0;
right: 0
}
.verify-popup-head-gradient.gradient-error {
background-image: linear-gradient(90deg, #0d1b2a, #1f3b73 38%, #4171D6, #5A8DEE);
}
.verify-results-head {
border-bottom: 1px solid var(--divider);
display: flex
}
.verify-results-status {
flex: none;
justify-content: center;
align-items: center;
width: 31%;
padding: 1.625rem 1.5rem;
display: flex
}
.verify-results-head-inner {
border-left: 1px solid var(--divider);
flex: 1;
align-items: center;
padding: 1.625rem 1.5rem;
display: flex
}
.verify-results-title {
margin-bottom: 0
}
.verify-results-body {
align-items: flex-start;
display: flex
}
.verify-results-pre-title {
border-bottom: 1px solid var(--divider);
text-transform: uppercase;
flex: none;
width: 31%;
padding: 2.625rem 1.5rem;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
line-height: 1
}
.verify-results-content {
border-bottom: 1px solid var(--divider);
border-left: 1px solid var(--divider);
padding: 2.375rem 1.5rem
}
.verify-results-value {
white-space: break-spaces;
word-break: break-all;
margin-bottom: 2.375rem;
font-family: Roboto Mono, sans-serif;
font-size: 1.125rem;
line-height: 1.4;
overflow: hidden
}
.verify-results-description {
color: var(--text-white-0-6);
padding-right: 3.625rem
}
.verify-results-footer {
margin-left: 31%;
padding-top: 2.5rem;
padding-bottom: 3.75rem;
display: flex
}
.verify-status-icon {
width: 4.5rem;
display: block
}
.verify-results-paragraph {
color: var(--text-white-0-6);
margin-bottom: 0
}
.verify-input-error {
color: var(--error);
text-transform: uppercase;
padding-top: .25rem;
font-family: Roboto Mono, sans-serif;
font-size: .625rem;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0
}
.verify-input-error.show-error {
display: block
}
.verify-input-holder {
flex: 1
}
.usfull-section {
padding-top: 4rem;
padding-bottom: 8rem;
position: relative
}
.usfull-list {
border-top: 1px solid var(--divider);
border-bottom: 1px solid var(--divider);
background-color: var(--bg-dark);
margin-left: 1px;
display: flex
}
.usfull-item {
border-right: 1px solid var(--divider);
flex-direction: column;
flex: 1;
justify-content: space-between;
align-items: flex-start;
padding: 2rem 1.625rem 1.625rem;
text-decoration: none;
transition: opacity .3s;
display: flex;
position: relative
}
.usfull-item:hover {
opacity: .6
}
.usfull-thumb {
width: 5rem;
margin-top: -3.8rem;
margin-bottom: 1.625rem
}
.usfull-title {
color: #efefe5;
text-transform: uppercase;
white-space: normal;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
line-height: 1.15;
text-decoration: none;
display: block;
position: relative
}
.custom-dropdown-arrow {
width: .75rem;
height: .25rem;
margin-top: auto;
margin-bottom: auto;
position: absolute;
top: 0;
bottom: 0;
right: .25rem
}
.verify-popup-inner {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
top: 0;
left: 0;
overflow: auto
}
.single-outer-link-icon {
width: .625rem;
position: absolute;
top: .175rem;
right: 0
}
.verify-popup-close-trigger {
z-index: 0;
position: absolute;
inset: 0
}
.landing-hero {
position: relative
}
.landing-hero-inner {
flex-direction: column;
justify-content: space-between;
min-height: 86svh;
padding-top: 5.8svh;
padding-bottom: 5.8svh;
display: flex;
position: relative
}
.landing-hero-heading {
flex-direction: row-reverse;
justify-content: space-between;
align-items: flex-start;
padding-top: 1.375rem;
padding-left: 1.375rem;
display: flex;
position: relative
}
.landing-hero-h1 {
margin-bottom: 0;
font-size: 3rem;
line-height: 1
}
.landing-hero-h2 {
margin-bottom: 0;
font-size: 6.5rem;
line-height: 1
}
.landing-hero-h2-mark {
color: #d8d8cf;
letter-spacing: 0;
vertical-align: top;
background-image: url(../images/6436bdb39b7ca6101e1a307d_ico-indicator-light.svg);
background-position: 0%;
background-repeat: no-repeat;
background-size: .375rem;
margin-top: 1.25rem;
padding-left: 1.375rem;
font-family: Roboto Mono, sans-serif;
font-size: .75rem;
transition-property: opacity;
transition-duration: .3s;
transition-timing-function: ease;
display: inline-block
}
.landing-hero-gradient {
background-image: linear-gradient(90deg, #0d1b2a, #1f3b73 38%, #4171D6, #5A8DEE);
transition: opacity .5s;
position: absolute;
inset: 0 0 1rem
}
.landing-hero-h2-decor {
vertical-align: top;
background-image: url(../images/646201707951b1100b67ddfd_double-dots.svg);
background-position: 0%;
background-repeat: no-repeat;
background-size: .875rem;
width: .875rem;
height: .25rem;
margin-top: 2.5rem;
margin-left: .4rem;
transition-property: opacity;
transition-duration: .3s;
transition-timing-function: ease;
display: inline-block
}
.landing-hero-sub-info {
z-index: 2;
max-width: 18.75rem;
font-size: 1.375rem;
position: relative
}
.landing-hero-sub-action {
align-items: flex-start;
margin-top: 5.8svh;
display: flex
}
.btn-primari-icon-custom {
width: 1.25rem;
margin-right: 2rem
}
.landing-hero-media {
justify-content: center;
align-items: flex-start;
width: 28.4375rem;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
top: 2.9svh;
left: 0;
right: 0
}
.landing-hero-media-img {
width: auto;
height: 100svh
}
.mission-section {
padding-top: 8.125rem;
padding-bottom: 4.0625rem;
position: relative
}
.section-row {
align-items: flex-start;
width: 84.5%;
display: flex
}
.section-main-col {
flex: 1
}
.section-main-col.max-width-limit {
max-width: 81.6%
}
.section-label-col {
flex: none;
width: 18.4%;
padding-right: 1.25rem
}
.section-label-icon {
opacity: .6;
width: .3125rem;
margin-left: .625rem;
transform: rotate(180deg)
}
.section-label-wrap {
border-top: 1px solid var(--divider);
color: #d8d8cf99;
text-transform: uppercase;
align-items: center;
padding-top: .75rem;
padding-bottom: .75rem;
font-family: Roboto Mono, sans-serif;
font-size: .75rem;
line-height: 1;
display: flex
}
.block-heading {
margin-bottom: 6.5rem;
padding-top: 1.625rem;
padding-left: 1.625rem;
padding-right: 1.625rem;
position: relative
}
.block-heading.bh-margin-sm {
margin-bottom: 3.25rem
}
.block-heading.bh-margin-lg {
margin-bottom: 8rem
}
.block-heading-gradient {
background-image: linear-gradient(90deg, #0d1b2a, #1f3b73 38%, #4171D6, #5A8DEE);
transition: opacity .5s;
position: absolute;
inset: 0 0 0
}
.block-heading-gradient.bhg-reverse {
transform-style: preserve-3d;
transform: rotateX(0)rotateY(180deg)rotate(0)
}
.block-heading-gradient.bhg-reverse-gradient {
background-image: linear-gradient(90deg, #0d1b2a, #1f3b73 38%, #4171D6, #5A8DEE);
}
.block-heading-title {
margin-bottom: 0;
font-size: 5rem;
transition: opacity .3s
}
.block-heading-title.bht-size-md {
font-size: 3.5rem
}
.twocol-post {
display: flex
}
.twocol-post.tp-reverse {
flex-direction: row-reverse
}
.twocol-post-thumb {
border-top: 1px solid var(--divider);
background-image: url(../images/65d6182179a459f62169dd45_bg-grid.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex: none;
justify-content: center;
align-items: center;
width: 50%;
padding: 2rem 1.375rem;
display: flex;
position: relative
}
.twocol-post-image {
width: 12.25rem
}
.twocol-post-content {
flex-direction: column;
flex: none;
width: 50%;
padding-bottom: 2rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
font-size: 1.125rem;
line-height: 1.4;
display: flex
}
.twocol-post-action {
margin-top: auto;
padding-top: 4rem
}
.incudes-block {
align-items: flex-start;
display: flex
}
.includes-heading {
border-top: 1px solid var(--divider);
border-bottom: 1px solid var(--divider);
flex: none;
width: 50%;
padding: 2rem 1.25rem
}
.includes-title {
margin-bottom: 0;
font-size: 1.125rem;
line-height: 1.4
}
.includes-list {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-top: 1px solid var(--divider);
border-bottom: 1px solid var(--divider);
text-transform: uppercase;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 50%;
margin-bottom: 0;
padding-left: 0;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
line-height: 1.3;
list-style-type: none;
display: grid
}
.includes-item {
border-right: 1px solid var(--divider);
border-bottom: 1px solid var(--divider);
background-image: url(../images/65d7024239f549e9be5ab902_ico-indicator-down.svg);
background-position: 20px 18px;
background-repeat: no-repeat;
background-size: .375rem;
margin-bottom: -1px;
padding: 2.22rem 1.25rem
}
.grant-basic-section {
padding-top: 4.0625rem;
padding-bottom: 4.0625rem;
position: relative
}
.block-heading-cols {
justify-content: space-between;
align-items: center;
display: flex
}
.block-heading-cols.bhc-stretch {
align-items: stretch
}
.block-heading-col {
flex: none;
width: 50%
}
.block-heading-col.bhc-right {
justify-content: flex-end;
align-items: flex-start;
display: flex
}
.block-heading-col.bhc-width-auto {
width: auto
}
.block-heading-text {
margin-bottom: 0;
padding-left: 1.25rem;
font-size: 1.125rem
}
.support-marquee-block {
border-top: 1px solid var(--divider);
border-bottom: 1px solid var(--divider);
background-color: var(--bg-dark);
margin-bottom: 2rem;
margin-left: 1px;
margin-right: 1px;
display: flex;
overflow: hidden
}
.support-marquee-title {
z-index: 2;
border-right: 1px solid var(--divider);
background-color: var(--bg-dark);
flex: none;
width: 25%;
margin-bottom: 0;
padding: 1.125rem 1.25rem;
font-size: 1.125rem;
line-height: 1.4;
position: relative
}
.support-marquee {
flex: none;
width: 75%;
display: flex
}
.support-marquee-list {
flex: none;
display: flex
}
.support-marquee-item {
border-right: 1px solid var(--divider);
align-items: center;
width: 14.75rem;
padding: 1.125rem 1.25rem;
display: flex
}
.support-marquee-icon {
object-fit: contain;
width: 1.5rem;
height: 1.5rem;
margin-right: .625rem
}
.support-marquee-text {
text-transform: uppercase;
white-space: nowrap;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
font-weight: 400;
line-height: 1.3
}
.feat-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-top: 1px solid var(--divider);
border-bottom: 1px solid var(--divider);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: -1px;
margin-bottom: 2rem;
display: grid
}
.feat-grid-item {
border-bottom: 1px solid var(--divider);
margin-bottom: -1px;
padding: 1.25rem
}
.feat-grid-item-thumb {
margin-bottom: .625rem
}
.feat-grid-item-descr {
font-size: 1.125rem
}
.usfull-item-arrow {
width: .875rem;
height: .875rem;
position: absolute;
top: 1rem;
right: 1rem
}
.infobox {
border-top: 1px solid var(--divider);
background-color: var(--bg-dark);
margin-left: 1px;
margin-right: 1px
}
.infobox-heading {
border-bottom: 1px solid var(--divider);
justify-content: space-between;
align-items: center;
padding: 2rem 1.25rem;
display: flex
}
.infobox-main-title {
margin-bottom: 0;
font-size: 1.125rem
}
.infobox-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-bottom: 1px solid var(--divider);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-right: -1px;
display: grid
}
.infobox-item {
border-right: 1px solid var(--divider);
border-bottom: 1px solid var(--divider);
margin-bottom: -1px;
padding: 2rem 1.25rem 1.25rem;
position: relative
}
.infobox-item-title {
margin-bottom: .625rem;
font-size: 1.125rem
}
.infobox-item-descr {
color: #efefe599;
text-transform: uppercase;
font-family: Roboto Mono, sans-serif;
font-size: .875rem
}
.infbox-item-decor {
width: .375rem;
position: absolute;
top: 1rem;
left: 1.25rem
}
.tears-section {
padding-top: 4.0625rem;
padding-bottom: 4.0625rem;
position: relative
}
.clipped-block {
background-color: var(--divider);
margin-bottom: 2.5rem;
margin-left: 1px;
margin-right: 1px;
padding-top: 1px
}
.clipped-block-inner {
border-bottom: 1px solid var(--divider);
background-color: var(--bg-dark)
}
.grant-posts {
margin-right: -1px;
display: flex
}
.grant-post {
border-right: 1px solid var(--divider);
width: 33.333%;
margin-top: -1px
}
.grant-post-thumb {
border-top: 1px solid var(--divider);
border-bottom: 1px solid var(--divider);
background-image: url(../images/65d862afbad6d694c2a242a8_bg-grid-2.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: center;
padding: 1rem;
display: flex
}
.grant-post-thumb-img {
width: auto;
height: 10rem
}
.grant-post-body {
padding: 1.5rem 1.25rem
}
.grant-post-title {
margin-bottom: .3125rem
}
.grant-post-sub-title {
color: var(--text-white-0-6);
margin-bottom: 2rem
}
.grant-post-text {
color: var(--text-white-0-6);
min-height: 11rem;
margin-bottom: 2rem;
font-size: 1.125rem
}
.mono-features {
border-top: 1px solid var(--divider);
margin-bottom: 2.25rem
}
.mono-features-item {
border-bottom: 1px solid var(--divider);
text-transform: uppercase;
padding: .625rem 1rem .625rem 1.625rem;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
line-height: 1.3;
position: relative
}
.mono-features-list-icon {
opacity: .35;
width: .875rem;
margin-top: auto;
margin-bottom: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0
}
.grant-sections-wrap {
position: relative
}
.sticky-wrap {
padding-top: calc(15rem + 5.8svh);
position: absolute;
inset: 0
}
.apply-section {
padding-top: 4.0625rem;
padding-bottom: 4.0625rem;
position: relative
}
.twocol-post-dots {
width: .875rem;
position: absolute;
top: 1.375rem;
left: 1.25rem
}
.numered-boxes {
grid-column-gap: 2.25rem;
grid-row-gap: 1.25rem;
flex-wrap: wrap;
padding: 1.625rem 1.125rem 3.25rem;
display: flex
}
.numered-box {
border-top-style: solid;
border-top-width: 1px;
border-top-color: var(--divider);
border-right-style: solid;
border-right-width: 1px;
border-right-color: var(--divider);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: var(--divider);
border-left-style: solid;
border-left-width: 1px;
border-left-color: var(--divider);
background-color: var(--bg-dark);
flex-direction: column;
width: calc(50% - 1.125rem);
display: flex
}
.numered-box.nb-margin-top {
margin-top: 3.125rem
}
.numered-box.nb-moved-up {
margin-top: -3.125rem
}
.numered-box.nb-margin-bottom {
margin-bottom: 3.125rem
}
.numered-box.nb-margin-top-minus {
margin-top: -3.125rem
}
.numered-box-heading {
align-items: flex-start;
margin-top: -1px;
display: flex
}
.numered-box-number {
background-color: var(--divider);
-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%);
flex: none;
width: 5.125rem;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 1px;
line-height: 1;
display: flex
}
.numered-box-number-elem {
color: #0000;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: var(--text-white-0-6);
font-size: 3.5rem
}
.numered-box-number-inner {
background-color: var(--bg-dark);
text-align: center;
-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%);
flex: 1;
padding: .625rem
}
.numered-box-gradient {
background-image: linear-gradient(90deg, #0d1b2a, #1f3b73 38%, #4171D6, #5A8DEE);
flex: 1;
height: 1px
}
.numered-box-body {
padding: .625rem 1.25rem 1.125rem
}
.numered-box-title {
margin-bottom: .625rem;
font-size: 1.125rem
}
.numered-box-text {
color: var(--text-white-0-6);
text-transform: uppercase;
margin-bottom: 0;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
line-height: 1.3
}
.numered-box-number-alt {
text-align: center;
width: 5.125rem;
padding: .625rem;
line-height: 1
}
.numered-box-footer {
border-top: 1px solid var(--divider);
margin-top: auto;
margin-left: 1.125rem;
margin-right: 1.125rem;
padding-top: 1.375rem;
padding-bottom: 1.25rem
}
.winners-section {
padding-top: 4.0625rem;
padding-bottom: 4.0625rem;
position: relative
}
.winners-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-top: 1px solid var(--divider);
background-color: var(--bg-dark);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 2rem;
margin-left: 1px;
display: grid;
position: relative
}
.winners-grid.no-gap {
grid-template-rows: auto;
margin-bottom: 0
}
.winners-grid-item {
border-right: 1px solid var(--divider);
border-bottom: 1px solid var(--divider);
flex-direction: column;
text-decoration: none;
transition: opacity .3s;
display: flex;
position: relative
}
.winners-grid-item:hover {
opacity: .6
}
.winners-item-head {
color: var(--text-white-0-6);
text-transform: uppercase;
justify-content: space-between;
align-items: center;
padding: 1.25rem;
font-family: Roboto Mono, sans-serif;
font-size: .75rem;
line-height: 1;
display: flex
}
.winners-item-outer-icon {
width: .75rem
}
.winners-item-thumb {
justify-content: center;
margin-top: 2.5rem;
margin-bottom: 3.125rem;
display: flex
}
.winners-item-thumb-img {
width: 100%;
display: block
}
.winners-item-title {
margin-bottom: .5rem;
font-size: 1.125rem
}
.winners-item-text {
color: var(--text-white-0-6);
text-transform: uppercase;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
line-height: 1.3
}
.winners-item-info {
text-align: center;
margin-top: auto;
padding-bottom: 1.25rem;
padding-left: .75rem;
padding-right: .75rem
}
.winners-item-gradient {
background-image: linear-gradient(90deg, #0d1b2a, #1f3b73 38%, #4171D6, #5A8DEE);
height: 1px;
position: absolute;
bottom: 0;
left: 0;
right: 0
}
.includes-thumb-link {
justify-content: center;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
transition: opacity .3s;
display: flex
}
.includes-thumb-link:hover {
opacity: .6
}
.includes-thumb-img {
width: 12.25rem
}
.faq-grant-section {
padding-top: 4.0625rem;
padding-bottom: 4.0625rem;
position: relative
}
.single-faq-block {
background-color: var(--bg-dark);
margin-left: 1px;
margin-right: 1px
}
.grant-final-graphic {
z-index: 2;
width: 43%;
position: absolute;
top: 2rem;
right: 2rem
}
.grant-final-action {
justify-content: flex-start;
align-items: flex-start;
margin-top: 6.875rem;
display: flex
}
.landing-hero-heading-border {
background-color: var(--divider);
height: 1px;
display: none;
position: absolute;
bottom: 1.4rem;
left: 24rem;
right: 15.5%
}
.landing-hero-media-player {
pointer-events: none;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 125svh;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
top: -25svh;
left: 0;
right: 0
}
.landing-hero-media-player.video-is-loaded {
opacity: 1
}
.learn-more-box {
border-top: 1px solid var(--divider);
border-bottom: 1px solid var(--divider);
width: 100%;
padding: 3rem 1.625rem 1.625rem;
text-decoration: none;
transition: opacity .3s;
display: flex;
position: absolute;
top: -1px;
bottom: -1px;
left: 100%
}
.learn-more-box:hover {
opacity: .65
}
.learn-more-box-inner {
flex-direction: column;
flex: 1;
justify-content: space-between;
align-items: center;
display: flex;
position: relative
}
.learn-more-box-top {
color: var(--text-white-0-6);
text-transform: uppercase;
align-items: center;
margin-top: -2.25rem;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
line-height: 1.7;
display: flex
}
.learn-more-box-bottom {
text-align: center;
text-transform: uppercase;
margin-bottom: -2.25rem;
padding-left: 2rem;
padding-right: 2rem;
font-family: Roboto Mono, sans-serif;
font-size: .875rem;
line-height: 1.2
}
.learn-more-box-arrow {
width: 6rem
}
.learn-more-box-top-icon {
width: .375rem;
margin-right: 1rem;
display: block
}
.learn-more-box-frame {
flex: 1;
margin-top: 64px;
margin-bottom: 110px;
display: flex;
position: relative
}
.learn-more-box-frame.lmbf-video {
margin-top: 70px
}
.section-label-mobile-text {
display: none
}
.landing-sub-info-text {
margin-bottom: 0
}
.winners-grid-border {
background-color: var(--divider);
width: 1px;
position: absolute;
top: 0;
bottom: 0;
right: 0
}
.dropdown-action-item {
border-top: 1px solid #353539;
padding: 1rem 1.5rem
}
.block-heading-title-inner {
transition: opacity .3s
}
.box-404 {
width: 18.25rem;
margin-bottom: 1rem;
margin-left: auto;
margin-right: auto
}
.box-404-border {
background-image: linear-gradient(90deg, #0d1b2a, #1f3b73 38%, #4171D6, #5A8DEE);
border-radius: 2px;
height: 2px;
margin-bottom: 1rem
}
.box-404-heading {
margin-bottom: .5rem;
font-size: 6.25rem;
line-height: 1;
position: relative
}
.box-404-text {
border-top: 1px solid var(--divider);
padding-top: 1rem;
padding-bottom: 1rem
}
.box-404-btn {
text-transform: uppercase;
background-color: #252529;
border-radius: .25rem;
align-items: center;
padding: .625rem .875rem;
font-family: Roboto Mono, sans-serif;
text-decoration: none;
display: inline-flex
}
.utility-page-404 {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
min-height: 50vh;
max-height: 100%;
padding-top: 2rem;
padding-bottom: 8vh;
display: block;
position: relative;
overflow: hidden
}
.box-404-decor {
vertical-align: top;
background-image: url(../images/646201707951b1100b67ddfd_double-dots.svg);
background-position: 0%;
background-repeat: no-repeat;
background-size: .875rem;
width: .875rem;
height: .25rem;
margin-top: .6rem;
margin-left: .75rem;
transition-property: opacity;
transition-duration: .3s;
transition-timing-function: ease;
display: inline-block
}
.box-404-btn-icon {
width: .5rem;
margin-left: .5rem
}
.video-404-fallback {
justify-content: center;
margin-left: 1px;
margin-right: 1px;
display: flex
}
.video-404-fallback-image {
object-fit: contain;
width: auto;
height: 500px;
display: none
}
.cookie-popup {
z-index: 9999;
border: 1px solid var(--divider);
background-color: var(--bg-dark);
border-radius: 2px;
flex-flow: column;
width: 22.5rem;
display: none;
position: fixed;
bottom: 1.2rem;
right: 2rem
}
.cookie-popup.is-open {
display: flex
}
.cookie-popup-head {
border-bottom: 1px solid var(--divider);
justify-content: space-between;
align-items: center;
padding: 1rem;
display: flex
}
.cookie-popup-title {
color: var(--text-white-0-6);
text-transform: uppercase;
margin-bottom: 0;
font-family: Roboto Mono, sans-serif;
font-size: .75rem
}
.cookie-close:hover {
opacity: .65
}
.cookie-close-icon {
width: 1rem
}
.cookie-popup-body {
color: var(--text-white-0-6);
padding: 1rem;
position: relative
}
.cookie-popup-footer {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-top: 1px solid var(--divider);
padding: 1.5rem 1rem;
display: flex
}
.popup-cookie-p {
color: var(--text-white-0-6)
}
.cookie-close-mobile {
display: none;
position: absolute;
top: 8px;
right: 8px
}
.cookie-close-mobile:hover {
opacity: .65
}
.limited-hero {
justify-content: flex-start;
align-items: flex-end;
min-height: 100svh;
display: flex;
overflow: hidden
}
.limited-hero-content {
z-index: 2;
width: 24.5rem;
line-height: 1.3;
position: relative
}
.limited-hero-title {
color: #fff;
margin-bottom: 0;
font-size: 1.5rem;
line-height: 1.3
}
.limited-hero-divider {
background-image: linear-gradient(90deg, #d073ff, #ff4f5d);
height: .25rem;
margin-top: 1rem;
margin-bottom: 1rem
}
.limited-hero-action {
justify-content: flex-start;
align-items: flex-start;
margin-top: 2rem;
display: flex
}
.limited-hero-video-holder {
height: 0;
padding-bottom: 110svh;
position: relative
}
.limited-hero-anim {
width: 60%;
height: 100svh;
position: absolute;
bottom: 0;
right: 0;
overflow: hidden
}
.body-limited-services {
background-color: #000
}
.limited-hero-info {
padding: 5.5rem 5.5rem 7rem
}
.red {
color: var(--error)
}
.uui-navbar01_menu-button {
padding: 0
}
.uui-button-2 {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui-primary600\);
background-color: var(--untitled-ui-primary600\);
color: var(--untitled-ui-white\);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d
}
.uui-button-2:hover {
border-color: var(--untitled-ui-primary700\);
background-color: var(--untitled-ui-primary700\)
}
.uui-button-2:focus {
background-color: var(--untitled-ui-primary600\);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui-primary100\)
}
.uui-button-tertiary-gray {
grid-column-gap: .5rem;
color: var(--untitled-ui-gray600\);
white-space: nowrap;
background-color: #0000;
border: 1px solid #0000;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex
}
.uui-button-tertiary-gray:hover {
background-color: var(--untitled-ui-gray50\);
color: var(--untitled-ui-gray700\)
}
.uui-button-secondary-gray-2 {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui-gray300\);
background-color: var(--untitled-ui-white\);
color: var(--untitled-ui-gray700\);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d
}
.uui-button-secondary-gray-2:hover {
background-color: var(--untitled-ui-gray50\);
color: var(--untitled-ui-gray800\)
}
.uui-button-secondary-gray-2:focus {
background-color: var(--untitled-ui-white\);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui-gray100\)
}
.uui-button-secondary-gray-2.show-tablet,
.show-tablet {
display: none
}
.uui-navbar01_button-wrapper {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
align-items: center;
display: flex
}
.uui-navbar01_menu-right {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex
}
.uui-navbar01_link {
color: var(--untitled-ui-gray600\);
align-items: center;
padding: 1.75rem 1rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
transition: all .3s
}
.uui-navbar01_link:hover {
color: var(--untitled-ui-gray700\)
}
.uui-navbar01_link.w--current {
color: #000
}
.uui-navbar01_dropdown-right-overlay-absolute {
background-color: var(--untitled-ui-gray50\);
min-width: 100vw;
position: absolute;
inset: 0% auto 0% 0%
}
.uui-button-icon {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.25rem;
min-width: 1.25rem;
height: 1.25rem;
min-height: 1.25rem;
display: flex
}
.uui-button-link {
grid-column-gap: .5rem;
color: var(--untitled-ui-primary700\);
white-space: nowrap;
background-color: #0000;
justify-content: center;
align-items: center;
padding: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex
}
.uui-button-link:hover {
color: var(--untitled-ui--primary800)
}
.uui-button-link.is-button-xsmall {
font-size: .875rem
}
.uui-navbar01_dropdown-content-button-wrapper {
letter-spacing: normal;
margin-top: 1rem;
margin-left: .75rem;
font-size: .875rem
}
.uui-button-row-2 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap;
align-items: center;
display: flex
}
.uui-navbar01_item-button-wrapper {
margin-top: .75rem
}
.uui-text-size-small {
color: var(--untitled-ui-gray600\);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
line-height: 1.5
}
.uui-navbar01_item-heading {
color: var(--untitled-ui-gray900\);
margin-bottom: .25rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 600
}
.uui-navbar01_item-heading.margin-bottom-0 {
margin-bottom: 0
}
.uui-navbar01_large-item-content {
flex-direction: column;
justify-content: flex-start;
font-weight: 400;
display: flex
}
.uui-navbar01_blog-image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.uui-navbar01_blog-image-wrapper {
border-radius: .375rem;
justify-content: flex-start;
align-items: center;
width: 100%;
min-width: 11rem;
height: 6.5rem;
display: flex;
position: relative;
overflow: hidden
}
.uui-navbar01_blog-item {
grid-column-gap: 1.5rem;
grid-row-gap: 0px;
border-radius: .5rem;
grid-template-rows: auto;
grid-template-columns: .6fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
padding: .75rem;
text-decoration: none;
transition: all .3s;
display: grid
}
.uui-navbar01_blog-item:hover {
background-color: var(--untitled-ui-white\)
}
.uui-navbar01_dropdown-blog-list {
grid-column-gap: 0rem;
grid-row-gap: .5rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
display: grid
}
.uui-navbar01_dropdown-content-heading {
color: var(--untitled-ui-primary600\);
letter-spacing: normal;
margin-left: .75rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
font-weight: 600
}
.uui-navbar01_dropdown-content-wrapper {
z-index: 1;
grid-row-gap: .75rem;
grid-template-rows: min-content;
grid-template-columns: 1fr;
grid-auto-rows: min-content;
grid-auto-columns: 1fr;
display: grid;
position: relative
}
.uui-navbar01_dropdown-content-right {
flex: 1;
max-width: 35rem;
padding: 2rem 0 2rem 1.25rem;
display: flex;
position: relative
}
.uui-navbar01_item-right {
flex-direction: column;
justify-content: center;
align-items: flex-start;
font-weight: 400;
display: flex
}
.uui-icon-1x1-xsmall {
width: 1.5rem;
height: 1.5rem
}
.uui-navbar01_icon-wrapper {
color: var(--untitled-ui-primary600\);
flex: none
}
.uui-navbar01_dropdown-link {
grid-column-gap: 1rem;
grid-row-gap: 0px;
border-radius: .5rem;
grid-template-rows: auto;
grid-template-columns: max-content 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
padding: .75rem;
text-decoration: none;
transition: all .3s;
display: grid
}
.uui-navbar01_dropdown-link:hover {
background-color: var(--untitled-ui-gray50\)
}
.uui-badge-small-success {
grid-column-gap: .25rem;
background-color: var(--untitled-ui--success50);
color: var(--untitled-ui--success700);
white-space: nowrap;
mix-blend-mode: multiply;
border-radius: 10rem;
align-items: center;
padding: .125rem .5rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .75rem;
font-weight: 500;
display: flex
}
.uui-navbar01_text-wrapper {
grid-column-gap: .5rem;
grid-row-gap: 0px;
align-items: center;
margin-bottom: .25rem;
display: flex
}
.uui-navbar01_heading {
color: var(--untitled-ui-primary600\);
letter-spacing: normal;
margin-top: 0;
margin-bottom: .25rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
font-weight: 600
}
.uui-navbar01_dropdown-link-list {
grid-column-gap: 0px;
grid-row-gap: .5rem;
grid-template-rows: max-content;
grid-template-columns: 1fr;
grid-auto-rows: max-content;
grid-auto-columns: 1fr;
display: grid
}
.uui-navbar01_dropdown-content-left {
grid-column-gap: 2rem;
grid-row-gap: 0px;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding: 2rem 2rem 2rem 0;
display: grid
}
.uui-navbar01_dropdown-content {
width: 100%;
display: flex
}
.uui-navbar01_container {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 80rem;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex
}
.uui-navbar01_dropdown-list {
box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808
}
.uui-navbar01_dropdown-list.w--open {
background-color: #fff;
width: 100vw;
min-width: 100vw;
max-width: 100%;
padding-left: 2rem;
padding-right: 2rem;
position: absolute;
inset: 5.0625rem auto auto 0%;
overflow: hidden
}
.uui-dropdown-icon {
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
margin-right: 1rem;
display: flex;
position: absolute;
inset: auto 0% auto auto
}
.uui-navbar01_dropdown-toggle {
color: var(--untitled-ui-gray600\);
align-items: center;
padding: 1.75rem 2.5rem 1.75rem 1rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
transition: all .3s;
display: flex
}
.uui-navbar01_dropdown-toggle:hover {
color: var(--untitled-ui-gray700\)
}
.uui-navbar01_menu-dropdown {
position: static
}
.uui-navbar01_menu {
flex: 1;
justify-content: space-between;
align-items: center;
margin-left: 1.5rem;
display: flex;
position: static
}
.uui-logo_image {
flex: none;
width: auto;
height: 100%;
display: none
}
.uui-logo_logotype {
flex: none;
width: auto;
height: 100%
}
.uui-logo_logomark-dot {
z-index: 1;
background-image: linear-gradient(26.5deg, #6941c6, #53389e);
border-radius: 50%;
width: 50%;
height: 50%;
position: relative
}
.uui-logo_logomark-blur {
z-index: 2;
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background-color: #fff3;
border-bottom-right-radius: .5rem;
border-bottom-left-radius: .5rem;
width: 100%;
height: 50%;
position: absolute;
inset: 50% 0% 0%;
overflow: hidden
}
.uui-styleguide_logomark-bg {
border-radius: 8px;
width: 2rem;
height: 2rem;
position: absolute;
inset: 0%
}
.uui-logo_logomark {
border: .1px solid #dae0e8;
border-radius: .5rem;
flex: none;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 0 1px 1px #1018280f, 0 1px 2px #1018281a
}
.uui-logo_component {
flex-wrap: nowrap;
width: auto;
height: 2rem;
display: flex
}
.uui-navbar01_logo-link {
padding-left: 0
}
.uui-navbar01_component {
border-bottom: 1px solid var(--untitled-ui-gray100\);
background-color: #fff;
align-items: center;
min-height: 5rem;
padding-left: 2rem;
padding-right: 2rem;
display: flex
}
.uui-contact14_map {
width: 100%;
height: 100%
}
.uui-contact14_map-wrapper {
flex-direction: column;
width: 100%;
height: 100%
}
.uui-contact14_tab-pane {
height: 100%
}
.uui-contact14_map-placeholder {
z-index: 1;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}
.uui-button-icon-2 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.25rem;
min-width: 1.25rem;
height: 1.25rem;
min-height: 1.25rem;
display: flex
}
.uui-button-link-2 {
grid-column-gap: .5rem;
color: var(--untitled-ui-primary700\);
white-space: nowrap;
background-color: #0000;
justify-content: center;
align-items: center;
padding: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex
}
.uui-button-link-2:hover {
color: var(--untitled-ui--primary800)
}
.uui-button-row-3 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap;
align-items: center;
display: flex
}
.uui-space-small {
width: 100%;
min-height: 1.5rem
}
.uui-text-size-medium-2 {
color: var(--untitled-ui-gray600\);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
line-height: 1.5
}
.uui-space-xxsmall {
width: 100%;
min-height: .5rem
}
.uui-heading-xxsmall {
color: var(--untitled-ui-gray900\);
letter-spacing: normal;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.5
}
.uui-contact14_tabs-link {
border-left: 4px solid var(--untitled-ui-gray100\);
background-color: #0000;
padding: 1.5rem 0 1.5rem 2rem;
display: block
}
.uui-contact14_tabs-link.w--current {
border-left-color: var(--untitled-ui-primary600\);
opacity: 1;
background-color: #0000
}
.uui-contact14_tabs-menu {
grid-column-gap: 1rem;
grid-row-gap: 0rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid
}
.uui-contact14_component {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
margin-top: 4rem;
display: grid
}
.uui-text-size-large-2 {
color: var(--untitled-ui-gray600\);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.125rem;
line-height: 1.5
}
.uui-space-xsmall-2 {
width: 100%;
min-height: 1rem
}
.uui-heading-medium-2 {
color: var(--untitled-ui-gray900\);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 2.25rem;
font-weight: 600;
line-height: 1.3
}
.uui-heading-subheading-2 {
color: var(--untitled-ui-primary600\);
margin-bottom: .75rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5
}
.uui-max-width-large-2 {
width: 100%;
max-width: 48rem
}
.uui-padding-vertical-xhuge-2 {
padding-top: 7rem;
padding-bottom: 7rem
}
.uui-container-large-2 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto
}
.uui-page-padding-2 {
padding-left: 2rem;
padding-right: 2rem
}
.product-metrics {
border-top: 1px solid var(--divider);
width: 34.3%;
margin-right: 15.6%
}
.product-metrics.hidden {
display: none
}
.product-metrics-row {
border-bottom: 1px solid var(--divider);
justify-content: flex-end;
padding: 1.25rem;
display: flex
}
.product-metrics-dt-text {
color: #d8d8cf;
text-transform: uppercase;
margin-bottom: .625rem;
font-family: Roboto Mono, sans-serif;
font-size: .75rem;
line-height: 1
}
.product-metrics-bullet {
opacity: .35;
width: .375rem;
display: block
}
.product-metrics-dd {
text-transform: uppercase;
font-family: Roboto Mono, sans-serif;
font-size: 1.625rem;
line-height: 1.15
}
.product-metrics-dl {
justify-content: space-between;
align-items: center;
min-width: 9rem;
display: flex
}
.slide-image-elem {
width: 100%
}
.hero-feature-ico {
width: .375rem
}
.hero-feature-prime {
color: #d8d8cf;
text-align: right;
text-transform: uppercase;
border-top: 1px solid #efefe5;
border-bottom: 1px solid #efefe5;
border-right: 1px solid #efefe5;
justify-content: flex-end;
align-items: center;
margin-bottom: 1.125rem;
padding: 0 0 0 42%;
font-family: Roboto Mono, sans-serif;
font-size: .75rem;
line-height: 1;
display: flex;
position: relative;
overflow: hidden
}
.hero-feature-prime.transparent {
opacity: .6
}
.hero-feature-score {
border-top: 1px solid #efefe5;
border-bottom: 1px solid #efefe5;
border-left: 1px solid #efefe5;
margin-top: -1px;
margin-bottom: -1px;
margin-left: 1.125rem;
padding: 1rem 1.125rem;
font-size: 1.25rem
}
.hero-feature-slide {
justify-content: flex-end;
align-items: center;
width: 100%;
transition: all .3s;
display: flex;
position: absolute;
top: -1px;
bottom: -1px;
right: 0;
transform: translateY(-100%)
}
.hero-feature-slide-pseudo {
opacity: 0;
flex: 1;
justify-content: flex-end;
align-items: center;
display: flex
}
.pricing-section {
padding-top: 8vh;
padding-bottom: 12vh;
display: block;
position: relative
}
.section-head-double-links {
justify-content: space-between;
align-items: center;
padding-left: 1.625rem;
display: flex
}
.pricing-illustration {
margin-top: 3.625rem;
margin-bottom: 2rem
}
.pricing-clip-box.pricing-clip-sdk {
display: block
}
.pricing-clip-box.pricing-clip-api {
display: none
}
.pricing-clip-head {
background-color: #09090e;
background-image: url(../images/644920edd0560b6c368741c4_Rectangle%2074.svg);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100%;
height: 38px
}
.pricing-clip-body {
border-style: solid;
border-width: 0 1px 1px;
border-color: var(--divider);
background-color: var(--bg-dark)
}
.pricing-clip-col {
flex-flow: column;
padding-top: 2.375rem;
padding-left: 2.876rem;
padding-right: 2.876rem;
display: flex
}
.pricing-clip-col.pcc-middle {
border-right: 1px solid var(--divider);
border-left: 1px solid var(--divider)
}
.pricing-clip-cols {
float: left;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
margin-top: -38px;
display: grid;
position: relative
}
.pricing-clip-action {
margin-top: auto;
margin-left: -1rem;
transform: translateY(50%)
}
.pricing-clip-action.hide-in-mobile {
background-color: var(--bg-dark);
margin-top: auto;
transform: translateY(calc(50% + .5rem))
}
.pricing-clip-action.hide-in-mobile.pricing-clip-action-last {
transform: translateY(25%)
}
.pricing-clip-head-inner {
display: none
}
.pricing-clip-col-head {
background-color: #09090e;
background-image: url(../images/66601e18a4ad5deb6b3e5bdd_col-mobile-heading.svg);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100%;
height: 38px;
display: none
}
.pricing-clip-action-main {
display: block
}
.pricing-clip-action-main.mobile-show {
display: none
}
.pricing-illustration-img {
width: 100%
}
.top-banner__lottie {
width: 3.875rem;
height: 1.5rem
}
.top-banner__wrapper {
justify-content: center;
align-items: center;
display: flex
}
.top-banner__lottie-wrapper {
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;
text-decoration: none;
display: flex;
position: relative
}
.pricing-card-text {
color: var(--text-white-0-6);
margin-bottom: 1.3rem
}
.case-head-info {
justify-content: space-between;
margin-bottom: 4rem;
display: flex
}
.case-head-item {
border-top: 1px solid var(--divider);
width: 100%;
margin-left: 1.25rem;
margin-right: 1.25rem
}
.text-block-188 {
color: #858580;
-webkit-text-stroke-color: #858580;
text-transform: uppercase;
font-family: Roboto Mono, sans-serif
}
.case-info-head {
font-size: 2rem
}
.case-testimonial {
border-top: 1px solid var(--divider);
flex-flow: row;
margin-top: 90px;
padding-left: 1.12rem;
padding-right: 1.12rem;
display: flex
}
.case-testimonial-author {
border-left: 1px solid var(--divider);
min-width: 200px;
padding: 1.25rem 1.25px .25rem 1.25rem
}
.case-testimonial-author-position {
opacity: .6;
text-transform: uppercase;
font-family: Roboto Mono, sans-serif
}
.case-testimonial-author-name {
font-size: 1.5rem
}
.case-testimonial-content {
padding-top: 1.25rem
}
.case-testimonial-text {
padding-right: 4rem;
font-size: 2rem
}
.case-testimonial-subtext {
opacity: .6;
padding-top: 1.25rem;
padding-right: 4rem;
font-size: 1.25rem
}
.case-testimonial-author-wrapper {
justify-content: flex-start;
align-items: center;
padding-top: 1rem;
padding-bottom: .5rem;
display: flex
}
.case-testi-author-arrow {
margin-right: 1rem
}
.case-contact-title {
margin-bottom: 1rem;
font-size: 1.5rem
}
.case-item-head {
justify-content: space-between;
align-items: center;
padding-left: 1.62rem;
padding-right: 1.62rem;
display: flex
}
.case-item-category {
color: #858580;
text-transform: uppercase;
font-family: Roboto Mono, sans-serif;
font-size: .75rem
}
.image-1040 {
margin-right: 0
}
.case-item-partner-logo {
max-height: 54px;
padding-left: 1rem
}
.case-item-footer {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
margin-left: 1.62rem;
margin-right: 1.62rem;
display: none
}
.caseitem-footer-subtext {
color: #858580;
text-transform: uppercase;
font-family: Roboto Mono, sans-serif;
font-size: .75rem
}
.caseitem-footer-text {
margin-bottom: .5rem
}
.case-item-thumb-bg {
position: absolute;
inset: 0
}
.case-item-image-wrapper {
border-top: 1px solid var(--divider);
margin-top: 1rem;
padding-left: 1.62rem;
padding-right: 1.62rem;
position: relative
}
.cases-collection.hidden {
display: none
}
.case-item-bg-gradient {
position: absolute;
inset: 0% 10% 10% 0%
}
.case-bg-color,
.casesslider-collection.hidden {
display: none
}
.cases-slider {
background-color: #0000;
height: auto
}
.case-section {
background-color: #0000;
justify-content: center;
align-items: center;
padding-top: 80px;
padding-bottom: 50px;
display: block;
overflow: hidden
}
.case-container {
flex: 1;
margin-left: 0;
margin-right: 0;
position: relative
}
.case-slider-holder {
width: 33%;
margin-top: 0;
margin-left: 17%
}
.case-slider {
background-color: #0000;
height: auto
}
.case-slider-item,
.media-slider-item-copy {
background-color: #0000;
border: 1px solid #353539;
border-left: 1px #000;
border-right: 1px #000;
margin-top: 0;
margin-right: 0;
padding: 1.625rem;
overflow: visible
}
.case-collection.hidden {
display: none
}
.mask-5-cases {
overflow: visible
}
.cases-section {
background-color: #0000;
justify-content: center;
align-items: center;
padding-top: 80px;
padding-bottom: 50px;
display: block;
overflow: hidden
}
.cases-h-slider {
background-color: #0000;
height: auto
}
.cases-slider-item {
background-color: #0000;
border: 1px solid #353539;
border-left: 1px #000;
border-right: 1px #000;
margin-top: 0;
margin-right: 0;
padding: 1.625rem;
overflow: visible
}
.cases-slider-section {
background-color: #0000;
justify-content: center;
align-items: center;
padding-top: 80px;
padding-bottom: 50px;
display: block;
overflow: hidden
}
.cs_slide-wrapper {
flex-direction: column;
min-height: 420px;
display: flex
}
.media-container-copy,
.cases-container {
flex: 1;
margin-left: 0;
margin-right: 0;
position: relative
}
.cases-slider-holder {
width: 33%;
margin-top: 0;
margin-left: 17%
}
.casses-slider {
background-color: #0000;
height: auto
}
.media-slider-item-copy {
background-color: #0000;
border: 1px solid #353539;
border-left: 1px #000;
border-right: 1px #000;
margin-top: 0;
margin-right: 0;
padding: 1.625rem;
overflow: visible
}
.caselist-slider-item {
background-color: #0000;
border: 1px solid #353539;
border-left: 1px #000;
border-right: 1px #000;
margin-top: 0;
margin-right: 0;
padding: 1rem 0 1.625rem;
overflow: visible
}
.section-head-switcher-wrapper {
border-top: 1px solid #353539;
border-bottom: 1px solid #353539;
width: 100%;
height: 4rem
}
.section-head-switcher {
cursor: pointer;
border: 1px solid #c1c1ba;
border-radius: 6px;
width: 3.25rem;
height: 2rem;
transition: background-color .2s;
position: relative
}
.section-head-switcher.active {
background-color: #efefe5
}
.section-head-switcher-point {
background-color: #efefe5;
border-radius: 2px;
width: 1rem;
height: 1rem;
transition: background-color .2s, right .2s, left .2s;
position: absolute;
top: .45rem;
left: .45rem
}
.section-head-switcher-point.active {
background-color: #09090e;
left: 1.6rem;
right: .5rem
}
.section-head-switcher-container {
border-right: 1px solid #353539;
flex-flow: column;
justify-content: center;
align-items: center;
width: 6.5rem;
height: 4rem;
display: flex
}
.section-head-switcher-content-wrapper {
flex-flow: column;
justify-content: space-around;
align-items: flex-start;
height: 100%;
padding-left: 1.125rem;
display: flex
}
.text-block-189 {
display: none
}
.text-block-190 {
text-transform: uppercase;
font-family: Roboto Mono, sans-serif;
font-size: .812rem;
line-height: .812
}
.text-block-191 {
padding-top: 1.125rem;
padding-bottom: 1.187rem;
padding-left: 1.625rem
}
.price-mobile-slide-icon.price-slide-icon {
display: none
}
.smart--container {
border-right: 1px solid var(--divider);
border-left: 1px solid var(--divider);
max-width: 78.0625rem;
position: relative
}
.smart--container.smart--contaniner-hero {
background-image: url(../images/6731fdfbae65af49c4878c01_grid-with-shadow.png);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: auto;
padding-bottom: 0
}
.smart_hero--wrapper {
padding-top: 2.7rem
}
.smart_hero--banner {
width: 100%;
position: relative
}
.smart_hero--content_text {
margin: 1.5rem 3.2rem 0;
font-family: Violetsans, Arial, sans-serif
}
.smart_hero--video {
width: 47.4375rem;
margin-left: auto;
margin-right: auto
}
.smart_hero--content_col {
min-width: 25rem
}
.smart_hero--title {
letter-spacing: .08rem;
overflow-wrap: normal;
margin-bottom: 0;
font-size: 4.5rem;
line-height: 5.1rem
}
.smart_hero--content_wrapper {
margin-top: .4rem;
padding-left: 2rem
}
.smart_hero--btn_wrapper {
grid-column-gap: 1.25rem;
margin-bottom: 2.5rem
}
.smart--container_header {
border-top: 1px solid var(--divider);
justify-content: space-between;
width: 100%;
display: flex;
position: relative
}
.smart_container--corner.corner-left {
position: absolute;
inset: -1px auto auto -1px
}
.smart_container--corner.corner-right {
transform-style: preserve-3d;
position: absolute;
inset: -1px -1px auto auto;
transform: rotateX(0)rotateY(180deg)rotate(0)
}
.text-block-192 {
letter-spacing: .03rem;
text-transform: uppercase;
font-size: .8125rem;
line-height: 1.5
}
.text-block-193 {
letter-spacing: .03rem;
text-transform: uppercase
}
.smart_hero--copyright {
color: var(--text-white-0-6);
margin-bottom: 2rem;
font-size: 1.125rem;
line-height: 1.8rem
}
.smart-poins-wrapper {
border: 1px solid var(--divider);
background-color: var(--bg-dark);
flex-flow: row;
justify-content: space-between;
width: auto;
margin: 8rem -1.75rem 2.93rem;
padding: 5rem 5.6rem
}
.smart-points-item {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
max-width: 19rem;
display: flex
}
.smart-points-header-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: space-between;
align-items: center
}
.smart-points-item-title {
margin-bottom: 0;
font-size: 1.25rem;
line-height: 1.5
}
.smart-points-content {
color: var(--text-white-0-6);
margin-bottom: 0
}
.smart-solution__content {
width: 100%;
position: relative
}
.smart-solution__wrapper {
background-image: url(../images/673322f46d2683a1b3fa8c0a_solution-grid-desktop.png);
background-position: 50% 0;
background-repeat: no-repeat;
background-size: auto;
justify-content: flex-start;
align-items: center;
padding-top: 5.7rem
}
.smart-solution__logo {
margin-top: 2.25rem
}
.smart-solution__item {
background-color: var(--bg-dark);
border: 5px solid #ffffff0f;
border-radius: 1.625rem;
padding: .25rem .75rem;
font-size: .875rem;
display: inline-block;
position: static
}
.smart-solution__item.first {
position: absolute;
top: 7.6rem;
left: 16.7rem
}
.smart-solution__item.second {
position: absolute;
top: 12.8rem;
left: 5.5rem
}
.smart-solution__item.third {
position: absolute;
top: 6.8rem;
right: 14rem
}
.smart-solution__item.fourth {
position: absolute;
top: 15.2rem;
right: 20rem
}
.smart-solution__lines.group {
margin-top: -.9rem
}
.smart-solution__line.first {
position: absolute;
top: 13.7rem;
right: .25rem
}
.smart-solution__line.second {
position: absolute;
top: 11rem;
right: .25rem
}
.smart-solution__line.third {
position: absolute;
top: 5.6rem;
left: 0
}
.smart-solution__content-item {
width: 28.875rem
}
.banner-corner.bottom {
transform-style: preserve-3d;
transform: rotateX(180deg)rotateY(0)rotate(0)
}
.content-item-title {
text-align: center;
letter-spacing: .05rem;
margin-top: 2px;
margin-bottom: 1rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
font-size: 2.25rem;
line-height: 2.5rem
}
.smart-solution__content-list {
grid-column-gap: 1.5rem;
justify-content: center;
align-items: flex-start
}
.content-item-text {
color: var(--text-white-0-6);
text-align: center;
margin-bottom: 2px;
padding-left: 1.25rem;
padding-right: 1.25rem
}
.smart-solutions__images-wrapper {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative
}
.border-corners {
transform-style: preserve-3d;
position: absolute;
top: 7.5rem;
left: 0;
right: 0;
transform: scaleX(1.002)
}
.border-corners.bottom {
transform-style: preserve-3d;
top: auto;
bottom: 0;
transform: rotateX(180deg)rotateY(0)rotate(0)scaleX(1.002)
}
.title-wrapper {
justify-content: space-between;
align-items: center;
margin-top: 11.5rem;
padding: 2.5rem 3.25rem
}
.features-title-description {
max-width: 32.5rem
}
.features-item {
padding-left: 3.875rem;
padding-right: 3.875rem;
position: relative
}
.features-icon {
position: absolute;
inset: -3px auto auto -2rem
}
.features-item-image {
max-width: 32.5rem
}
.features-item-header {
letter-spacing: .06rem;
margin-bottom: 4rem;
font-size: 2.25rem;
line-height: 3rem
}
.features-text {
color: var(--text-white-0-6)
}
.features-main-title {
margin-bottom: 0;
line-height: 4.5rem
}
.switcher-wrapper {
justify-content: flex-start;
align-items: center;
display: flex
}
.switcher-col-content {
text-transform: uppercase;
font-family: Roboto Mono, sans-serif
}
.pricing-list {
border-right: 1px solid var(--divider);
border-left: 1px solid var(--divider);
background-color: var(--bg-dark);
justify-content: center;
align-items: flex-start;
height: 50.75rem;
margin-left: -1.75rem;
margin-right: -1.75rem;
display: flex
}
.pricing-item {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
padding-top: 3.3125rem;
padding-left: 3.3125rem
}
.pricing-item.first {
border-right: 1px solid var(--divider);
max-width: 23.625rem
}
.pricing-item.second {
border-right: 1px solid var(--divider)
}
.pricing-item-title {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: center;
display: flex
}
.pricing-item-desc {
color: var(--text-white-0-6);
max-width: 17.375rem
}
.pricing-item-features {
border-top: 1px solid var(--divider);
margin-left: auto;
display: block
}
.pricing-features-title {
margin-bottom: 0
}
.pricing-feature {
grid-row-gap: .375rem;
border-bottom: 1px solid var(--divider);
padding-top: .875rem;
padding-bottom: .875rem;
padding-left: 1.875rem;
position: relative
}
.pricing-item-btn {
margin-top: auto
}
.pricing-btn-text {
margin-top: auto;
text-decoration: none
}
.text-badge {
border: 1px solid var(--divider);
padding: .25rem .5rem;
font-size: .75rem;
line-height: 1;
display: inline-block
}
.pricing-features-desc {
color: var(--text-white-0-6);
text-transform: uppercase;
max-width: 15.5rem;
font-family: Roboto Mono, sans-serif;
font-size: .8125rem;
line-height: 1.25
}
.pricing-item-title-wrapper {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.text-span-31,
.text-span-32,
.text-span-33 {
opacity: .6
}
.holiday-snow-code {
display: none
}
.product-box {
grid-column-gap: .65rem;
grid-row-gap: .65rem;
flex-flow: column;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
max-height: 100vh;
display: grid
}
.ecosystem-code {
display: none
}
@media screen and (min-width:1280px) {
h1 {
font-size: 4.75rem
}
.body-02.web,
.body-02.style-body,
.body-02.licence-body-text,
.body-02.unplash,
.body-02.open,
.body-02.project-body02 {
color: var(--black\)
}
.hero-container {
background-position: 50% 0
}
.blog-image-card-01 {
position: relative;
overflow: hidden
}
.flowout-features-grid {
grid-column-gap: 64px
}
.flowout-grid-card-background.background-2 {
height: 100%
}
.flowout-grid-card-bg {
bottom: -24px;
right: -24px
}
.flowout-grid-card-text {
font-size: 24px;
line-height: 40px
}
.flowout-grid-card {
transition: all .3s, transform .2s ease-out
}
.flowout-grid-card:hover {
transform: translate(24px, 24px)
}
.flowout-grid-card.red-bg:hover {
color: #fff;
background-color: #d77c7c
}
.flowout-grid-card.blue-bg:hover {
color: #fff;
background-color: #7cc6d7
}
.flowout-grid-card.green-bg:hover {
color: #fff;
background-color: #84d77c
}
.flowout-grid-card-heading {
font-size: 28px;
line-height: 36px
}
.flowout-container-special {
padding-bottom: 24px;
padding-left: 56px;
padding-right: 80px
}
.flowout-container {
padding-left: 56px;
padding-right: 56px
}
.flowout-button:hover {
color: #fff;
background-color: #1a49ba;
transform: translate(8px, 8px)
}
.flowout-hero-content-wrapper {
width: auto
}
.flowout-hero-image-tag {
left: -112px
}
.flowout-hero-image {
width: 100%;
margin-left: 112px
}
.flowout-nav-link {
margin-left: 28px;
margin-right: 28px
}
.flowout-hero {
padding-bottom: 112px
}
.vertical-line.vertical-line--left.vertical-line-header,
.vertical-line.vertical-line--right.vertical-line-header {
display: block
}
.hero-heading,
.heading-4 {
font-size: 4.75rem
}
.product-track-descr.burn-product-track-descr {
padding-bottom: 90px
}
.product-track-slogan {
width: 15.7%
}
.review-quote-text {
width: 29.7%;
font-size: 2.25rem
}
.review-sub-text {
width: 23%
}
.link-more {
font-family: Roboto Mono, sans-serif
}
.link-more.link-more--sm.link-more--no-uppercase {
font-size: .8125rem
}
.btn-primary {
padding: .8125rem
}
.btn-primary.btn-verify {
min-width: 8.625rem
}
.btn-primary.btn-primary--padding-lg {
padding-left: 2.5rem;
padding-right: 2.5rem
}
.revolution__title-wrap {
padding-top: .75rem
}
.text-block-141 {
font-size: 3.5rem
}
.section-title {
font-size: 2.8rem
}
.section-title.section-title--lg {
font-size: 4.75rem
}
.text-block-142 {
font-size: 2.25rem
}
.header-container {
justify-content: space-between
}
.header-menu-block {
padding-left: 1.875rem;
padding-right: 1.875rem
}
.header-menu-block.hmb-alt {
padding-right: 3.6875rem
}
.brand-2 {
width: 9.75rem
}
.nav-link-5 {
font-size: .8125rem
}
.nav-link-5.nav-link--flex {
font-size: .75rem
}
.div-block-379 {
min-width: 180px;
min-height: 78px
}
.team-partners-labe {
padding: 18px 22px
}
.dd-main-menu {
min-width: 20.375rem
}
.dd-secondary-menu.size-sm {
min-width: 10.875rem
}
.dropdown-box {
min-width: 14.75rem
}
.pricing-card {
padding-left: 5.125rem;
padding-right: 5.125rem
}
.features-list.features-list--pricng {
margin-right: -5.125rem
}
.features-list-item {
padding-top: .875rem;
padding-bottom: .875rem;
padding-left: 1.875rem
}
.badge-popular {
margin-left: 1.9rem
}
.text-span-16 {
padding-left: .625rem;
padding-right: 1.8rem
}
.feat-article-title {
font-size: 2.25rem
}
.tabs-oure-links {
padding-left: 1.5rem;
top: -80px
}
.header-side-part {
width: 15.5%;
display: flex
}
.header-mdl-part {
margin-left: 0;
margin-right: 0
}
.header-action-place {
padding-left: 1.875rem;
padding-right: 1.875rem
}
.slide-img--fit {
height: 13.375rem
}
.features-check {
top: 1rem
}
.brand-single-thumb {
min-height: 402px
}
.brand-slide-image.is-tight {
max-width: 62%
}
.sticky-anchor-link {
padding-right: 1.75rem
}
.brand-single-thumb-light {
min-height: 402px
}
.product-menu-toggle {
padding: 1.4375rem 2.3rem
}
.product-menu-toggle.w--open {
padding-left: 2.3rem;
padding-right: 2.3rem
}
.product-menu-list.w--open {
flex-flow: wrap;
align-content: stretch
}
.verify-popup.is-open {
opacity: 1
}
.landing-hero-h1 {
font-size: 3.5rem
}
.landing-hero-h2 {
font-size: 7.5rem
}
.block-heading-title {
font-size: 6.25rem
}
.grant-post-text {
min-height: 9rem
}
.winners-item-thumb-img {
width: 14.75rem
}
.winners-item-info {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.landing-hero-heading-border {
display: block
}
}
@media screen and (min-width:1440px) {
.body-02.web {
color: var(--black\)
}
.button-1 {
letter-spacing: .32px
}
.image-2 {
left: -35%
}
.development {
overflow: hidden
}
.project-heading {
position: static
}
.link-block.article-slide {
min-height: 520px
}
.price-card-01 {
cursor: pointer
}
.pr-slider {
max-width: 100%
}
.image-1001 {
margin-right: 30px
}
.button22,
.button23,
.button-1-copy {
letter-spacing: .32px
}
.container.hero-flex-container {
padding-bottom: 20px
}
.hero-info {
padding-top: 20vh;
padding-bottom: 100px
}
.hero-info-right.burn-hero-info-right {
padding-top: 9px
}
.hero-slide.burn-hero-slide {
max-width: none;
height: 84px
}
.slide-product-nb.burn-slide-product-nb {
color: #efefe5;
border-right-color: #353539
}
.slide-product-block.burn-slide-product-block {
background-color: #010101;
border-color: #353539
}
.product-track-descr.burn-product-track-descr {
border-bottom: 1px solid #353539
}
.product-track-slogan {
position: relative
}
.btn-primary {
float: right;
text-align: center;
right: 0
}
.btn-primary.btn-primary--lg.btn-primary--padding-sm {
float: none
}
.btn-primary.burn-hero-button {
top: 10px;
right: 24px
}
.roadmap-section.burn-roadmap-section {
border-right: 1px solid #353539;
margin-top: -26px;
padding-top: 0
}
.reviews-slider,
.reviews-slide {
min-height: auto
}
.ecosystem-row-item {
padding-right: 106px
}
.vid_slide-wrapper {
min-height: 520px
}
.text-block-140,
.section-title {
font-size: 3rem
}
.roadmap-slider-block.burn-roadmap-slider-block {
margin-top: 0
}
.brand-2 {
width: 9.75rem
}
.nav-link-5 {
padding-top: 1.4375rem;
padding-bottom: 1.4375rem
}
.fw-normal {
color: #efefe5
}
.meta-data.flex-wrap.case-partner-logo {
padding-top: 2rem
}
.link-block-18 {
text-transform: uppercase;
background-image: url(../images/arrow-right-color.svg);
background-position: 100%;
background-repeat: no-repeat;
background-size: 1.375rem;
border: 1px solid #353539;
padding: 1.875rem 3rem 1.875rem 1.625rem;
font-size: .8125rem;
line-height: 1;
text-decoration: none
}
.all-features-row-item {
padding-right: 106px
}
.burn-hero {
height: auto
}
.text-span-16 {
color: #939390;
padding-left: 10px;
padding-right: 40px
}
.text-span-17 {
color: #939390
}
.image-1034 {
max-width: 70%;
position: absolute;
bottom: 0;
right: 0
}
.grid-6 {
grid-template-areas: "Area"
}
.flex-row-copy {
justify-content: flex-end;
width: 100%;
margin-left: 0%;
margin-right: 0%
}
.text-block-160 {
border-left: 1px solid #353539;
width: 50%;
padding: 20px 200px 0 20px;
font-family: Violetsans, Arial, sans-serif;
font-size: 18px;
font-weight: 400
}
.burn-tab-nav-link,
.burn-tab-nav-link.w--current {
width: 50%;
padding: 0
}
.flex-row-copy {
border-right: 0 solid #000;
align-items: stretch
}
.image-1035 {
border-right: 0 solid #353539;
width: 100%
}
.div-block-382 {
width: 50%;
padding-left: 20px;
padding-right: 20px;
line-height: 2.5
}
.div-block-382.flex-row {
border-bottom: 1px solid #353539;
flex-direction: column;
flex: 0 0 50%;
justify-content: center;
align-items: flex-start;
width: auto;
margin-bottom: 0;
margin-left: 0%;
margin-right: 0%;
line-height: 1.5
}
.text-span-18 {
color: #efefe5
}
.text-span-19,
.text-span-20 {
color: #6d6d6d
}
.tab-pane-tab-1 {
padding-left: 1px
}
.div-block-383 {
border-bottom: 1px solid #353539;
border-right: 1px solid #353539;
flex: 0 0 50%;
width: auto;
padding-bottom: 121px;
padding-left: 1px
}
.section-heading-copy {
margin-top: -350px
}
.burn-page-body {
background-color: #010101
}
.div-block-384 {
position: absolute;
bottom: 140px;
right: 0
}
.container-middle-copy {
position: relative
}
.link-more-icon-copy.link-more-icon--sm {
border: 0 solid #353539;
width: 22px;
height: 22px;
margin-left: auto;
margin-right: auto;
padding: 0;
display: block
}
.div-block-385 {
border: 1px solid #353539;
flex: 1;
align-self: auto;
margin-left: 20px;
padding: 0;
font-size: 0
}
.btn-primary-disconnect-wallet {
float: right;
text-align: center;
right: 0
}
.btn-primary-disconnect-wallet.burn-hero-button,
.btn-primary-disconnect-wallet.burn-hero-button-disconnect {
top: 10px;
right: 24px
}
.btn-connect-wallet {
float: right;
text-align: center;
right: 0
}
.btn-connect-wallet.burn-hero-button,
.btn-connect-wallet.burn-hero-button-connect-wallet {
top: 10px;
right: 24px
}
.btn-connect-wallet.burn-hero-button-connect-wallet.btn-primary {
margin-right: 1.5rem;
top: 0;
right: 0
}
.btn-burn {
float: right;
text-align: center;
right: 0
}
.btn-burn.burn-hero-button,
.btn-burn.btn-hero-burn {
top: 10px;
right: 24px
}
.div-block-386 {
width: 50%;
padding-left: 20px;
padding-right: 20px;
line-height: 2.5
}
.div-block-386.flex-row {
border-bottom: 1px solid #353539;
flex-direction: column;
flex: 0 0 50%;
justify-content: center;
align-items: flex-start;
width: auto;
margin-bottom: 0;
margin-left: 0%;
margin-right: 0%;
line-height: 1.5
}
.text-span-21 {
color: #efefe5
}
.text-span-22,
.text-span-23 {
color: #6d6d6d
}
.text-block-163 {
padding-right: 200px
}
.event-timer.js-event-timer {
flex: 1
}
.text-span-24 {
color: #939390;
padding-left: 10px;
padding-right: 40px
}
.text-span-25 {
color: #939390
}
.btn-connect-wallet-copy {
float: right;
text-align: center;
right: 0
}
.btn-connect-wallet-copy.burn-hero-button,
.btn-connect-wallet-copy.burn-hero-button-connect-wallet {
top: 10px;
right: 24px
}
.btn-connect-wallet-copy.burn-hero-button-connect-wallet.btn-primary {
margin-right: 1.5rem;
top: 0;
right: 0
}
.btn-connect-wallet-copy.burn-hero-button-connect-wallet-copy {
top: 10px;
right: 24px
}
.btn-connect-wallet-copy.burn-hero-button-connect-wallet-copy.btn-primary,
.btn-connect-wallet-copy.burn-hero-button-connect-wallet-copy.btn-primary-copy {
margin-right: 1.5rem;
top: 0;
right: 0
}
.text-span-21-copy {
color: #efefe5
}
.brand-single-view {
position: relative
}
.brand-slide-image {
max-width: 85%
}
.brand-slide-image.is-tight {
max-width: 62%
}
.brand-slide-image.is-super-tight {
max-width: 50%
}
.brand-listing-img {
width: 79%
}
.disclaimer {
opacity: 1
}
.disclaimer-title {
font-size: 2.25rem
}
.burn-rewards-section.burn-roadmap-section {
border-right: 1px solid #353539;
margin-top: -26px;
padding-top: 0
}
.burn-rewards-slider-block.burn-roadmap-slider-block {
margin-top: 0
}
.grant-post-text {
min-height: 7rem
}
.cookie-popup {
right: 1.8%
}
.case-head-item {
border-style: solid;
border-width: 1px;
border-color: var(--divider)black black;
width: 1000%;
margin-left: 2rem;
margin-right: 2rem
}
.case-info-head {
margin-top: 1rem;
margin-bottom: .5rem;
font-size: 2rem
}
.cs_slide-wrapper {
min-height: 520px
}
.product-box {
grid-column-gap: .65rem;
grid-row-gap: .65rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
}
@media screen and (min-width:1920px) {
.hero-section {
overflow: auto
}
.hero-content {
align-items: center
}
.hero-container {
background-image: linear-gradient(#0000, #0000);
align-items: center;
margin-top: 0
}
.image-2 {
position: absolute;
left: -35%
}
.client-container {
margin-left: auto;
margin-right: auto
}
.services-section {
background-color: var(--black\)
}
.work-container {
grid-template-columns: 600px 560px
}
.work-content-01 {
justify-content: center;
align-items: flex-start
}
.text-field {
border: 1px solid var(--white)
}
.product-content {
margin-right: 60px
}
.button-8 {
margin-left: 0;
margin-right: 20px
}
.style-guide-info {
justify-content: center;
align-items: center;
display: flex
}
.press-section {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block
}
.pr-lo {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 90%;
padding-top: 20px;
padding-bottom: 20px;
display: inline-block
}
.pr-title {
margin-top: 20px;
padding-top: 20px;
padding-bottom: 0
}
.heading-3.blog-heading {
max-width: 800px;
margin-bottom: 0;
margin-right: 120px;
padding-right: 20px
}
.bold-text-18 {
padding-bottom: 25px;
display: block
}
.pr-slider {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 0;
padding-top: 0;
display: block
}
.image-1001 {
margin-right: 60px
}
.button23 {
background-color: #000
}
.uui-team04_social {
max-width: 100%
}
.uui-text-size-medium {
padding-left: 10px;
padding-right: 10px
}
.heading-3-copy.blog-heading {
max-width: 800px;
margin-bottom: 0;
margin-right: 120px;
padding-right: 20px
}
.heading-3-copy.blog-heading-copy {
text-align: center;
max-width: 100%;
margin-bottom: 32px;
margin-right: auto;
padding-right: 0
}
.bold-text-19 {
position: relative
}
.review-nb,
.nb-default {
width: 2.5rem;
height: 2.5rem
}
.ecosystem-row {
border-top: 1px solid #353539;
display: flex
}
.ecosystem-row-item {
width: 50%;
padding: 26px 5%
}
.ecosystem-row-nb {
border: 1px solid #353539;
border-right-width: 0;
justify-content: center;
align-items: center;
width: 74px;
height: 79px;
font-size: .875rem;
display: flex;
position: absolute;
top: -1px;
left: -74px
}
.ecosystem-row-title {
margin-top: 0;
margin-bottom: 28px;
font-size: 1.75rem
}
.text-block-140,
.section-title {
font-size: 3.75rem
}
.all-features-row {
border-top: 1px solid #353539;
display: flex
}
.all-features-row-title {
margin-top: 0;
margin-bottom: 28px;
font-size: 1.75rem
}
.all-features-row-item {
width: 50%;
padding: 26px 5%
}
.all-features-row-nb {
border: 1px solid #353539;
justify-content: center;
align-items: center;
width: 74px;
height: 79px;
font-size: .875rem;
display: flex;
position: absolute;
top: -1px;
left: -74px
}
.article-pre-labe {
width: 15.5%
}
.product-menu-list.w--open {
width: 13rem
}
.block-heading.bh-margin-lg {
margin-bottom: 11rem
}
.case-testimonial-author {
min-width: 280px
}
.product-box {
display: flex
}
}
@media screen and (max-width:991px) {
h1 {
font-size: 3.14rem
}
h2 {
font-size: 2.14rem
}
.email-div {
justify-content: center;
align-items: center;
margin-bottom: 20px
}
.menu {
justify-content: center
}
.nav-menu {
background-color: #e1e8ea
}
.nav-link-2 {
text-align: center
}
.container-2 {
display: block
}
.body-02 {
font-size: 16px;
line-height: 24px
}
.body-02.basic-plan {
font-size: 14px
}
.body-02.web {
color: var(--black\)
}
.hero-content {
align-items: center;
max-width: 490px
}
.hero-container {
background-image: none;
justify-content: center;
align-items: baseline;
max-width: 771px;
height: 600px;
padding-top: 100px;
padding-bottom: 100px
}
.hero-text {
margin-top: 15px;
margin-bottom: 15px
}
.button-01 {
justify-content: center;
align-items: center;
margin-left: 0;
padding-bottom: 20px
}
.image-2 {
top: -14%
}
.image-3 {
bottom: 7%;
left: -27%
}
.image-4 {
bottom: -5%;
right: -20%
}
.image-5 {
bottom: 25%;
right: -10%
}
.image-6 {
right: -20%
}
.image-7 {
top: -11%;
right: -25%
}
.client-content-01 {
grid-template-rows: auto;
grid-template-columns: 1.75fr
}
.client-container {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex
}
.client-heading {
text-align: center;
margin-left: 0
}
.client-section {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 100px;
padding-bottom: 100px
}
.about-us-section {
margin-top: 0;
padding-top: 100px;
padding-bottom: 100px;
padding-left: 0
}
.about-container {
flex-direction: row;
align-items: stretch;
height: auto
}
.jagura-image-58 {
object-fit: cover;
width: 100%;
height: 100%
}
.project-card-profile {
padding-bottom: 32px
}
.project-card-heading {
margin-bottom: 0
}
.project-card-image {
flex: none;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: none;
height: 520px;
margin-bottom: 40px;
margin-right: 0
}
.sub-heading-01.store {
max-width: 180px
}
.service-container {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: 760px;
display: flex
}
.heading-02 {
text-align: left;
max-width: 740px;
margin-bottom: 30px;
font-size: 60px;
line-height: 75px
}
.heading-02.project {
margin-bottom: 0
}
.heading-02.right-plans {
margin-top: 60px
}
.heading-02.pricing-faq-heading,
.button-7 {
text-align: center
}
.service-content-01 {
flex-direction: column;
align-items: flex-start;
margin-bottom: 40px
}
.service-content-02 {
grid-column-gap: 27px;
grid-template-columns: 1fr 1fr;
max-width: 760px
}
.how-its-work-section {
height: auto;
padding-top: 100px;
padding-bottom: 100px
}
.work-container {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 600px;
align-items: center
}
.bold-text-4 {
font-size: 55px
}
.work-content-02 {
grid-auto-columns: 1fr;
width: 100%;
padding-top: 40px;
padding-bottom: 40px
}
.work-content-01 {
flex-direction: column;
display: flex
}
.footer-subscribe {
padding-left: 0
}
.footer-description {
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.text-block-44 {
justify-content: center;
align-items: center;
display: flex
}
.footer-sub-content {
grid-column-gap: 0px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1.25fr 1fr;
grid-auto-columns: 1fr;
place-content: center;
place-items: flex-start center;
margin-bottom: 140px;
display: flex
}
.footer-sec {
padding-top: 100px;
padding-bottom: 22px
}
.about-content-01 {
border-style: none;
border-width: 1px 0 0 1px;
border-color: var(--black\);
flex-direction: column
}
.about-heading {
border-width: 0;
border-bottom-style: none
}
.about-image-01 {
border-top: 1px solid #000;
border-bottom: 1px solid var(--black\